AccueilCalendrierFAQRechercherMembresGroupesS'enregistrerConnexion

Partagez | 
 

 - Modèle de lien.

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
The Eye
Staff
avatar

Messages : 35
Date d'inscription : 20/04/2017


MessageSujet: - Modèle de lien.   Dim 23 Avr - 14:00










Les fiches de liens, c’est quoi ? C’est l’endroit où tu résumes les relations que tu as avec chaque personnage. Il te suffit de créer un nouveau sujet dans cette section, et attendre que les membres viennent poster dans ta fiche ! Evidemment, si tu veux avoir des liens, il est conseillé de poster dans les fiches des autres membres également.

Tu trouveras dans ce post un exemple de code de fiche de liens que tu pourras utiliser directement, histoire de ne pas t’embêter et de ne pas perdre de temps en cherchant sur internet ! Bien sûr, si ce code ne te convient pas, rien ne t’oblige à l’utiliser. Tu peux très bien poster tes liens sans un codage précis  .
➤ 1er post :
Présente ton personnage aux autres membres !



Une citation ici pour faire joli

Prénom + Nom

Surnom & Âge
Orientation sexuelle
Situation amoureuse
Disponibilité RP: oui / non
Ma fiche ici !
 
C'est ici que tu résumes l'histoire de ton personnage. Tu peux le faire sous forme de liste, ou en quelques phrases, comme tu veux. Peut-être que ça donnera des idées de liens aux autres joueurs !

© Nalex


Code:
<div style="width: 480px; padding: 2px; background: #FAFAF5;border-radius: 20px 20px 20px 20px;padding-bottom:18px;"><style>#fond{background:url('https://media.giphy.com/media/PD4Iy3rB8pUUU/giphy.gif'); width:430px;background-repeat: no-repeat;} .b1, .b2, .b3, .b4{background:#fff;opacity:0.8;} .partiedroite{background-color:#f1f1f1;} #fond{width: 450px; height: 250px; border: 1px solid #668280; margin: 0px auto; position: relative; overflow: hidden;} .b1{width: 430px; height: 55px; position: absolute; top: 12px; right: -500px; -webkit-transition: 2s; transition: 2s; -moz-transition: 2s; -o-transition: 2s;} .b2{width: 430px; height: 55px; position: absolute; top: 67px; right: 500px; -webkit-transition: 2s; transition: 2s; -moz-transition: 2s; -o-transition: 2s;} .b3{width: 430px; height: 55px; position: absolute; top: 122px; right: -500px; -webkit-transition: 2s; transition: 2s; -moz-transition: 2s; -o-transition: 2s;} .b4{width: 430px; height: 55px; position: absolute; top: 177px; right: 500px; -webkit-transition: 2s; transition: 2s; -moz-transition: 2s; -o-transition: 2s;} #fond:hover .b1, #fond:hover .b2,#fond:hover .b3,#fond:hover .b4{position: absolute; right: 10px;} #fond:hover .bordure{ opacity: 1;} .bordure{width: 410px; height: 195px; position: absolute; right: 17px; top: 20px; border: 4px double #661435; opacity: 0; -webkit-transition: 1s; transition: 1s; -moz-transition: 1s; -o-transition: 1s; transition-delay: 1.7s; -moz-transition-delay: 1.7s; -o-transition-delay: 1.7s; -webkit-transition-delay: 1.7s;} .bback{width: 390px; height: 175px; background-color:#fff; position: absolute; top: 10px; right: 10px;} .image{width: 120px; height: 120px; position: absolute; right: 250px; top: 10px;} .partiedroite{width: 180px; height: 115px; position: absolute; right: 10px; top: 10px; padding: 20px; font: normal normal 11px/13px calibri, sans-serif; letter-spacing: 0px; color:#333; text-align: justify; overflow-y: auto;} .partiegauche{width: 125px; height: 80px; position: absolute; right: 250px; top: 110px; font: normal normal 11px/12px calibri, sans-serif; text-align: center; color:#333; margin-top:-10px;} .partiegauche h1{font: italic; font-size:18px; letter-spacing: -1px; color: #333; text-align: center; text-transform:uppercase; margin-bottom:1px; margin-top:-10px;}</style>

<center><div id='fond'><div style="background-color:#e9cbc7; opacity:0.5;margin-top:200px;font-size:10px;color:#000; text-align:center;text-transform:uppercase">Une citation ici pour faire joli</div><div class='b1'></div><div class='b2'></div><div class='b3'></div><div class='b4'></div> <div class='bordure'><div class='bback'><div class='image'><img src='https://media.giphy.com/media/BF6qaNcIgUwlG/giphy.gif' style='width:75px;height:75px;'></div><div class='partiegauche'><h1>Prénom + Nom</h1>Surnom & Âge<BR>Orientation sexuelle<br>Situation amoureuse<br> Disponibilité RP: oui / non <br>[url=http://LELIENDELAFICHEICI]Ma fiche ici ![/url]</div>  <div class='partiedroite'>[b]C'est ici que tu résumes l'histoire de ton personnage.[/b] Tu peux le faire sous forme de liste, ou en quelques phrases, comme tu veux. Peut-être que ça donnera des idées de liens aux autres joueurs ! </div></div></div></div>
<div style="font-size:7px; margin-left:400px;margin-top:-23px;"> © Nalex</div></center></div>

➤ 2ème post :
Présente tes liens avec les autres personnages !




Blood Ties




Prénom + Nom
Intitulé du lien
Ici, Tu écris ton petit lien.
Prénom + Nom
Intitulé du lien
Ici, Tu écris ton petit lien.
Prénom + Nom
Intitulé du lien
Ici, Tu écris ton petit lien.
Prénom + Nom
Intitulé du lien
Ici, Tu écris ton petit liue.
Prénom + Nom
Intitulé du lien
Ici, Tu écris ton petit lien.
Prénom + Nom
Intitulé du lien
Ici, Tu écris ton petit lien.


Code:
<div style="width: 480px; padding: 2px; background: #FAFAF5;border-radius: 20px 20px 20px 20px;padding-bottom:18px; padding-top:20px;">
<link href="https://fonts.googleapis.com/css?family=Cinzel" rel="stylesheet"><div style="font-family: 'Cinzel', serif;text-align:center;font-size:50px;letter-spacing:-6px;word-spacing:8px;color:#630F15;text-decoration:overline underline;"><strong>B</strong>lood <strong>T</strong>ies</div><style>.flop{width: 200px; height: 320px; background-color: #fff; overflow: hidden} .flip{width: 200px; height: 320px; -webkit-perspective:1000; -o-perspective:1000; -moz-perspective:1000;} .flippin{-moz-transform-style:preserve-3d; -o-transform-style:preserve-3d; -webkit-transform-style:preserve-3d; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out;} .flip:hover .flippin{-webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg);} .sousavatar{width: 200px; height: 320px; background-color: #fff; overflow: hidden; opacity: 0; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; overflow: auto;} .flip:hover .sousavatar{opacity: 1;}</style>

<link href='http://fonts.googleapis.com/css?family=Fjalla+One' rel='stylesheet' type='text/css'>

<center><table><tr><td><div class="flop"><div class="flip"><div class="flippin"><div style="width: 200px; height: 320px; overflow: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; background-image: url(http://www.aht.li/2981267/ff24c0e2dd239ad134dcb72d05b84425.jpg);"></div><div class="sousavatar"><div style="padding: 20px;"><div style="font-family: fjalla one; text-align: center; color: #000; line-height: 100%; font-size: 20px; text-transform: uppercase;">Prénom + Nom</div><div style="font-family: arial; text-align: center; font-size: 7px; color: #000; line-height: 100%; text-transform: uppercase; margin-bottom: 5px; border-bottom:1px solid #000">Intitulé du lien</div><div style="font-family: georgia; line-height: 100%; font-size: 10px; color: #000; text-align: justify;">[b]Ici,[/b] Tu écris ton petit lien. </div></div></div></div></div></div></td><td><div class="flop"><div class="flip"><div class="flippin"><div style="width: 200px; height: 320px; overflow: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; background-image: url(http://www.aht.li/2981269/87d19c0898db5bd417d8cd49ff94f445.jpg);"></div><div class="sousavatar"><div style="padding: 20px;"><div style="font-family: fjalla one; text-align: center; color: #000; line-height: 100%; font-size: 20px; text-transform: uppercase;">Prénom + Nom</div><div style="font-family: arial; text-align: center; font-size: 7px; color: #000; line-height: 100%; text-transform: uppercase; margin-bottom: 5px; border-bottom:1px solid #000">Intitulé du lien</div><div style="font-family: georgia; line-height: 100%; font-size: 10px; color: #000; text-align: justify;">[b]Ici,[/b] Tu écris ton petit lien. </div></div></div></div></div></div></td></tr><tr><td><div class="flop"><div class="flip"><div class="flippin"><div style="width: 200px; height: 320px; overflow: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; background-image: url(http://www.aht.li/2981271/9401a0d74a470ddf4a4c5e4da62955e7.jpg);"></div><div class="sousavatar"><div style="padding: 20px;"><div style="font-family: fjalla one; text-align: center; color: #000; line-height: 100%; font-size: 20px; text-transform: uppercase;">Prénom + Nom</div><div style="font-family: arial; text-align: center; font-size: 7px; color: #000; line-height: 100%; text-transform: uppercase; margin-bottom: 5px; border-bottom:1px solid #000">Intitulé du lien</div><div style="font-family: georgia; line-height: 100%; font-size: 10px; color: #000; text-align: justify;">[b]Ici,[/b] Tu écris ton petit lien. </div></div></div></div></div></div></td><td><div class="flop"><div class="flip"><div class="flippin"><div style="width: 200px; height: 320px; overflow: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; background-image: url(http://www.aht.li/2981272/1728238b32aefa1cdf4297f1d2fde824.jpg);"></div><div class="sousavatar"><div style="padding: 20px;"><div style="font-family: fjalla one; text-align: center; color: #000; line-height: 100%; font-size: 20px; text-transform: uppercase;">Prénom + Nom</div><div style="font-family: arial; text-align: center; font-size: 7px; color: #000; line-height: 100%; text-transform: uppercase; margin-bottom: 5px; border-bottom:1px solid #000">Intitulé du lien</div><div style="font-family: georgia; line-height: 100%; font-size: 10px; color: #000; text-align: justify;">[b]Ici,[/b] Tu écris ton petit liue. </div></div></div></div></div></div></td></tr><tr><td><div class="flop"><div class="flip"><div class="flippin"><div style="width: 200px; height: 320px; overflow: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; background-image: url(http://www.aht.li/2981273/ea0b065baf2c02e5cffb17da9828e1ef.jpg);"></div><div class="sousavatar"><div style="padding: 20px;"><div style="font-family: fjalla one; text-align: center; color: #000; line-height: 100%; font-size: 20px; text-transform: uppercase;">Prénom + Nom</div><div style="font-family: arial; text-align: center; font-size: 7px; color: #000; line-height: 100%; text-transform: uppercase; margin-bottom: 5px; border-bottom:1px solid #000">Intitulé du lien</div><div style="font-family: georgia; line-height: 100%; font-size: 10px; color: #000; text-align: justify;">[b]Ici,[/b] Tu écris ton petit lien. </div></div></div></div></div></div></td><td><div class="flop"><div class="flip"><div class="flippin"><div style="width: 200px; height: 320px; overflow: hidden; -webkit-backface-visibility: hidden; -o-backface-visibility: hidden; -moz-backface-visibility: hidden; position: absolute; -webkit-transition: all 1.2s ease-in-out; -moz-transition: all 1.2s ease-in-out; -o-transition: all 1.2s ease-in-out; background-image: url(http://www.aht.li/2981274/32a59246fd55f3cccae3639e2535f9ec.jpg);"></div><div class="sousavatar"><div style="padding: 20px;"><div style="font-family: fjalla one; text-align: center; color: #000; line-height: 100%; font-size: 20px; text-transform: uppercase;">Prénom + Nom</div><div style="font-family: arial; text-align: center; font-size: 7px; color: #000; line-height: 100%; text-transform: uppercase; margin-bottom: 5px; border-bottom:1px solid #000">Intitulé du lien</div><div style="font-family: georgia; line-height: 100%; font-size: 10px; color: #000; text-align: justify;">[b]Ici,[/b] Tu écris ton petit lien. </div></div></div></div></div></div></td></tr></table></center></div>













©DBS (LovelyGirl)

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Camille O'Connell
Staff
avatar

Messages : 24
Date d'inscription : 24/04/2017


MessageSujet: Re: - Modèle de lien.   Mar 25 Avr - 21:26




Exemple de fiche de liens



Pour ceux qui souhaitent prendre un code un peu plus simple que celui proposé ci-dessus :

prénom p. nom


TYPE DE LIEN

Description du lien en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots

©Frenchadicted


©TITANIA
prénom p. nom


TYPE DE LIEN

Description du lien en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots

©Frenchadicted


©TITANIA


Code:
<center><table><td><div style="background-color: #FEFEF5; padding: 10px; width:220px;"><link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><div style="font-family: Kaushan Script; text-align: center; font-size:30px; text-transform: lowercase; letter-spacing:5px;line-height:10px; color: #100873; padding:-20px;">prénom p. nom</div><br /><img src="http://img15.hostingpics.net/pics/855037836.png" width="200px"; img style="border: 1px solid #100873; padding: 2px;" ><br /><div style="width: 200px;  font-family: georgia; font-size: 12px; line-height: 10px; text-align: center; padding: 3px 10px; color:#7972D8;">TYPE DE LIEN</div><br /><div style="width: 200px; font-size: 10px; line-height: 10px; text-align: justify; padding: 3px 10px; color:#989393;"><div style="overflow: auto; height: 75px; text-align: justify;"><div style="font-family: georgia;">Description du lien en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots<br /><span style="font-size: 9px; line-height: normal"><br /><div align="right"><font color="#7972D8"><font face="Courier New">©Frenchadicted</font></font></div></span><br /></div></div></div><span style="font-size: 7px; line-height: normal"><br /><div align="right"><font color="#000000">©TITANIA</font></div></span></div></td><td><div style="background-color: #FEFEF5; padding: 10px; width:220px;"><link href='http://fonts.googleapis.com/css?family=Kaushan+Script' rel='stylesheet' type='text/css'><div style="font-family: Kaushan Script; text-align: center; font-size:30px; text-transform: lowercase; letter-spacing:5px;line-height:10px; color: #100873; padding:-20px;">prénom p. nom</div><br /><img src="http://img15.hostingpics.net/pics/855037836.png" width="200px"; img style="border: 1px solid #100873; padding: 2px;" ><br /><div style="width: 200px;  font-family: georgia; font-size: 12px; line-height: 10px; text-align: center; padding: 3px 10px; color:#7972D8;">TYPE DE LIEN</div><br /><div style="width: 200px; font-size: 10px; line-height: 10px; text-align: justify; padding: 3px 10px; color:#989393;"><div style="overflow: auto; height: 75px; text-align: justify;"><div style="font-family: georgia;">Description du lien en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots en quelques mots<br /><span style="font-size: 9px; line-height: normal"><br /><div align="right"><font color="#7972D8"><font face="Courier New">©Frenchadicted</font></font></div></span><br /></div></div></div><span style="font-size: 7px; line-height: normal"><br /><div align="right"><font color="#000000">©TITANIA</font></div></span></div></td></table></center>

N'hésitez pas à demander de l'aide à un administrateur !







©DBS (LovelyGirl)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 
- Modèle de lien.
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» FICHES DE LIENS ✧ codes proposés
» Modèle du Répertoire
» Fiche de lien (modèle)
» Formulaire d'inscription (modèle unique)
» Modèle de présentation

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Darkness Will Rise Again  :: ¦ Inscription. :: | C'est ici que débute ton histoire. :: › Tes liens.-
Sauter vers: