AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le deal à ne pas rater :
Code promo Nike : -25% dès 50€ d’achats sur tout le site Nike
Voir le deal

    Wahaha, encore des liens :3

    Capouccino
    Capouccino
    FémininAge : 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



    "Espérer l'inespérable c'est croire en l'impossible."
    Tameless+
    Tameless+
    FémininAge : 27Messages : 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




    Wahaha, encore des liens :3 LwrfNGA
    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    Jeu 6 Juin 2013 - 18:36

    De rien ^^ Et merci pour la mention <3



    "Espérer l'inespérable c'est croire en l'impossible."
    Aoko
    Aoko
    FémininAge : 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!
    Capouccino
    Capouccino
    FémininAge : 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



    "Espérer l'inespérable c'est croire en l'impossible."
    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    Ven 19 Juil 2013 - 8:44

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



    "Espérer l'inespérable c'est croire en l'impossible."
    Kiryuu02
    Kiryuu02
    FémininAge : 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 ^^
    Harrilongue
    Harrilongue
    FémininAge : 32Messages : 12

    Dim 22 Sep 2013 - 12:52

    Thanks !
    avatar
    Licmac.
    FémininAge : 32Messages : 18

    Jeu 3 Avr 2014 - 9:15

    Merci beaucoup (:
    avatar
    SaraHellebore
    MasculinAge : 30Messages : 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 !
    Nyum
    Nyum
    FémininAge : 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
    Anonymous
    Invité

    Lun 15 Sep 2014 - 13:33

    J'aime bien ♥ Merci
    Patdrue
    Patdrue
    FémininAge : 34Messages : 158

    Mar 16 Sep 2014 - 18:20

    Grand bravo! C'mimi comme tout *.*
    Demowee
    Demowee
    MasculinAge : 28Messages : 46

    Sam 30 Mai 2015 - 20:47

    Merci beaucoup =3
    Capouccino
    Capouccino
    FémininAge : 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é ^^



    "Espérer l'inespérable c'est croire en l'impossible."
    Anonymous
    Invité

    Ven 7 Aoû 2015 - 17:58

    Merci ☆*:.。. o(≧▽≦)o .。.:*☆
    Aoreki
    Aoreki
    Autre / Ne pas divulguerAge : 44Messages : 10

    Jeu 7 Mar 2024 - 12:49

    Merci
    Contenu sponsorisé


      La date/heure actuelle est Jeu 21 Nov 2024 - 12:37