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.


    Bleu et rond... Encore une fiche ! (Mais de liens cette fois :3 )

    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    Jeu 25 Avr 2013 - 23:11

    Voilà voilà, toujours avec mes ronds bleus, je suis là pour vous montrer ma dernière invention de la mort qui tue pas !
    Par contre, je suis désolée si les "cadres" sortent du cadre principal (je me comprend)
    Les images sont en 200x390 px

    Comme toujours j'ai la flemme d'effacer le contenu donc vous ferez avec ^^

    Spoiler:

    Code:
    <style type="text/css">#conteneur {;text-align:justify;position: relative;font-family:Georgia;text-shadow: 2px 2px 2px #000000;color:#ffffff}div#transparente {;filter:alpha(opacity=50);-moz-opacity:0.5;opacity: 0.5;-khtml-opacity: 0.5;width: 200px;height: 390px;}div#pastransparente {top:5px;filter:alpha(opacity=0);-moz-opacity:0;opacity: 0;-khtml-opacity: 0;position: absolute;-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;width:200px;}div#pastransparente:hover {filter:alpha(opacity=100);-moz-opacity:1;opacity: 1;-khtml-opacity: 1;position: absolute;height:390px;}div.fiche2{z-index:1;-moz-border-radius:200px;border-radius:200px;margin-top:5px;text-align:justify; font-family:Georgia;text-shadow: 2px 2px 2px #000000;opacity:0.5; -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg);position: relative; width:250px; height:50px; overflow:hidden;display:inline-block;background-color:#82B0E4;color:#ffffff;-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s}div.fiche2:hover{margin-top:-150px;margin-bottom:-250px;z-index:99;-moz-border-radius:100px;border-radius:100px;background-color:#6C92BE;width:280px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg);opacity:1; border:3px dashed #91C4FF;height:500px}div.text_style{margin-top:10px;text-align:center;-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;font-family:vivaldi;font-size:45px;}div.text_style:hover{-webkit-transition: all 0.5s linear 0s;-moz-transition: all 0.5s linear 0s;-o-transition: all 0.5s linear 0s;transition: all 0.5s linear 0s;font-size:50px; letter-spacing:6px; text-shadow:0px 0px 10px #91C4FF;}</style>

    <fieldset style="border: 2px dashed #91C4FF; border-radius: 15px; background-color: #567594; padding:15px; color: #ffffff"><legend style="text-align:center"><div class="text_style">Un bout de nom...</div></legend>

    <center><table><tr><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">[center]Nom & Prénom[/center]</div><div style="padding:20px">[center]<div class="blur">Nature du lien</div>[/center]<div id="conteneur">
        <div id="transparente" style="background-image:url('http://i72.servimg.com/u/f72/18/09/40/44/vava_a12.jpg')">
        </div>
        <div id="pastransparente">
    La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.
        </div>
      </div>

    </div></div></div></td><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">[center]Nom & Prénom[/center]</div><div style="padding:20px">[center]<div class="blur">Nature du lien</div>[/center]<div id="conteneur">
        <div id="transparente" style="background-image:url('http://i72.servimg.com/u/f72/18/09/40/44/vava_a12.jpg')">
        </div>
        <div id="pastransparente">
    La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.
        </div>
      </div>

    </div></div></div></td></tr><tr><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">[center]Nom & Prénom[/center]</div><div style="padding:20px">[center]<div class="blur">Nature du lien</div>[/center]<div id="conteneur">
        <div id="transparente" style="background-image:url('http://i72.servimg.com/u/f72/18/09/40/44/vava_a12.jpg')">
        </div>
        <div id="pastransparente">
    La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.
        </div>
      </div>

    </div></div></div></td><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">[center]Nom & Prénom[/center]</div><div style="padding:20px">[center]<div class="blur">Nature du lien</div>[/center]<div id="conteneur">
        <div id="transparente" style="background-image:url('http://i72.servimg.com/u/f72/18/09/40/44/vava_a12.jpg')">
        </div>
        <div id="pastransparente">
    La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.
        </div>
      </div>

    </div></div></div></td></tr><tr><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">[center]Nom & Prénom[/center]</div><div style="padding:20px">[center]<div class="blur">Nature du lien</div>[/center]<div id="conteneur">
        <div id="transparente" style="background-image:url('http://i72.servimg.com/u/f72/18/09/40/44/vava_a12.jpg')">
        </div>
        <div id="pastransparente">
    La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.
        </div>
      </div>

    </div></div></div></td><td><div class="fiche2"><div style="padding:10px;"><div style="background-color:#91C4FF;font-family:vivaldi;font-size:35px;text-shadow:1px 1px 1px #000000">[center]Nom & Prénom[/center]</div><div style="padding:20px">[center]<div class="blur">Nature du lien</div>[/center]<div id="conteneur">
        <div id="transparente" style="background-image:url('http://i72.servimg.com/u/f72/18/09/40/44/vava_a12.jpg')">
        </div>
        <div id="pastransparente">
    La technologie... Ce qui avait remplacé la magie d'antan, les légendes d'autre fois. Tu l'avais vu s'installer alors que misères tu faisais aux malheureux qui osaient t'aider avec disgrâce, une volonté flétrie que l'on pourrait qualifier d'obligation ou même de contrainte. Tu l'as vu t'ôter toutes tes victimes, tes amusements. Tu l'as vu envahir les villes et village d'il y a cinquante ans. Cette chose qu'ils appelaient technologie, renouveau, bienfait, tu ne la trouvais que plus ennuyeuse et dangereuse pour toi et la magie. Elle faisait perdre aux gens le véritable sens du mot conte. Les histoires n'étaient plus, les légendes disparues.
        </div>
      </div>

    </div></div></div></td></tr></table></center>

    <div style="text-shadow: 1px 1px 1px #000000; font-size: 10px; letter-spacing: 4px">Codes par MoiSadike©</div></fieldset>


    Dernière édition par MoiSadike le Ven 26 Avr 2013 - 20:25, édité 2 fois



    "Espérer l'inespérable c'est croire en l'impossible."
    Fortuna
    Fortuna
    FémininAge : 31Messages : 4636

    Ven 26 Avr 2013 - 0:00

    Oh c'est carrément cool ces fenêtres, J'adore *_* Good job!




    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    Ven 10 Mai 2013 - 17:20

    Merchi <3



    "Espérer l'inespérable c'est croire en l'impossible."
    Rodeuse
    Rodeuse
    FémininAge : 31Messages : 142

    Lun 13 Mai 2013 - 19:04

    Han c'est génial je suis fane :love:
    Bravo
    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    Lun 13 Mai 2013 - 22:25

    Whaaaaaa ! J'ai une fan <3

    Contente que ça te plaise ^^



    "Espérer l'inespérable c'est croire en l'impossible."
    Mad. H.
    Mad. H.
    FémininAge : 36Messages : 21

    Sam 6 Juil 2013 - 16:07

    Je suis fan aussi! Ta fiche est magnifique!
    Sakurano
    Sakurano
    FémininAge : 26Messages : 5

    Dim 7 Juil 2013 - 21:45

    Merci ! C'est super comme code !



    Bleu et rond... Encore une fiche ! (Mais de liens cette fois :3 ) 818896jdnjnvf
    Low
    Low
    FémininAge : 31Messages : 11

    Ven 16 Aoû 2013 - 20:31

    Superbe code !
    J'ai envie de l'utiliser pour faire la PA de mon forum mais je me demandais s'il était possible que le contenu s'ouvre directement avec l'onglet sans avoir à passer le curseur dans la bulle (je ne sais pas du tout si je suis claire :/ )
    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    Mar 20 Aoû 2013 - 7:23

    En fait je n'en connais pas plus que toi de ce côté là, désolée.



    "Espérer l'inespérable c'est croire en l'impossible."
    Low
    Low
    FémininAge : 31Messages : 11

    Mar 3 Sep 2013 - 21:36

    Mince, tant pis :)
    Merci quand même pour le partage Wink
    Shouro-jidai
    Shouro-jidai
    MasculinAge : 31Messages : 9

    Dim 15 Sep 2013 - 14:16

    Merci du partage!
    Zee
    Zee
    FémininAge : 33Messages : 37

    Dim 26 Jan 2014 - 20:48

    Super cool, merci !
    Pikafan
    Pikafan
    MasculinAge : 26Messages : 516

    Mar 11 Mar 2014 - 21:45

    Merci pour le code! Very Happy



    Bleu et rond... Encore une fiche ! (Mais de liens cette fois :3 ) 619081SignaPika
    Kamiiou
    Kamiiou
    FémininAge : 29Messages : 50

    Mer 11 Juin 2014 - 12:47

    Magnifique fiche, ça correspond tout à fait à ce que je cherchais. J'espère tu m'en voudras pas si j'te la pique, mais j'peux vraiment pas la laisser là, ee (T'inquiètes j'laisse le copyright ytout xD)

    En tous cas, merci d'avoir créé un truc tout choli comme ça *.*
    Miriyuki
    Miriyuki
    FémininAge : 34Messages : 37

    Ven 20 Juin 2014 - 18:49

    Ouah fiche originale c'est bien la première fois que j'en vois une comme ça ^^
    C'est vraiment géniale !
    Wysteria
    Wysteria
    FémininAge : 27Messages : 13

    Dim 14 Sep 2014 - 18:39

    Merci beaucoup, ton code est vraiment superbe *-* !!
    Faramir
    Faramir
    FémininAge : 28Messages : 102

    Mer 8 Oct 2014 - 17:34

    Merci
    Rêveuse
    Rêveuse
    FémininAge : 22Messages : 45

    Sam 14 Mar 2015 - 15:43

    C'est superbe *-*
    Je te l'emprunte, j'espère que tu ne m'en voudras pas trop. :)
    SokoMinami
    SokoMinami
    FémininAge : 33Messages : 16

    Sam 2 Mai 2015 - 9:08

    J'adore, merci du partage ^^
    Presto
    Presto
    FémininAge : 24Messages : 18

    Lun 8 Juin 2015 - 19:29

    arff c'est bôôôô
    merci merci merci
    Presto
    Presto
    FémininAge : 24Messages : 18

    Lun 8 Juin 2015 - 19:36

    arff c'est bôôôô
    merci merci merci
    Lalanuy
    Lalanuy
    FémininAge : 26Messages : 9

    Mer 9 Déc 2015 - 10:02

    Très jolie j'aime bien l'idée
    Anonymous
    Invité

    Mer 9 Déc 2015 - 11:25

    Merci pour le partage ! (≧∇≦)/
    avatar
    ness.
    FémininAge : 29Messages : 43

    Mer 6 Avr 2016 - 7:14

    TELLEMENT CLASSE ♥
    RPG Maker
    RPG Maker
    FémininAge : 30Messages : 53

    Sam 7 Mai 2016 - 12:30

    Merci, j'aime beaucoup. ^^
    Contenu sponsorisé


      La date/heure actuelle est Lun 2 Déc 2024 - 8:05