XynPapple signature #2 (+notes de personnalisation)

INSCRIPTION : 05/04/2013

Hey !

XynPapple signature #2 (+notes de personnalisation) 553602291

Me voici pour ma seconde signature Libre Service XynPapple signature #2 (+notes de personnalisation) 1194166126

Dans un esprit plus ou moins semblable à la première, sauf que pas totalement en fait XynPapple signature #2 (+notes de personnalisation) 4073216716

XynPapple signature #2 (+notes de personnalisation) 4073216716

Attention cependant, l'effet au survol ne fonctionnera pas sur IE, puisque ce navigateur ne supporte pas les filtres malheureusement.

Le code est un peu limite malheureusement, donc il vous sera peut-être utile d'utiliser des réducteurs d'url ou d'héberger vos images sur des hébergeurs qui proposent des url courtes comme imgur XynPapple signature #2 (+notes de personnalisation) 2025290738

XynPapple signature #2 (+notes de personnalisation) 2025290738

Les gifs sont de okimi79.

Merci de ne pas oublier de me créditer Wink

Bazzart archivant les LS sans réponses, n'hésitez pas à lâcher un petit mot pour montrer votre soutien même si le code est libre d'accès

I CAN'T CONTROL

THIS BLOODLUST

Avec effet au survol:

Code:: <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"><style>.pplCont{width:360px;height:100px;margin:0 auto;font-family:'Oswald',sans-serif;font-size:14px;color:#e2e2e2;text-align:center;-webkit-transition:all 300ms ease-in;transition:all 300ms ease-in;} .pplCont:hover{-webkit-filter:grayscale(1);filter:grayscale(1);} .pplImg{width:170px;height:100px;float:left;margin:0 5px;} .pplLeft{background:url('http://i.imgur.com/IBhGxXi.gif')center;background-size:cover;} .pplRight{background:url('http://i.imgur.com/hwelixX.gif')center;background-size:cover;} .pplTxt{padding-top:41px;position:relative;} .pplTxt:after{content:" ";position:absolute;bottom:9px;left:0;height:1px;width:100%;background-color:#e2e2e2;}</style><div class="pplCont"><div class="pplImg pplLeft"><div class="pplTxt">I CAN'T CONTROL</div></div><div class="pplImg pplRight"><div class="pplTxt">THIS BLOODLUST</div></div></div>

sans effet au survol:

Code:: <link href="https://fonts.googleapis.com/css?family=Oswald" rel="stylesheet"><style>.pplCont{width:360px;height:100px;margin:0 auto;font-family:'Oswald',sans-serif;font-size:14px;color:#e2e2e2;text-align:center;} .pplImg{width:170px;height:100px;float:left;margin:0 5px;} .pplLeft{background:url('http://i.imgur.com/IBhGxXi.gif')center;background-size:cover;} .pplRight{background:url('http://i.imgur.com/hwelixX.gif')center;background-size:cover;} .pplTxt{padding-top:41px;position:relative;} .pplTxt:after{content:" ";position:absolute;bottom:9px;left:0;height:1px;width:100%;background-color:#e2e2e2;}</style><div class="pplCont"><div class="pplImg pplLeft"><div class="pplTxt">I CAN'T CONTROL</div></div><div class="pplImg pplRight"><div class="pplTxt">THIS BLOODLUST</div></div></div>

NOTES:
-La typo, sa taille et sa couleur du texte sont modifiable dans .pplCont. Attention cependant si vous utilisez la version avec l'effet au survol, le texte passera lui aussi en noir et blanc.
-Les images sont modifiables dans .pplLeft et .pplRight, leur taille s'adapte automatiquement grâce au background-size:cover
-Pour supprimer la ligne qui tranche le texte en deux, il suffit simplement de supprimer tout ce qui concerne .ppleTxt:after

INSCRIPTION : 23/05/2017

C'est bon, je deviens fan de tes créations XynPapple signature #2 (+notes de personnalisation) 4013745979

**Invité**Invité

C'est magnifique !! Merci du partage XynPapple signature #2 (+notes de personnalisation) 3200731053

XynPapple signature #2 (+notes de personnalisation) 3779582753

INSCRIPTION : 24/03/2013

Merci du partage c'est parfait !

INSCRIPTION : 23/06/2012

merci j'adore !

INSCRIPTION : 05/04/2013

Merci à tous pour vos gentils mots (surtout toi @Alienor Romanova , ouioui, je te vois la-bas)

J'en profite pour annoncer que, dés que j'aurais plus de temps, j'ai prévu de préparer une version de cette signature a mettre en embed code qui rajoutera automatiquement un filtre coloré sur les gifs, puisque c'est avec ce type de gif qu'elle fonctionne le mieux XynPapple signature #2 (+notes de personnalisation) 2025290738

(d'autres exemples ici si vous voulez)

Et attention aussi, si vous vous trouvez sur un forum ou quelqu'un utilise déjà la signature, il vous faudra changer le nom des class qui ciblent les gifs (.pplRight et .pplLeft), sinon vous aller écraser vos codes l'un derrière l'autre.

INSCRIPTION : 23/05/2017

Hehe

*pars en moonwalk* En tout cas moi je vais suivre tout ce que tu vas faire de près.

XynPapple signature #2 (+notes de personnalisation) Tumblr12

INSCRIPTION : 17/11/2010

J'aime vraiment ce que tu fais ♥

INSCRIPTION : 05/04/2013

Dans tout les cas @Alienor Romanova si tu as le moindre soucis avec un de mes codes (ça vaut aussi pour tout les autres hein), n'hésite pas à m'envoyer un mp et on regardera a ça ensemble. XynPapple signature #2 (+notes de personnalisation) 2025290738