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.

-26%
Le deal à ne pas rater :
369€ PC Portable HP 15-fd0064nf – 15,6″ FHD 8 Go / 256 Go + ...
369.99 € 497.99 €
Voir le deal

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

    Capouccino
    Capouccino
    FémininAge : 26Messages : 204

    Jeu 25 Avr 2013 - 23:11

    Rappel du premier message :

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

    Lun 22 Aoû 2016 - 18:10

    Merki beaucoup !!
    Dehlila
    Dehlila
    FémininAge : 42Messages : 31

    Lun 31 Oct 2016 - 13:07

    Merci beaucoup, j'en suis amoureuse *-*
    Samara-sciences
    Samara-sciences
    FémininAge : 29Messages : 6

    Sam 21 Jan 2017 - 20:22

    Nice merci!
    Contenu sponsorisé


      La date/heure actuelle est Ven 4 Oct 2024 - 7:04