AccueilFAQRechercherMembresS'enregistrerConnexion

Partagez| .

► Code pour fiche de liens

Voir le sujet précédent Voir le sujet suivant Aller en bas
AuteurMessage
Mystic Office

avatar
- I'm a Human -


☇ Messages : 155

MessageSujet: ► Code pour fiche de liens Mer 16 Nov - 0:14




Les fiches de liens

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.

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

 



Revenir en haut Aller en bas

► Code pour fiche de liens

Voir le sujet précédent Voir le sujet suivant Revenir en haut
Page 1 sur 1

Sujets similaires

-
» code pour rp :D
» Petit LS pour Fiche de RP !
» [Codage] Fiche de liens et Rp - Matt MacAlister [Terminé - Louna Blake ]
» Distribution d'un code pour télécharger Monster Hunter sur 3DS
» ▬ Comment faire une fiche de liens ?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: - Bienvenue à Mystic Falls - :: Ton carnet de bord :: Les liens-