Sujet: ► 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
[Vous devez être inscrit et connecté pour voir ce lien] 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 !
B lood T ies
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>