libres services de codes (RS)

TITRE QUE VOUS VOULEZ ICI

PRÉNOM NOM

En soit, là, vous mettez ce que vous voulez : liens recherchés, caractère, histoire, osef. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec augue nibh, egestas vitae sapien in, rutrum blandit ipsum. Curabitur ultrices in est a ornare. Nam scelerisque ligula sit amet justo dictum pretium. Pellentesque odio tortor, venenatis a vulputate vitae, viverra a eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eleifend nisi augue, a pretium augue dictum sit amet. Suspendisse congue lorem ut rutrum dapibus. Maecenas sollicitudin suscipit turpis, vitae aliquet est lobortis id. In congue erat dolor, a scelerisque elit pharetra at. Pellentesque sed nulla ante. Fusce fringilla, massa non feugiat varius, ligula ante pulvinar sem, vitae fringilla arcu mi facilisis enim. Sed euismod commodo condimentum. Praesent sodales bibendum neque ac gravida. Nulla tempus posuere nunc, dapibus facilisis dui ullamcorper id. Nunc at lobortis magna. Cras dignissim ornare mi, sit amet tincidunt augue fringilla sit amet. Sed tristique tellus in mauris rhoncus, vel venenatis quam cursus. Suspendisse luctus rhoncus tincidunt. In ornare, augue a rutrum luctus, enim nulla porta tortor, at pharetra felis elit vitae nisl.

En soit, là, vous mettez ce que vous voulez : liens recherchés, caractère, histoire, osef. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec augue nibh, egestas vitae sapien in, rutrum blandit ipsum. Curabitur ultrices in est a ornare. Nam scelerisque ligula sit amet justo dictum pretium. Pellentesque odio tortor, venenatis a vulputate vitae, viverra a eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eleifend nisi augue, a pretium augue dictum sit amet. Suspendisse congue lorem ut rutrum dapibus. Maecenas sollicitudin suscipit turpis, vitae aliquet est lobortis id. In congue erat dolor, a scelerisque elit pharetra at. Pellentesque sed nulla ante. Fusce fringilla, massa non feugiat varius, ligula ante pulvinar sem, vitae fringilla arcu mi facilisis enim. Sed euismod commodo condimentum. Praesent sodales bibendum neque ac gravida. Nulla tempus posuere nunc, dapibus facilisis dui ullamcorper id. Nunc at lobortis magna. Cras dignissim ornare mi, sit amet tincidunt augue fringilla sit amet. Sed tristique tellus in mauris rhoncus, vel venenatis quam cursus. Suspendisse luctus rhoncus tincidunt. In ornare, augue a rutrum luctus, enim nulla porta tortor, at pharetra felis elit vitae nisl.

© bermudes. pour Firewhisky

Code:

<style type="text/css">.miyazakip {height: 478px; width:310px; padding: 5px; overflow:auto; margin-top:-507px; margin-right:0px; position: relative; background-color: rgba(255,255,255,0); color:#66594E; text-align: justify; opacity: 0; font-size: 10px; line-height: 130%; -moz-transition-duration: 0.7s; -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; transition-duration: 0.7s} .miyazakip:hover {height: 478px; width:310px; padding: 5px; margin-top:-507px; margin-right:0px; position: relative; background-color: rgba(255,255,255,0.9); color:#66594E; font-size : 10px; opacity: 1; -moz-transition-duration: 0.7s;  -webkit-transition-duration: 0.7s; -o-transition-duration: 0.7s; overflow:auto;} .cadlink {height: 488px; width:320px; margin-top:-503px; border:1px solid white; position: relative;} .tintlink {width:350px;text-align:center; color:white; font-size:13px; font-family: 'Open Sans Condensed', sans-serif; margin-top:-259px; margin-bottom:0px; position: relative; margin-bottom:259px;} .psintlink {height:5px; width: 230px; border: 1px solid #eee; font-size:18px; font-family: 'Open Sans Condensed', sans-serif; padding:10px; margin:15px;padding-bottom:20px;} .caclink {height:168px; width: 240px; border: 1px solid #eee; padding:5px; margin-bottom:15px;} .calink {height:168px; width: 240px; font-family: calibri; font-size: 9px; text-align: justify; line-height: 100%; letter-spacing: 1px; overflow:auto;} .coplink {font-size:7px;}</style>

<center><img src="https://s-media-cache-ak0.pinimg.com/564x/6b/95/9a/6b959a811967baaa5fa1035509bb9ad1.jpg" style="width:350px;"/><div class="cadlink"></div><div class="tintlink">TITRE QUE VOUS VOULEZ ICI</div><div class="miyazakip"><center><embed src="http://www.sheepproductions.com/billy/billy.swf?autoplay=false&f0=https://a.tumblr.com/tumblr_o1umltKF1a1u32atmo1.mp3&t0=&f1=https://a.tumblr.com/tumblr_obmzqh6J1r1rgvwoco1.mp3&t1=&f2=https://a.tumblr.com/tumblr_odplb2WGR01qd9azto1.mp3&t2=&f3=https://a.tumblr.com/tumblr_nvtwwpX0hv1rgvwoco1.mp3&t3=&f4=https://a.tumblr.com/tumblr_o9xcnftlO61t8sz1po1.mp3&t4=&total=5" quality="high" wmode="transparent" width="200" height="10" name="billy" align="middle" type="application/x-shockwave-flash" /><div class="psintlink">PRÉNOM NOM</div><div class="caclink"><div class="calink">En soit, là, vous mettez ce que vous voulez : liens recherchés, caractère, histoire, osef. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec augue nibh, egestas vitae sapien in, rutrum blandit ipsum. Curabitur ultrices in est a ornare. Nam scelerisque ligula sit amet justo dictum pretium. Pellentesque odio tortor, venenatis a vulputate vitae, viverra a eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eleifend nisi augue, a pretium augue dictum sit amet. Suspendisse congue lorem ut rutrum dapibus. Maecenas sollicitudin suscipit turpis, vitae aliquet est lobortis id. In congue erat dolor, a scelerisque elit pharetra at. Pellentesque sed nulla ante. Fusce fringilla, massa non feugiat varius, ligula ante pulvinar sem, vitae fringilla arcu mi facilisis enim. Sed euismod commodo condimentum. Praesent sodales bibendum neque ac gravida. Nulla tempus posuere nunc, dapibus facilisis dui ullamcorper id. Nunc at lobortis magna. Cras dignissim ornare mi, sit amet tincidunt augue fringilla sit amet. Sed tristique tellus in mauris rhoncus, vel venenatis quam cursus. Suspendisse luctus rhoncus tincidunt. In ornare, augue a rutrum luctus, enim nulla porta tortor, at pharetra felis elit vitae nisl.</div></div><div class="caclink"><div class="calink">En soit, là, vous mettez ce que vous voulez : liens recherchés, caractère, histoire, osef. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec augue nibh, egestas vitae sapien in, rutrum blandit ipsum. Curabitur ultrices in est a ornare. Nam scelerisque ligula sit amet justo dictum pretium. Pellentesque odio tortor, venenatis a vulputate vitae, viverra a eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eleifend nisi augue, a pretium augue dictum sit amet. Suspendisse congue lorem ut rutrum dapibus. Maecenas sollicitudin suscipit turpis, vitae aliquet est lobortis id. In congue erat dolor, a scelerisque elit pharetra at. Pellentesque sed nulla ante. Fusce fringilla, massa non feugiat varius, ligula ante pulvinar sem, vitae fringilla arcu mi facilisis enim. Sed euismod commodo condimentum. Praesent sodales bibendum neque ac gravida. Nulla tempus posuere nunc, dapibus facilisis dui ullamcorper id. Nunc at lobortis magna. Cras dignissim ornare mi, sit amet tincidunt augue fringilla sit amet. Sed tristique tellus in mauris rhoncus, vel venenatis quam cursus. Suspendisse luctus rhoncus tincidunt. In ornare, augue a rutrum luctus, enim nulla porta tortor, at pharetra felis elit vitae nisl.</div></div><div class="coplink">© bermudes. pour Firewhisky</div></center></div></center>

Code:

<link href="https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300" rel="stylesheet"><style type="text/css">#updo { width: 260px; height: 100px; overflow: hidden; } .updow { width: 260px; height: 100px; position: relative; top: -320px; background-color: rgba(255,255,255,.3); -webkit-transition-duration: .7s; -o-transition-duration: .7s; -moz-transition-duration: .7s; } #updo:hover .updow { top: -100px; } .down-one { margin:15px; width: 220px; height:50px; background-color: #fff; margin-top:-10px; margin-right:-10px;padding:5px;} .down-three { height:50px; font-family: calibri; font-size: 9px; text-align: justify; line-height: 100%; letter-spacing: 1px; overflow:auto;} .down-four { height: 30px; } .down-seven { width: 260px; height: 100px; padding: 5px; background-color: #fff; border: 1px solid #eee; } .pselink {width:100px;text-align:center; color:white; font-size:11px; font-family: 'Open Sans Condensed', sans-serif; padding-top:35px; margin-bottom:0px; border-bottom:1px solid white;} .inflink{text-align:center; color:white; font-size:9px; font-family: 'Open Sans Condensed', sans-serif;} .grylink {width:260px; height:100px; background-color:#F5A9A9;} .slylink {width:260px; height:100px; background-color:#BCF5A9;} .ravlink {width:260px; height:100px; background-color:#A9A9F5;} .huflink {width:260px; height:100px; background-color:#F5DA81;} .tealink {width:260px; height:100px; background-color:#E2A9F3;} .goglink {height:5px; width: 525px; border: 1px solid #eee; font-size:14px; font-family: 'Open Sans Condensed', sans-serif; padding:10px; margin:15px;padding-bottom:20px;}</style>

<center><div class="goglink">FILLES/GARÇON</div><table><tr><td><div class="down-seven"><div id="updo"><div class="grylink"><center><div class="pselink">NOM PRENOM</div><div class="inflink">âge x études x année</div></center></div><div class="updow"><div class="down-four"></div><div class="down-one"><div class="down-three">LIEN ET EXPLICATION DU LIEN ICI, à la place du Lorem Ipsum pour les autres.</div></div></div></div></div></td><td><div class="down-seven"><div id="updo"><div class="slylink"><center><div class="pselink">NOM PRENOM</div><div class="inflink">âge x études x année</div></center></div><div class="updow"><div class="down-four"></div><div class="down-one"><div class="down-three">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec augue nibh, egestas vitae sapien in, rutrum blandit ipsum. Curabitur ultrices in est a ornare. Nam scelerisque ligula sit amet justo dictum pretium. Pellentesque odio tortor, venenatis a vulputate vitae, viverra a eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eleifend nisi augue, a pretium augue dictum sit amet. Suspendisse congue lorem ut rutrum dapibus. Maecenas sollicitudin suscipit turpis, vitae aliquet est lobortis id. In congue erat dolor, a scelerisque elit pharetra at. Pellentesque sed nulla ante. Fusce fringilla, massa non feugiat varius, ligula ante pulvinar sem, vitae fringilla arcu mi facilisis enim. Sed euismod commodo condimentum. Praesent sodales bibendum neque ac gravida. Nulla tempus posuere nunc, dapibus facilisis dui ullamcorper id. Nunc at lobortis magna. Cras dignissim ornare mi, sit amet tincidunt augue fringilla sit amet. Sed tristique tellus in mauris rhoncus, vel venenatis quam cursus. Suspendisse luctus rhoncus tincidunt. In ornare, augue a rutrum luctus, enim nulla porta tortor, at pharetra felis elit vitae nisl. </div></div></div></div></div></td></tr></table>
<table><tr><td><div class="down-seven"><div id="updo"><div class="huflink"><center><div class="pselink">NOM PRENOM</div><div class="inflink">âge x études x année</div></center></div><div class="updow"><div class="down-four"></div><div class="down-one"><div class="down-three">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec augue nibh, egestas vitae sapien in, rutrum blandit ipsum. Curabitur ultrices in est a ornare. Nam scelerisque ligula sit amet justo dictum pretium. Pellentesque odio tortor, venenatis a vulputate vitae, viverra a eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eleifend nisi augue, a pretium augue dictum sit amet. Suspendisse congue lorem ut rutrum dapibus. Maecenas sollicitudin suscipit turpis, vitae aliquet est lobortis id. In congue erat dolor, a scelerisque elit pharetra at. Pellentesque sed nulla ante. Fusce fringilla, massa non feugiat varius, ligula ante pulvinar sem, vitae fringilla arcu mi facilisis enim. Sed euismod commodo condimentum. Praesent sodales bibendum neque ac gravida. Nulla tempus posuere nunc, dapibus facilisis dui ullamcorper id. Nunc at lobortis magna. Cras dignissim ornare mi, sit amet tincidunt augue fringilla sit amet. Sed tristique tellus in mauris rhoncus, vel venenatis quam cursus. Suspendisse luctus rhoncus tincidunt. In ornare, augue a rutrum luctus, enim nulla porta tortor, at pharetra felis elit vitae nisl. </div></div></div></div></div></td><td><div class="down-seven"><div id="updo"><div class="ravlink"><center><div class="pselink">NOM PRENOM</div><div class="inflink">âge x études x année</div></center></div><div class="updow"><div class="down-four"></div><div class="down-one"><div class="down-three">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec augue nibh, egestas vitae sapien in, rutrum blandit ipsum. Curabitur ultrices in est a ornare. Nam scelerisque ligula sit amet justo dictum pretium. Pellentesque odio tortor, venenatis a vulputate vitae, viverra a eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eleifend nisi augue, a pretium augue dictum sit amet. Suspendisse congue lorem ut rutrum dapibus. Maecenas sollicitudin suscipit turpis, vitae aliquet est lobortis id. In congue erat dolor, a scelerisque elit pharetra at. Pellentesque sed nulla ante. Fusce fringilla, massa non feugiat varius, ligula ante pulvinar sem, vitae fringilla arcu mi facilisis enim. Sed euismod commodo condimentum. Praesent sodales bibendum neque ac gravida. Nulla tempus posuere nunc, dapibus facilisis dui ullamcorper id. Nunc at lobortis magna. Cras dignissim ornare mi, sit amet tincidunt augue fringilla sit amet. Sed tristique tellus in mauris rhoncus, vel venenatis quam cursus. Suspendisse luctus rhoncus tincidunt. In ornare, augue a rutrum luctus, enim nulla porta tortor, at pharetra felis elit vitae nisl. </div></div></div></div></div></td></tr></table>
<table><tr><td><div class="down-seven"><div id="updo"><div class="tealink"><center><div class="pselink">NOM PRENOM</div><div class="inflink">âge x études x année</div></center></div><div class="updow"><div class="down-four"></div><div class="down-one"><div class="down-three">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec augue nibh, egestas vitae sapien in, rutrum blandit ipsum. Curabitur ultrices in est a ornare. Nam scelerisque ligula sit amet justo dictum pretium. Pellentesque odio tortor, venenatis a vulputate vitae, viverra a eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eleifend nisi augue, a pretium augue dictum sit amet. Suspendisse congue lorem ut rutrum dapibus. Maecenas sollicitudin suscipit turpis, vitae aliquet est lobortis id. In congue erat dolor, a scelerisque elit pharetra at. Pellentesque sed nulla ante. Fusce fringilla, massa non feugiat varius, ligula ante pulvinar sem, vitae fringilla arcu mi facilisis enim. Sed euismod commodo condimentum. Praesent sodales bibendum neque ac gravida. Nulla tempus posuere nunc, dapibus facilisis dui ullamcorper id. Nunc at lobortis magna. Cras dignissim ornare mi, sit amet tincidunt augue fringilla sit amet. Sed tristique tellus in mauris rhoncus, vel venenatis quam cursus. Suspendisse luctus rhoncus tincidunt. In ornare, augue a rutrum luctus, enim nulla porta tortor, at pharetra felis elit vitae nisl. </div></div></div></div></div></td><td><div class="down-seven"><div id="updo"><div class="grylink"><center><div class="pselink">NOM PRENOM</div><div class="inflink">âge x études x année</div></center></div><div class="updow"><div class="down-four"></div><div class="down-one"><div class="down-three">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec augue nibh, egestas vitae sapien in, rutrum blandit ipsum. Curabitur ultrices in est a ornare. Nam scelerisque ligula sit amet justo dictum pretium. Pellentesque odio tortor, venenatis a vulputate vitae, viverra a eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla eleifend nisi augue, a pretium augue dictum sit amet. Suspendisse congue lorem ut rutrum dapibus. Maecenas sollicitudin suscipit turpis, vitae aliquet est lobortis id. In congue erat dolor, a scelerisque elit pharetra at. Pellentesque sed nulla ante. Fusce fringilla, massa non feugiat varius, ligula ante pulvinar sem, vitae fringilla arcu mi facilisis enim. Sed euismod commodo condimentum. Praesent sodales bibendum neque ac gravida. Nulla tempus posuere nunc, dapibus facilisis dui ullamcorper id. Nunc at lobortis magna. Cras dignissim ornare mi, sit amet tincidunt augue fringilla sit amet. Sed tristique tellus in mauris rhoncus, vel venenatis quam cursus. Suspendisse luctus rhoncus tincidunt. In ornare, augue a rutrum luctus, enim nulla porta tortor, at pharetra felis elit vitae nisl. </div></div></div></div></div></td></tr></table></center>

OMG. Je. Je ne sais pas si je peux poster ici (au pire, mpotte-moi pour que je l'enlève) mais aahhhh ! C'est trop magnifique, jpp. ;;

Puis-je te piquer de tes codes pour Cesar ou Marvel ?! TU ES DOUÉE.