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 ^^
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
