ThemesGraph


 
AccueilPortail2CalendrierÉvènementsGaleriePublicationsFAQRechercherGroupesS'enregistrerConnexion

Partagez | 
 

 Arrondir une image

Aller en bas 
AuteurMessage
Trefle
Admin


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

MessageSujet: Arrondir une image   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" />
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://themegraph.forumactif.com
Trefle
Admin


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

MessageSujet: Re: Arrondir une image   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" />
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://themegraph.forumactif.com
Trefle
Admin


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

MessageSujet: Re: Arrondir une image   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>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://themegraph.forumactif.com
Trefle
Admin


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

MessageSujet: Re: Arrondir une image   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>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://themegraph.forumactif.com
Trefle
Admin


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

MessageSujet: Re: Arrondir une image   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>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://themegraph.forumactif.com
Trefle
Admin


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

MessageSujet: Re: Arrondir une image   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>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://themegraph.forumactif.com
Trefle
Admin


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

MessageSujet: Re: Arrondir une image   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>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://themegraph.forumactif.com
Contenu sponsorisé




MessageSujet: Re: Arrondir une image   

Revenir en haut Aller en bas
 
Arrondir une image
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» roll-over, zone réactive, image et son
» [résolu] Lien dans image survolée vers page html
» agrandir reduire une image en son centre
» Changement d'une image de fond
» Image défilante

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
ThemesGraph :: Essais :: Essais de mise en page des posts-
Sauter vers: