faire de mon bloc aux coins arrondis un rond
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
faire de mon bloc aux coins arrondis un rond
Bonjour,
Mon bloc ressemble à sa :
Et je voudrais qu'il soit rond à la place d'être un rectangle.
Le code :
Emilie
Mon bloc ressemble à sa :
Et je voudrais qu'il soit rond à la place d'être un rectangle.
Le code :
- Code:
SUPP
Emilie
Re: faire de mon bloc aux coins arrondis un rond
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 :
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- Membre actif
- Messages : 5952
Inscrit(e) le : 12/09/2012
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum