AccueilFAQRechercherMembresGroupesS'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.


    Wahaha, encore des liens :3

    Partagez
    avatar
    Capouccino
    FémininAge : 20Messages : 190

    le 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."
    avatar
    Tameless+
    FémininAge : 21Messages : 252

    le 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




    avatar
    Capouccino
    FémininAge : 20Messages : 190

    le 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."
    avatar
    Aoko
    FémininAge : 24Messages : 38

    le 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!
    avatar
    Capouccino
    FémininAge : 20Messages : 190

    le 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."
    avatar
    Capouccino
    FémininAge : 20Messages : 190

    le Ven 19 Juil 2013 - 8:44

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



    "Espérer l'inespérable c'est croire en l'impossible."
    avatar
    Kiryuu02
    FémininAge : 29Messages : 32

    le Dim 11 Aoû 2013 - 9:14

    merci pour la fiche je ne manquerais pas de le précisé que sa vient de toi ^^
    avatar
    Harrilongue
    FémininAge : 26Messages : 12

    le Dim 22 Sep 2013 - 12:52

    Thanks !
    Licmac.
    FémininAge : 26Messages : 18

    le Jeu 3 Avr 2014 - 9:15

    Merci beaucoup (:
    SaraHellebore
    MasculinAge : 24Messages : 1

    le 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 !
    avatar
    Nyum
    FémininAge : 21Messages : 10

    le 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
    avatar
    Invité

    le Lun 15 Sep 2014 - 13:33

    J'aime bien ♥ Merci
    avatar
    Patdrue
    FémininAge : 29Messages : 157

    le Mar 16 Sep 2014 - 18:20

    Grand bravo! C'mimi comme tout *.*
    avatar
    Demowee
    MasculinAge : 22Messages : 43

    le Sam 30 Mai 2015 - 20:47

    Merci beaucoup =3
    avatar
    Capouccino
    FémininAge : 20Messages : 190

    le 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."
    avatar
    Kelalin
    FémininAge : 26Messages : 1979

    le Ven 7 Aoû 2015 - 17:58

    Merci ☆*:.。. o(≧▽≦)o .。.:*☆
    Contenu sponsorisé


      La date/heure actuelle est Mer 19 Déc 2018 - 16:29