Wahaha, encore des liens :3

Dim 19 Mai 2013 - 20:58

Capouccino

Age : 26Messages : 204

Dim 19 Mai 2013 - 20:58

Voilà encore une petite fiche de liens 'interactifs' comme je les aimes.
Les images c'est du 100px * 100px :3

PS: Je ne mets pas de crédit pour pas amocher la fiche mais merci de le préciser quelque part :3

TITRE
SOUS TITRE

Nom Prénom

Lien

TEXTE

NOM PRENOM

LIEN

TEXTE

Prénom NOM

Lien

Texte.

Prénom NOM

Lien

Texte.

Code:: <style>.fondu_fiche1{position:relative;}.fondu_fiche1,#text_moi1,#text_moi3{width:99%;background-color:#4D3A28;font-size:13px;font-family:Century Gothic;color:#8c7563;-moz-transition:1s opacity;-webkit-transition:1s opacity;-o-transition:1s opacity;}#text_moi1{position:absolute;z-index:2;opacity:1;}#text_moi3{position:absolute;z-index:1;opacity:0}.fondu_fiche1:hover #text_moi1{opacity:0.1;z-index:0;}.fondu_fiche1:hover #text_moi3{opacity:1;}</style><table> <span style="font-family: Georgia; font-size: 40px; color: #8a7f70; text-shadow: #382a1d 2px 1px 0px;">TITRE</span><br><span style="font-family: Georgia; font-size: 20px; color: #8c7563; text-shadow: #382a1d 2px 1px 0px;">SOUS TITRE</span> </table><center><table><tr><td><div style="letter-spacing:1px; font-variant:small-caps;color:#8a7f70;box-shadow: #382a1d 1px 1px 10px;background-color: #382a1d;border: 1px dashed #8a7f70; height:114px;width:300px;padding:0px"><table><tr><td rowspan="1"><img src="http://i78.servimg.com/u/f78/18/09/40/44/ico_mo11.png"></td><td><table><tr><td><div class="fondu_fiche1" style="margin-top:-2px"><div id="text_moi1" style="padding-left:5px">Nom Prénom</div><div id="text_moi3" style="padding-left:5px">Lien</div></div></td></tr><tr><td><div style="overflow:auto;height:87px;width:187px;margin-top:13px">TEXTE</div></td></tr></table></td></tr></table></div></td><td><div style="letter-spacing:1px; font-variant:small-caps;color:#8a7f70;box-shadow: #382a1d 1px 1px 10px;background-color: #382a1d;border: 1px dashed #8a7f70; height:114px;width:300px;padding:0px"><table><tr><td rowspan="1"><img src="http://i78.servimg.com/u/f78/18/09/40/44/ico_mo11.png"></td><td><table><tr><td><div class="fondu_fiche1" style="margin-top:-2px"><div id="text_moi1" style="padding-left:5px">NOM PRENOM</div><div id="text_moi3" style="padding-left:5px">LIEN</div></div></td></tr><tr><td><div style="overflow:auto;height:87px;width:187px;margin-top:13px">TEXTE</div></td></tr></table></td></tr></table></div></td></tr><tr><td><div style="letter-spacing:1px; font-variant:small-caps;color:#8a7f70;box-shadow: #382a1d 1px 1px 10px;background-color: #382a1d;border: 1px dashed #8a7f70; height:114px;width:300px;padding:0px"><table><tr><td rowspan="1"><img src="http://i78.servimg.com/u/f78/18/09/40/44/ico_mo11.png"></td><td><table><tr><td><div class="fondu_fiche1" style="margin-top:-2px"><div id="text_moi1" style="padding-left:5px">Prénom NOM</div><div id="text_moi3" style="padding-left:5px">Lien</div></div></td></tr><tr><td><div style="overflow:auto;height:87px;width:187px;margin-top:13px">Texte.</div></td></tr></table></td></tr></table></div></td><td><div style="letter-spacing:1px; font-variant:small-caps;color:#8a7f70;box-shadow: #382a1d 1px 1px 10px;background-color: #382a1d;border: 1px dashed #8a7f70; height:114px;width:300px;padding:0px"><table><tr><td rowspan="1"><img src="http://i78.servimg.com/u/f78/18/09/40/44/ico_mo11.png"></td><td><table><tr><td><div class="fondu_fiche1" style="margin-top:-2px"><div id="text_moi1" style="padding-left:5px">Prénom NOM</div><div id="text_moi3" style="padding-left:5px">Lien</div></div></td></tr><tr><td><div style="overflow:auto;height:87px;width:187px;margin-top:13px">Texte.</div></td></tr></table></td></tr></table></div></td></tr></table></center>

Dernière édition par MoiSadike le Ven 19 Juil 2013 - 8:43, édité 2 fois

Mar 4 Juin 2013 - 7:21

Tameless+

Age : 26Messages : 252

Mar 4 Juin 2013 - 7:21

Un gros merci!!! je l'ai utilisée sur mon forum et y'a même une belle mention que c'est ton oeuvre :3

Jeu 6 Juin 2013 - 18:36

Capouccino

Age : 26Messages : 204

Jeu 6 Juin 2013 - 18:36

De rien ^^ Et merci pour la mention <3

Jeu 11 Juil 2013 - 23:57

Aoko

Age : 30Messages : 38

Jeu 11 Juil 2013 - 23:57

Très jolie! Moi-même je l'utilise, mais chaque fois que j'édit ou quoique ce soit à partir du forum, je perds la vision du lien. Quand on passe la souris sur le nom, on ne voit plus le lien derrière :'(

Mais sinon j'adore ce que tu fais!

Jeu 18 Juil 2013 - 17:50

Capouccino

Age : 26Messages : 204

Jeu 18 Juil 2013 - 17:50

Je vais éditer le code qui comportait un problème à la base, je tiens au courant ^^
Et merci :3

Ven 19 Juil 2013 - 8:44

Capouccino

Age : 26Messages : 204

Ven 19 Juil 2013 - 8:44

Voilà, c'est réglé, normalement ^^

Dim 11 Aoû 2013 - 9:14

Kiryuu02

Age : 35Messages : 32

Dim 11 Aoû 2013 - 9:14

merci pour la fiche je ne manquerais pas de le précisé que sa vient de toi ^^

Dim 22 Sep 2013 - 12:52

Harrilongue

Age : 31Messages : 12

Dim 22 Sep 2013 - 12:52

Thanks !

Jeu 3 Avr 2014 - 9:15

Licmac.

Age : 31Messages : 18

Jeu 3 Avr 2014 - 9:15

Merci beaucoup (:

Dim 13 Avr 2014 - 14:20

SaraHellebore

Age : 29Messages : 1

Dim 13 Avr 2014 - 14:20

Merci pour ce code qui a sauvé mes cheveux d'un arrachage en règle. Par contre, je ne trouve pas où changer la couleur du fond où il y a écrit "Prenom Nom", est-ce normal ?
Bref merci quand même !

Dim 15 Juin 2014 - 14:58

Nyum

Age : 27Messages : 10

Dim 15 Juin 2014 - 14:58

Merci beaucoup >w< c'est magnifique!
Je met un crédit en dessous précisant que c'est de toi x3

Lun 15 Sep 2014 - 13:33

Invité

Lun 15 Sep 2014 - 13:33

J'aime bien ♥ Merci

Mar 16 Sep 2014 - 18:20

Patdrue

Age : 34Messages : 158

Mar 16 Sep 2014 - 18:20

Grand bravo! C'mimi comme tout *.*

Sam 30 Mai 2015 - 20:47

Demowee

Age : 28Messages : 46

Sam 30 Mai 2015 - 20:47

Merci beaucoup =3

Ven 7 Aoû 2015 - 8:54

Capouccino

Age : 26Messages : 204

Ven 7 Aoû 2015 - 8:54

Coucou, je reviens ici pour éclaircir certains points :)

Alors, pour changer toutes les couleurs (pour nom & prénom) ça se passe dans cette partie de code (que vous pouvez intégrer au CSS de votre forum: Affichage > Couleurs > Feuille de style)

Code:: <style>.fondu_fiche1{position:relative;}.fondu_fiche1,#text_moi1,#text_moi3{width:99%;background-color:#4D3A28;font-size:13px;font-family:Century Gothic;color:#fff;-moz-transition:1s opacity;-webkit-transition:1s opacity;-o-transition:1s opacity;}#text_moi1{position:absolute;z-index:2;opacity:1;}#text_moi3{position:absolute;z-index:1;opacity:0}.fondu_fiche1:hover #text_moi1{opacity:0.1;z-index:0;}.fondu_fiche1:hover #text_moi3{opacity:1;}</style>

Pour changer le marron clair de "nom & prénom", il faut changer la couleur ici:

Code:: .fondu_fiche1,#text_moi1,#text_moi3{width:99%;background-color:#4D3A28;font-size:13px;font-family:Century Gothic;color:#8c7563;-moz-transition:1s opacity;-webkit-transition:1s opacity;-o-transition:1s opacity;}

Voilà, en espérant que ça ai aidé ^^

Ven 7 Aoû 2015 - 17:58

Invité

Ven 7 Aoû 2015 - 17:58

Merci ☆*:.｡. o(≧▽≦)o .｡.:*☆

Jeu 7 Mar 2024 - 12:49

Aoreki

Age : 43Messages : 8

Jeu 7 Mar 2024 - 12:49

Merci

Contenu sponsorisé

Wahaha, encore des liens :3

Sujets similaires

Sujets similaires

Rechercher

Résultats par : Messages Sujets
Tags
Recherche avancée