ThemesGraph


 
AccueilPortail2ÉvènementsGaleriePublicationsRechercherS'enregistrerConnexion

Partagez
 

 Arrondir une image

Aller en bas 
AuteurMessage
Trefle
Admin


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

Arrondir une image Empty
MessageSujet: Arrondir une image   Arrondir une image I_icon_minitimeVen 7 Oct - 19:53

Arrondir une image Trame010

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
https://themegraph.forumactif.com
Trefle
Admin


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

Arrondir une image Empty
MessageSujet: Re: Arrondir une image   Arrondir une image I_icon_minitimeVen 7 Oct - 19:53

Arrondir une image Trame010

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
https://themegraph.forumactif.com
Trefle
Admin


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

Arrondir une image Empty
MessageSujet: Re: Arrondir une image   Arrondir une image I_icon_minitimeVen 7 Oct - 19:55

Arrondir une image Trame010


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
https://themegraph.forumactif.com
Trefle
Admin


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

Arrondir une image Empty
MessageSujet: Re: Arrondir une image   Arrondir une image I_icon_minitimeVen 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
https://themegraph.forumactif.com
Trefle
Admin


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

Arrondir une image Empty
MessageSujet: Re: Arrondir une image   Arrondir une image I_icon_minitimeVen 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
https://themegraph.forumactif.com
Trefle
Admin


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

Arrondir une image Empty
MessageSujet: Re: Arrondir une image   Arrondir une image I_icon_minitimeVen 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
https://themegraph.forumactif.com
Trefle
Admin


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

Arrondir une image Empty
MessageSujet: Re: Arrondir une image   Arrondir une image I_icon_minitimeVen 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
https://themegraph.forumactif.com
Contenu sponsorisé




Arrondir une image Empty
MessageSujet: Re: Arrondir une image   Arrondir une image I_icon_minitime

Revenir en haut Aller en bas
 
Arrondir une image
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Écrire un texte dans une image
» Mettre une image en fond dans toutes les catégories + PA
» defilement d'image sur widgets
» Image en Signature
» Défilement du forum sur l'image de fond

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: