ThemesGraph
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

ThemesGraph


 
AccueilPortail2ÉvènementsGalerieDernières imagesPublicationsRechercherS'enregistrerConnexion
-40%
Le deal à ne pas rater :
Tefal Ingenio Emotion – Batterie de cuisine 10 pièces (induction, ...
59.99 € 99.99 €
Voir le deal

 

 Arrondir une image

Aller en bas 
AuteurMessage
Trefle
Admin



Messages : 121
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 : 121
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 : 121
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 : 121
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 : 121
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 : 121
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 : 121
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
-
» Image réactive

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: