Arrondir une image

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

Arrondir une image

Message par Trefle le Ven 7 Oct - 19:53



Code:
 <img src="http://i49.servimg.com/u/f49/14/39/90/51/trame010.jpg" width="100" height="100" alt="" class="arrondie" />

Trefle
Admin

Messages : 112
Date d'inscription : 24/10/2009

Voir le profil de l'utilisateur http://themegraph.forumactif.com

Revenir en haut Aller en bas

Re: Arrondir une image

Message par Trefle le Ven 7 Oct - 19:53



Code:
 <img src="http://i49.servimg.com/u/f49/14/39/90/51/trame010.jpg" width="200" height="200" alt="" class="arrondie" />

Trefle
Admin

Messages : 112
Date d'inscription : 24/10/2009

Voir le profil de l'utilisateur http://themegraph.forumactif.com

Revenir en haut Aller en bas

Re: Arrondir une image

Message par Trefle le Ven 7 Oct - 19:55



Code:
 <div style="border-radius:100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;background-color:white;box-shadow:2px 3px 4px;"><img src="http://i49.servimg.com/u/f49/14/39/90/51/trame010.jpg" width="200" height="200" alt="" class="arrondie" /></div>

Trefle
Admin

Messages : 112
Date d'inscription : 24/10/2009

Voir le profil de l'utilisateur http://themegraph.forumactif.com

Revenir en haut Aller en bas

Re: Arrondir une image

Message par Trefle le Ven 7 Oct - 20:00



 



Code:
<style type="text/css">
.roundedImage{
    overflow:hidden;
    -webkit-border-radius:50px;
    -moz-border-radius:50px;
    border-radius:50px;
    width:90px;
    height:90px;
}
</style>
<div class="roundedImage" style="background:url(http://i49.servimg.com/u/f49/14/39/90/51/trame010.jpg) no-repeat 0px 0px;">
    &nbsp;
</div>

Trefle
Admin

Messages : 112
Date d'inscription : 24/10/2009

Voir le profil de l'utilisateur http://themegraph.forumactif.com

Revenir en haut Aller en bas

Re: Arrondir une image

Message par Trefle le Ven 7 Oct - 20:05


essai avec couleur de cadre différente et modification des bords et box)
+ texte en couleur
+ texte en gras
+ texte au centre
+ image
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte


Code:
<div style="border-radius:30px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;background:url(http://i49.servimg.com/u/f49/14/39/90/51/trame010.jpg);box-shadow:10px 20px 20px;">[b][color=#000000][center]
essai avec couleur de cadre différente et modification des bords et box)
+ texte en couleur
+ texte en gras
+ texte au centre
+ image
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte[/center][/color][/b]</div></div>

Trefle
Admin

Messages : 112
Date d'inscription : 24/10/2009

Voir le profil de l'utilisateur http://themegraph.forumactif.com

Revenir en haut Aller en bas

Re: Arrondir une image

Message par Trefle le Ven 7 Oct - 20:47


essai avec couleur de cadre différente et modification des bords et box)
+ texte en couleur
+ texte en gras
+ texte au centre
+ image
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte


Code:
<div style="border-radius:30px;
-moz-border-radius: 50px;
-webkit-border-radius: 50px;background:url(http://i49.servimg.com/u/f49/16/89/99/38/fond-b13.jpg);box-shadow:10px 20px 20px;">[b][color=#FFFFFF][center]
essai avec couleur de cadre différente et modification des bords et box)
+ texte en couleur
+ texte en gras
+ texte au centre
+ image
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte[/center][/color][/b]</div></div>

Trefle
Admin

Messages : 112
Date d'inscription : 24/10/2009

Voir le profil de l'utilisateur http://themegraph.forumactif.com

Revenir en haut Aller en bas

Re: Arrondir une image

Message par Trefle le Ven 7 Oct - 20:58




essai avec couleur de cadre différente et modification des bords et box)
+ texte en couleur
+ texte en gras
+ texte au centre
+ image
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte




Code:
<html>
<body><table style="text-align: left; width: 597px; height: 112px;" border="0" cellpadding="5" cellspacing="10">
<tbody><tr><td style="width: 105px;"></td> <td style="width: 367px;"> <div style="background: transparent url(http://i49.servimg.com/u/f49/16/89/99/38/fond-b13.jpg) repeat scroll 0%; -moz-border-radius-topleft: 50px; -moz-border-radius-topright: 50px; -moz-border-radius-bottomright: 50px; -moz-border-radius-bottomleft: 50px; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial;">[b][color=#FFFFFF][center]
essai avec couleur de cadre différente et modification des bords et box)
+ texte en couleur
+ texte en gras
+ texte au centre
+ image
texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte texte[/center][/color][/b]</div> </td><td style="width: 97px;">  </td>  </tr>  </tbody></table>
</body>
</html>

Trefle
Admin

Messages : 112
Date d'inscription : 24/10/2009

Voir le profil de l'utilisateur http://themegraph.forumactif.com

Revenir en haut Aller en bas

Re: Arrondir une image

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

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