Partagez | 
 Voir le sujet précédent Voir le sujet suivant Aller en bas 

avatar
Messages : 28
Date d'inscription : 01/03/2017

Le temps d'une génération, nous sommes allé d'émerveillements en émerveillements. Les biologistes ont réussi à observer des choses de plus en plus microscopiques. Les astronomes ont porté leur regard de plus en plus loin dans le ciel noir étoilé. Ils ont remonté le temps et maintenant il voyagent dans l'espace ! Mais le plus grand mystère réside ni dans l'infiniment petit, ni dans l'infiniment grand ! Il est tout proche, il réside en nous ! Saurions-nous capables de nous reconnaître ? Et pourrions-nous nous connaître nous même ? Que dirions-nous ? Qu'aurions-nous à apprendre de nous même ? Qu'aimerions nous vraiment voir si nous nous projetions hors de nous même, et que nous nous regardions ?

Message Codage final ♦ écrit Sam 22 Juil - 12:58
PSEUDO

Profil♦ Âge › ici ♦ Date de naissance › ici ♦ Lieu de naissance › ici ♦ Orientation sexuelle › ici ♦ Statut social › Célibataire/en couple...  

CaractèreDécrire ici ton caractère

Mon histoire en brefEcrire ici un résumé de ton histoire







Code:
<link href="https://fonts.googleapis.com/css?family=Orbitron|Old+Standard+TT" rel="stylesheet" type="text/css"><div id="FSWI"><!-- CREDIT --><a class="cdtFSWI" href="http://crushcrushcrush.actifforum.com/" target="blank"><img src="http://www.aht.li/2456212/PUF.png" /></a><!-- NOM PRENOM --><div>PSEUDO<span class="fosFSWI"></span></div><!-- RESUME --><p style="background:rgba(250,250,250,0.9); color:black;"><!-- CARACTERE --><span>Profil</span><!-- ADJECTIFS --><ff>♦ Âge ›</ff> ici <ff>♦ Date de naissance ›</ff> ici <ff>♦ Lieu de naissance ›</ff> ici <ff>♦ Orientation sexuelle ›</ff> ici <ff>♦ Statut social ›</ff> Célibataire/en couple...  <br/><br/><span>Caractère</span>Décrire ici ton caractère</p><p style="background:rgba(0,0,0,0.7); color:white;"><span>Mon histoire en bref</span>Ecrire ici un résumé de ton histoire</p><!-- IMAGE 500*380 --><img src="https://switchie5.files.wordpress.com/2017/03/cerf-gif.gif" /></div>

<style>#FSWI {width:500px; height:380px; margin:auto; border:2px solid #3f7f85;text-align:center; line-height:16px;box-shadow:0 0 3px rgba(0,0,0,0.2);}#FSWI img{position:relative; z-index:1; margin-top:-350px;width:500px; height:380px;}#FSWI div{position:absolute; z-index:3; margin-top:150px;width:500px; height:20px; padding:5px 0; overflow:hidden;font-size:16px; font-family:Orbitron; text-align:center;box-shadow:0 0 3px rgba(0,0,0,0.2);background:#3f7f85;opacity:0.4; color:#fff;transition:all 0.45s linear; -webkit-transition:all 0.45s linear;}#FSWI:hover div{margin-top:350px;color:#000;opacity:0.8;}.fosFSWI{position:absolute; margin-top:-20px; display:block;width:500px; height:20px; padding:5px 0; overflow:hidden;
text-align:center; text-transform:uppercase; font-size:12px;opacity:0;}#FSWI:hover .fosFSWI{opacity:1;}#FSWI p{position:relative; z-index:3;display:inline-block; margin:0;width:240px; height:340px; padding:5px; overflow:auto;text-align:justify; font-size:11px;opacity:0;transform:scale(0.7); -webkit-transform:scale(0.7); transition:all 0.45s linear; -webkit-transition:all 0.45s linear;}#FSWI ff{color:#3f7f85;font-weight:bold;font-family:'Old Standard TT', serif;}#FSWI:hover p{opacity:1; transform:scale(1); -webkit-transform:scale(1);}#FSWI p span{display:block; padding-bottom:3px; margin:5px 0 5px 15px;font-family:Orbitron; font-weight:bold; letter-spacing:1px; font-size:14px; text-transform:uppercase;border-bottom:1px dotted #3f7f85;text-shadow:0px 0px 2px #3f7f85;}.cdtFSWI {position:absolute; z-index:5;opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;}.cdtFSWI img{margin-left:487px !important; margin-top:3px !important;width:25px !important; height:25px !important;}#FSWI:hover .cdtFSWI {opacity:1;}</style>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://fotestrinema.forumactif.com

avatar
Messages : 28
Date d'inscription : 01/03/2017

Le temps d'une génération, nous sommes allé d'émerveillements en émerveillements. Les biologistes ont réussi à observer des choses de plus en plus microscopiques. Les astronomes ont porté leur regard de plus en plus loin dans le ciel noir étoilé. Ils ont remonté le temps et maintenant il voyagent dans l'espace ! Mais le plus grand mystère réside ni dans l'infiniment petit, ni dans l'infiniment grand ! Il est tout proche, il réside en nous ! Saurions-nous capables de nous reconnaître ? Et pourrions-nous nous connaître nous même ? Que dirions-nous ? Qu'aurions-nous à apprendre de nous même ? Qu'aimerions nous vraiment voir si nous nous projetions hors de nous même, et que nous nous regardions ?

Message Codage final ♦ écrit Sam 22 Juil - 12:58
Titre
NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.








Code:
<center><div id="SWI"><div class="titre">Titre</div><div class="lksSWI"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWI"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWI"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWI"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWI"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWI"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div></div></center>


<style>#SWI {width:500px; margin:auto;text-align:center; line-height:16px;}.titre{width:490px;font-family:Orbitron;box-shadow:0 0 3px rgba(0,0,0,0.2);background:#3f7f85;opacity:0.6; color:#fff;text-align:center; text-transform:uppercase; font-size:25px;padding:5px;}.lksSWI {display:inline-block; margin:5px;box-shadow:0 0 3px rgba(0,0,0,0.3);}.lksSWI img{border:2px solid #3f7f85;width:150px; height:240px;}.lksSWI:hover img{filter:grayscale(1); -webkit-filter:grayscale(1);}.lksSWI div{position:absolute; z-index:2; margin-top:-90px;width:154px; height:20px; padding:5px 0; overflow:hidden;box-shadow:0 0 3px rgba(0,0,0,0.2);background:#3f7f85;opacity:0.6; color:#fff;text-align:center; font-size:12px; font-family:Orbitron;transition:all 0.45s linear; -webkit-transition:all 0.45s linear;}.lksSWI:hover div{margin-top:-30px; color:#000;opacity:0.8;}.lksSWI span{position:absolute; margin-top:-20px; display:block;width:154px; height:20px; padding:5px 0; overflow:hidden;font-size:12px;opacity:0;}.lksSWI:hover span{opacity:1;}.lksSWI p{position:absolute; margin-top:-242px;margin-left:2px;width:140px; height:202px; padding:5px; overflow:auto;text-align:justify; font-size:11px; text-shadow:-1px 1px 0 rgba(0,0,0,0.1);background:rgba(250,250,250,0.9);opacity:0; transform:scale(0.7); -webkit-transform:scale(0.7); transition:all 0.45s linear; -webkit-transition:all 0.45s linear;}.lksSWI:hover p{opacity:1;transform:scale(1); -webkit-transform:scale(1);}#SWI ff{color:#3f7f85;font-weight:bold;font-family:'Old Standard TT', serif;line-height:8px;}#SWI yup{display:block; padding-bottom:3px; margin:5px 0 5px 15px;font-family:Orbitron; font-weight:bold; letter-spacing:1px; font-size:14px; text-transform:uppercase;border-bottom:1px dotted #3f7f85;text-shadow:0px 0px 2px #3f7f85;}.cdtSWI {position:absolute; z-index:3; margin-left:143px; margin-top:25px;opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;}#SWI:hover .cdtSWi {opacity:1;}.giflien{width:50px !important;height:50px !important;margin-right:2px;}</style>


Dernière édition par Rinema le Sam 22 Juil - 12:59, édité 2 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://fotestrinema.forumactif.com

avatar
Messages : 28
Date d'inscription : 01/03/2017

Le temps d'une génération, nous sommes allé d'émerveillements en émerveillements. Les biologistes ont réussi à observer des choses de plus en plus microscopiques. Les astronomes ont porté leur regard de plus en plus loin dans le ciel noir étoilé. Ils ont remonté le temps et maintenant il voyagent dans l'espace ! Mais le plus grand mystère réside ni dans l'infiniment petit, ni dans l'infiniment grand ! Il est tout proche, il réside en nous ! Saurions-nous capables de nous reconnaître ? Et pourrions-nous nous connaître nous même ? Que dirions-nous ? Qu'aurions-nous à apprendre de nous même ? Qu'aimerions nous vraiment voir si nous nous projetions hors de nous même, et que nous nous regardions ?

Message Codage final ♦ écrit Sam 22 Juil - 12:59
Titre
NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.






Code:
<center><div id="SWIv"><div class="titrev">Titre</div><div class="lksSWIv"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWIv"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWIv"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWIv"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWIv"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWIv"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div></div></center>


<style>#SWIv {width:500px; margin:auto;text-align:center; line-height:16px;}.titrev{width:490px;font-family:Orbitron;box-shadow:0 0 3px rgba(0,0,0,0.2);background:#3f8555;opacity:0.6; color:#fff;text-align:center; text-transform:uppercase; font-size:25px;padding:5px;}.lksSWIv {display:inline-block; margin:5px;box-shadow:0 0 3px rgba(0,0,0,0.3);}.lksSWIv img{border:2px solid #3f8555;width:150px; height:240px;}.lksSWIv:hover img{filter:grayscale(1); -webkit-filter:grayscale(1);}.lksSWIv div{position:absolute; z-index:2; margin-top:-90px;width:154px; height:20px; padding:5px 0; overflow:hidden;box-shadow:0 0 3px rgba(0,0,0,0.2);background:#3f8555;opacity:0.6; color:#fff;text-align:center; font-size:12px; font-family:Orbitron;transition:all 0.45s linear; -webkit-transition:all 0.45s linear;}.lksSWIv:hover div{margin-top:-30px; color:#000;opacity:0.8;}.lksSWIv span{position:absolute; margin-top:-20px; display:block;width:154px; height:20px; padding:5px 0; overflow:hidden;font-size:12px;opacity:0;}.lksSWIv:hover span{opacity:1;}.lksSWIv p{position:absolute; margin-top:-242px;margin-left:2px;width:140px; height:202px; padding:5px; overflow:auto;text-align:justify; font-size:11px; text-shadow:-1px 1px 0 rgba(0,0,0,0.1);background:rgba(250,250,250,0.9);opacity:0; transform:scale(0.7); -webkit-transform:scale(0.7); transition:all 0.45s linear; -webkit-transition:all 0.45s linear;}.lksSWIv:hover p{opacity:1;transform:scale(1); -webkit-transform:scale(1);}#SWIv ff{color:#3f8555;font-weight:bold;font-family:'Old Standard TT', serif;line-height:8px;}#SWIv yup{display:block; padding-bottom:3px; margin:5px 0 5px 15px;font-family:Orbitron; font-weight:bold; letter-spacing:1px; font-size:14px; text-transform:uppercase;border-bottom:1px dotted #3f8555;text-shadow:0px 0px 2px #3f8555;}.cdtSWIv {position:absolute; z-index:3; margin-left:143px; margin-top:25px;opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;}#SWIv:hover .cdtSWiv {opacity:1;}.giflien{width:50px !important;height:50px !important;margin-right:2px;}</style>


Dernière édition par Rinema le Sam 22 Juil - 14:18, édité 3 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://fotestrinema.forumactif.com

avatar
Messages : 28
Date d'inscription : 01/03/2017

Le temps d'une génération, nous sommes allé d'émerveillements en émerveillements. Les biologistes ont réussi à observer des choses de plus en plus microscopiques. Les astronomes ont porté leur regard de plus en plus loin dans le ciel noir étoilé. Ils ont remonté le temps et maintenant il voyagent dans l'espace ! Mais le plus grand mystère réside ni dans l'infiniment petit, ni dans l'infiniment grand ! Il est tout proche, il réside en nous ! Saurions-nous capables de nous reconnaître ? Et pourrions-nous nous connaître nous même ? Que dirions-nous ? Qu'aurions-nous à apprendre de nous même ? Qu'aimerions nous vraiment voir si nous nous projetions hors de nous même, et que nous nous regardions ?

Message Codage final ♦ écrit Sam 22 Juil - 12:59
Titre
NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.







Code:
<center><div id="SWIj"><div class="titrej">Titre</div><div class="lksSWIj"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWIj"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWIj"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWIj"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWIj"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWIj"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div></div></center>


<style>#SWIj {width:500px; margin:auto;text-align:center; line-height:16px;}.titrej{width:490px;font-family:Orbitron;box-shadow:0 0 3px rgba(0,0,0,0.2);background:#d1c710;opacity:0.6; color:#fff;text-align:center; text-transform:uppercase; font-size:25px;padding:5px;}.lksSWIj {display:inline-block; margin:5px;box-shadow:0 0 3px rgba(0,0,0,0.3);}.lksSWIj img{border:2px solid #d1c710;width:150px; height:240px;}.lksSWIj:hover img{filter:grayscale(1); -webkit-filter:grayscale(1);}.lksSWIj div{position:absolute; z-index:2; margin-top:-90px;width:154px; height:20px; padding:5px 0; overflow:hidden;box-shadow:0 0 3px rgba(0,0,0,0.2);background:#d1c710;opacity:0.6; color:#fff;text-align:center; font-size:12px; font-family:Orbitron;transition:all 0.45s linear; -webkit-transition:all 0.45s linear;}.lksSWIj:hover div{margin-top:-30px; color:#000;opacity:0.8;}.lksSWIj span{position:absolute; margin-top:-20px; display:block;width:154px; height:20px; padding:5px 0; overflow:hidden;font-size:12px;opacity:0;}.lksSWIj:hover span{opacity:1;}.lksSWIj p{position:absolute; margin-top:-242px;margin-left:2px;width:140px; height:202px; padding:5px; overflow:auto;text-align:justify; font-size:11px; text-shadow:-1px 1px 0 rgba(0,0,0,0.1);background:rgba(250,250,250,0.9);opacity:0; transform:scale(0.7); -webkit-transform:scale(0.7); transition:all 0.45s linear; -webkit-transition:all 0.45s linear;}.lksSWIj:hover p{opacity:1;transform:scale(1); -webkit-transform:scale(1);}#SWIj ff{color:#d1c710;font-weight:bold;font-family:'Old Standard TT', serif;line-height:8px;}#SWIj yup{display:block; padding-bottom:3px; margin:5px 0 5px 15px;font-family:Orbitron; font-weight:bold; letter-spacing:1px; font-size:14px; text-transform:uppercase;border-bottom:1px dotted #d1c710;text-shadow:0px 0px 2px #d1c710;}.cdtSWIj {position:absolute; z-index:3; margin-left:143px; margin-top:25px;opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;}#SWIj:hover .cdtSWij {opacity:1;}.giflien{width:50px !important;height:50px !important;margin-right:2px;}</style>


Dernière édition par Rinema le Sam 22 Juil - 14:18, édité 5 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://fotestrinema.forumactif.com

avatar
Messages : 28
Date d'inscription : 01/03/2017

Le temps d'une génération, nous sommes allé d'émerveillements en émerveillements. Les biologistes ont réussi à observer des choses de plus en plus microscopiques. Les astronomes ont porté leur regard de plus en plus loin dans le ciel noir étoilé. Ils ont remonté le temps et maintenant il voyagent dans l'espace ! Mais le plus grand mystère réside ni dans l'infiniment petit, ni dans l'infiniment grand ! Il est tout proche, il réside en nous ! Saurions-nous capables de nous reconnaître ? Et pourrions-nous nous connaître nous même ? Que dirions-nous ? Qu'aurions-nous à apprendre de nous même ? Qu'aimerions nous vraiment voir si nous nous projetions hors de nous même, et que nous nous regardions ?

Message Codage final ♦ écrit Sam 22 Juil - 12:59
Titre
NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.

NOM Prénom

♦ info › ici ♦ info › ici ♦ info › ici ♦ info › ici LienDécrire ici le lien qui vous uni.







Code:
<center><div id="SWIr"><div class="titrer">Titre</div><div class="lksSWIr"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWIr"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWIr"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWIr"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWIr"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div> <div class="lksSWIr"><!-- IMAGE 150 * 240 - REDIMENSIONNEMENT OPTIMAL A PARTIR DU 200*320 --><img src="http://www.zupimages.net/up/16/49/bps8.jpeg" /><!-- NOM PRENOM --><div>NOM Prénom<span></span></div><!-- DESCRIPTION --><p style="background:rgba(250,250,250,0.9); color:black;"><img src="http://38.media.tumblr.com/7794ca5fd44db40bdcc1ea3b481bc65b/tumblr_mzbmxxoc7y1rt75kgo5_250.gif" class="giflien" align="left"/><ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <ff>♦ info ›</ff> ici <yup>Lien</yup>Décrire ici le lien qui vous uni.</p></div></div></center>


<style>#SWIr {width:500px; margin:auto;text-align:center; line-height:16px;}.titrer{width:490px;font-family:Orbitron;box-shadow:0 0 3px rgba(0,0,0,0.2);background:#d11010;opacity:0.6; color:#fff;text-align:center; text-transform:uppercase; font-size:25px;padding:5px;}.lksSWIr {display:inline-block; margin:5px;box-shadow:0 0 3px rgba(0,0,0,0.3);}.lksSWIr img{border:2px solid #d11010;width:150px; height:240px;}.lksSWIr:hover img{filter:grayscale(1); -webkit-filter:grayscale(1);}.lksSWIr div{position:absolute; z-index:2; margin-top:-90px;width:154px; height:20px; padding:5px 0; overflow:hidden;box-shadow:0 0 3px rgba(0,0,0,0.2);background:#d11010;opacity:0.6; color:#fff;text-align:center; font-size:12px; font-family:Orbitron;transition:all 0.45s linear; -webkit-transition:all 0.45s linear;}.lksSWIr:hover div{margin-top:-30px; color:#000;opacity:0.8;}.lksSWIr span{position:absolute; margin-top:-20px; display:block;width:154px; height:20px; padding:5px 0; overflow:hidden;font-size:12px;opacity:0;}.lksSWIr:hover span{opacity:1;}.lksSWIr p{position:absolute; margin-top:-242px;margin-left:2px;width:140px; height:202px; padding:5px; overflow:auto;text-align:justify; font-size:11px; text-shadow:-1px 1px 0 rgba(0,0,0,0.1);background:rgba(250,250,250,0.9);opacity:0; transform:scale(0.7); -webkit-transform:scale(0.7); transition:all 0.45s linear; -webkit-transition:all 0.45s linear;}.lksSWIr:hover p{opacity:1;transform:scale(1); -webkit-transform:scale(1);}#SWIr ff{color:#d11010;font-weight:bold;font-family:'Old Standard TT', serif;line-height:8px;}#SWIr yup{display:block; padding-bottom:3px; margin:5px 0 5px 15px;font-family:Orbitron; font-weight:bold; letter-spacing:1px; font-size:14px; text-transform:uppercase;border-bottom:1px dotted #d11010;text-shadow:0px 0px 2px #d11010;}.cdtSWIr {position:absolute; z-index:3; margin-left:143px; margin-top:25px;opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;}#SWIr:hover .cdtSWir {opacity:1;}.giflien{width:50px !important;height:50px !important;margin-right:2px;}</style>
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://fotestrinema.forumactif.com

Contenu sponsorisé

Message Codage final ♦ écrit
Revenir en haut Aller en bas
 
Codage final
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Fotest Rinema :: Titre de la catégorie :: Second titre du forum-
Sauter vers: