Image en biais

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

Résolu Image en biais

Message par cricri364 le Ven 15 Juil 2011 - 17:53

Bonjour,

J'aurais aimé savoir comment faire ceci :


Merci d'avance pour vos réponses Very Happy


Dernière édition par cricri364 le Ven 15 Juil 2011 - 18:52, édité 1 fois

cricri364
***

Messages : 158
Inscrit(e) le : 27/04/2009

http://letters-to-juliet.forumgratuit.org
cricri364 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en biais

Message par SoraNoHime le Ven 15 Juil 2011 - 18:03

Bonjour

pour mettre une image en biais, il faut :

mettre une div autour de l'image :
Code:

<div class="biais"><img src="adresse de l'image"></div>

puis dans la css mettez :

Code:
.biais img {
-ms-transform :  rotate (-10deg);
-moz-transform :  rotate (-10deg);
-o-transform :  rotate (-10deg);
-webkit-transform : rotate (-10deg);
transform : rotate (-10deg);
}

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en biais

Message par cricri364 le Ven 15 Juil 2011 - 18:16

Merci mais en aite c'est pour l'intégrer dans une signature ! Sad

cricri364
***

Messages : 158
Inscrit(e) le : 27/04/2009

http://letters-to-juliet.forumgratuit.org
cricri364 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en biais

Message par SoraNoHime le Ven 15 Juil 2011 - 18:19

dans ce cas, mettez le code ainsi :

Code:
<img src="adresse de l'image"  style="-ms-transform :  rotate (-10deg);-moz-transform :  rotate (-10deg);-o-transform :  rotate (-10deg);-webkit-transform : rotate (-10deg);transform : rotate (-10deg);" />

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en biais

Message par cricri364 le Ven 15 Juil 2011 - 18:31

Sa fonctionne pas Sad
Voici le code :
Code:
<img src="http://img4.hostingpics.net/pics/4569432556.jpg"  style="-ms-transform :  rotate (-5deg);-moz-transform :  rotate (-5deg);-o-transform :  rotate (-5deg);-webkit-transform : rotate (-5deg);transform : rotate (-5deg);" />

cricri364
***

Messages : 158
Inscrit(e) le : 27/04/2009

http://letters-to-juliet.forumgratuit.org
cricri364 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en biais

Message par SoraNoHime le Ven 15 Juil 2011 - 18:46

Embarassed C'est de ma faute, j'ai oublié de mettre le code origin, qui va avec :

Code:
  <img src="http://img4.hostingpics.net/pics/4569432556.jpg"  style="-moz-transform: rotate(-5deg);-moz-transform-origin: 0 0;-o-transform: rotate(-5deg);-o-transform-origin: 0 0;-webkit-transform: rotate(-5deg);-webkit-transform-origin: 0 0;-ms-transform: rotate(-5deg);-ms-transform-origin: 0 0;transform: rotate(-5deg);transform-origin: 0 0;" />

Cordialement.

SoraNoHime
+ Hyperactif +

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image en biais

Message par cricri364 le Ven 15 Juil 2011 - 18:50

Merci c'est parfait Very Happy

Résolue !

cricri364
***

Messages : 158
Inscrit(e) le : 27/04/2009

http://letters-to-juliet.forumgratuit.org
cricri364 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum