Liens ‣ Modèle en libre service

 

         

Pour ceux et celles qui ne sont pas forcément doués en codage, qui n'aiment pas chercher des fiches pendant des heures... ou qui apprécient simplement d'avoir des modèles en accord avec le design du forum : voici le modèle de fiche de liens spécial SWB !

Tu peux l’utiliser comme bon te semble, autrement dit ce n'est pas obligatoire.

Le premier post est unique, tu peux donc t'amuser à le modifier le contenu en conséquence de tes besoins ou y ajouter des éléments, bref : le personnaliser comme il te convient. Quant à ceux disponibles pour les liens, il y en deux formats différents, il n'y a qu'à choisir !  

Titre du sujet

Code:

Prénom ‣ citation au choix

Post principal

Code:

<center><div class=rigel><center><div class="swb_titre_h1">Prénom Prénom Nom</div><div class=pollux><soleil>La belle citation</soleil></div></center> <table><tr><td width="238px;"><div class="zeta"><div class="gamma"><div class="alpha"><div class=astra><epsilon>ÂGE ‣</epsilon> à cet endroit.
<epsilon>LIEU DE NAISSANCE ‣</epsilon> à cet endroit.
<epsilon>ORIGINES ‣</epsilon> à cet endroit.
<epsilon>MÉTIER (ÉTUDES) ‣</epsilon> à cet endroit.
<epsilon>CLASSE SOCIALE ‣</epsilon> à cet endroit.
<epsilon>ORIENTATION SEXUELLE ‣</epsilon> à cet endroit.
<epsilon>ETAT CIVIL ‣</epsilon> à cet endroit.
<epsilon>INFO EN + ‣</epsilon> à cet endroit.
<epsilon>INFO EN + ‣</epsilon> à cet endroit.<hr/> <div class=lambda> Tout ce qu'il y a à savoir sur ce personnage. </div></div> </div></div></div></td><td><img src="https://i.imgur.com/DLzpmbd.png" class="beta"></td></tr></table><hr/> <table><tr><td width="230px"><center><majoris>MES RECHERCHES</majoris><hr/></center> <div class=lambda><div class="lyra"><div class="minoris"><div class="orion"><div class=astra> [i]Tes recherches de liens éventuelles[/i]
<clr>01</clr> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <clr>02</clr> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <clr>03</clr> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <clr>04</clr> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

</div></div></div></div></div></td><td width="230px"><center><majoris>Mes évolutions</majoris><hr/></center> <div class=lambda><div class="lyra"><div class="minoris"><div class="orion"><div class=astra>[i]Pour recenser les évo de ton perso[/i]
<clr>01</clr> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <clr>02</clr> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <clr>03</clr> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <clr>04</clr> Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

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


<hr/> <table><tr><td width="230px"><center><majoris>MES RPS EN COURS</majoris><hr/></center> <div class=lambda><div class="lyra"><div class="minoris"><div class="orion"><div class=astra><aquila><a href="LIEN">WWW.</a></aquila> ......
<aquila><a href="LIEN">WWW.</a></aquila> ......
<aquila><a href="LIEN">WWW.</a></aquila> ......




</div></div></div></div></div></td><td width="230px"><center><majoris>MES RPS TERMINÉS</majoris><hr/></center> <div class=lambda><div class="lyra"><div class="minoris"><div class="orion"><div class=astra><aquila><a href="LIEN">WWW.</a></aquila> ......
<aquila><a href="LIEN">WWW.</a></aquila> ......
<aquila><a href="LIEN">WWW.</a></aquila> ......




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


<center><soleil>(c) ad astra </soleil></center></div></center>

Liens petit modèle

Code:

<div class="concoursfiche__story">  <div class="concoursfiche_story_content">
<a href="#premier_onglet" class="boys">Liens masculins</a>
<a href="#deuxieme_onglet" class="girls">Liens féminins</a>
<table><tr><td><img class="concoursfiche_plus_gif" src="http://i.imgbox.com/HaJi9LdX.png"></td><td><div class="concoursfiche_plus_lien"><div><linf>PRENOM NOM •</linf> [i]Lien[/i] - Description du lien. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div></div></td></tr><tr><td><img class="concoursfiche_plus_gif" src="http://i.imgbox.com/HaJi9LdX.png"></td><td><div class="concoursfiche_plus_lien"><div><linf>PRENOM NOM •</linf> [i]Lien[/i] - Description du lien. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div></div></td></tr><tr><td><img class="concoursfiche_plus_gif" src="http://i.imgbox.com/HaJi9LdX.png"></td><td><div class="concoursfiche_plus_lien"><div><linf>PRENOM NOM •</linf> [i]Lien[/i] - Description du lien. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</div></div></td></tr></table> </div></div>

Liens grand modèle

Code:

<link href='http://fonts.googleapis.com/css?family=Dorsa' rel='stylesheet' type='text/css'><style type="text/css">.nb {  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;  -moz-box-shadow: rgba(0,0,0,0.2) 0px 1px 3px; box-shadow: rgba(0,0,0,0.2) 0px 1px 3px;} .avatar2 {width: 200px; height: 320px;} .headbond {transition: all 0.5s ease 0s;  color: #0d8c74 !important; font-family: 'Caesar Dressing', cursive; text-shadow: 0 0 2px #0e967e; font-size: 20px;text-transform: uppercase;background-color: #fbe6c1;margin: auto; width: 200px;padding-top: 30px;padding-bottom: 15px;text-align: center;transition: all 0.5s ease-in 0s;} .headbond:hover { text-shadow: none;transition: all 0.5s ease 0s; } .bond { position: absolute; width: 200px; height: 320px; opacity: 0;-webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; } .bond:hover { opacity: 1;-webkit-transition: opacity .6s ease-in-out; -moz-transition: opacity .6s ease-in-out; -o-transition: opacity .6s ease-in-out; background-color: rgba(0, 0, 0, 0.26); } .linebond {height: 2px;width: 200px;text-align: center; } .txtbond {line-height: 10px; margin: 15px;padding: 10px; height: 200px;background-color: #fff4e1; opacity: 0.9; font-size: 10px;text-align: justify;overflow-y: scroll;}</style><center><table><tr><td><div class="avatar2"><img src="https://nsa40.casimages.com/img/2019/01/30/190130094420361383.png" class="nb" style="position:absolute;"><div class="bond"><div class="headbond">“ Prénom P² Nom ”</div><div id="nb" class="linebond" style="background-color: #49dfae;"></div><div class="txtbond"><div style="padding-right:1px;">Description du lien - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </div></div></div></td><td><div class="avatar2"><img src="https://nsa40.casimages.com/img/2019/01/30/190130094436466774.png" class="nb" style="position:absolute;"><div class="bond"><div class="headbond">“ Prénom P² Nom ”</div><div id="nb" class="linebond" style="background-color: #49dfae;"></div><div class="txtbond"><div style="padding-right:1px;">Description du lien - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div></div></div></td></tr></table></center><br><center><table style="margin-top:-20px;"><tr><td><div class="avatar2"><img src="https://nsa40.casimages.com/img/2019/01/30/190130094436466774.png" class="nb" style="position:absolute;"><div class="bond"><div class="headbond">“ Prénom P² Nom ”</div><div id="nb" class="linebond" style="background-color: #49dfae;"></div><div class="txtbond"><div style="padding-right:1px;">Description du lien - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div></div></div></td><td><div class="avatar2"><img src="https://nsa40.casimages.com/img/2019/01/30/190130094420361383.png" class="nb" style="position:absolute;"><div class="bond"><div class="headbond">“ Prénom P² Nom&nbsp;”</div><div id="nb" class="linebond" style="background-color: #49dfae;"></div><div class="txtbond"><div style="padding-right:1px;">Description du lien - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</div></div></div></td></tr></table></center><br>