faire de mon bloc aux coins arrondis un rond

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu faire de mon bloc aux coins arrondis un rond

Message par emilie89500 Sam 2 Nov 2013 - 11:39

Bonjour,

Mon bloc ressemble à sa :  
faire de mon bloc aux coins arrondis un rond 940093Sanstitre6

Et je voudrais qu'il soit rond à la place d'être un rectangle.


Le code :
Code:
SUPP
Merci,
Emilie
emilie89500

emilie89500
**

Féminin
Messages : 93
Inscrit(e) le : 10/03/2012

http://ohmydollz.cultureforum.net
emilie89500 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: faire de mon bloc aux coins arrondis un rond

Message par MlleAlys Sam 2 Nov 2013 - 13:03

Bonjour,

Il faut passer tous les border-radius, qui correspondent à l'arrondi des coins, à 50%, et ensuite ajuster le padding pour que ça ne dépasse pas, ce que donne quelque chose comme ça :

Code:
<div style="background-color : #f0ed73 ; width:200px; height:200px;-moz-box-shadow:0px 0px 10px black; box-shadow:0px 0px 10px black; border-left:4px solid #ffffff; webkit-border-radius: 50%; moz-border-radius: 50%; border-radius: 50%; padding: 40px; border-right:4px solid #ffffff; text-align:center; position: absolute; top: 50px; left: 100px;">
    <div>
        <img src="http://img11.hostingpics.net/pics/876347anigif.gif" width="180" height="100"/>
    </div>
    <h1 style="font: 20px Times New Roman; letter-spacing: -3px; text-transform: uppercase; color: #7594ef; text-shadow: 0px 0px 2px #BE925A;">
        <a href="http://www.youtube.com/user/0hMyDollz/featured" class="postlink" target="_blank" rel="nofollow">
            OhMyDollz
        </a>
    </h1>
    <a href="http://www.youtube.com/user/0hMyDollz/featured" class="postlink" target="_blank" rel="nofollow">0hMyDollz</a> Chaîne officiel de forum vous proposant des tutoriels et astuces en vidéo !
</div>
MlleAlys

MlleAlys
Membre actif

Messages : 5767
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum