AccueilRechercherS'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

    Capouccino
    Capouccino
    FémininAge : 21Messages : 194

    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."
    Tameless+
    Tameless+
    FémininAge : 22Messages : 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




    Wahaha, encore des liens :3 LwrfNGA
    Capouccino
    Capouccino
    FémininAge : 21Messages : 194

    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."
    Aoko
    Aoko
    FémininAge : 25Messages : 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!
    Capouccino
    Capouccino
    FémininAge : 21Messages : 194

    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."
    Capouccino
    Capouccino
    FémininAge : 21Messages : 194

    le 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 : 30Messages : 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 ^^
    Harrilongue
    Harrilongue
    FémininAge : 27Messages : 12

    le Dim 22 Sep 2013 - 12:52

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

    le Jeu 3 Avr 2014 - 9:15

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

    le Lun 15 Sep 2014 - 13:33

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

    le Mar 16 Sep 2014 - 18:20

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

    le Sam 30 Mai 2015 - 20:47

    Merci beaucoup =3
    Capouccino
    Capouccino
    FémininAge : 21Messages : 194

    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."
    Kelalin
    Kelalin
    FémininAge : 27Messages : 2085

    le Ven 7 Aoû 2015 - 17:58

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


      La date/heure actuelle est Ven 15 Nov 2019 - 18:40