Admin
Admin
1321/10/2021
Fiche de partenariat :
sanguis
dracones
Forum 18+ - Pas de minimum de lignes - avatars illustrés 250*350
« Lorsque ses crocs voleront le cœur de son âme-sœur, l'héritier légitime prendra le trône. »
Sur Gafaeld plane une ombre inquiétante. Celle de la mort, de la guerre pour le trône. Malédiction ou épreuve des Dieux, les héritiers sont confrontés à un terrible dilemme. Ils le savent, la paix ne régnera pas tant que l'un d'eux n'aura trouvé le repos éternel. Seigneurs dragons, maîtres, domestiques, esclaves et bâtards, tous sont concernés par le futur conflit à venir, tous ont un rôle à jouer.
Cette attente infernale ne prédit que des malheurs à venir, aussi les héritiers se voient pressés d'agir, de se déchirer. Quels fléaux les dieux délivreront-ils sur eux s'ils n'accomplissent pas leur prophétie ? Les monstres pullulent, deviennent de plus en plus agressifs et nul ne questionne la raison de cette soudaine agitation, tous le savent... C'est une punition. Les graines de la discorde ont été semées, et bientôt, les fleurs du mal envahiront le monde et les âmes.
Quand la mort réclame, elle n'attend pas.
Ce que la vie donne, elle reprend.
Et vous, qui serez-vous ?
Sur Gafaeld plane une ombre inquiétante. Celle de la mort, de la guerre pour le trône. Malédiction ou épreuve des Dieux, les héritiers sont confrontés à un terrible dilemme. Ils le savent, la paix ne régnera pas tant que l'un d'eux n'aura trouvé le repos éternel. Seigneurs dragons, maîtres, domestiques, esclaves et bâtards, tous sont concernés par le futur conflit à venir, tous ont un rôle à jouer.
Cette attente infernale ne prédit que des malheurs à venir, aussi les héritiers se voient pressés d'agir, de se déchirer. Quels fléaux les dieux délivreront-ils sur eux s'ils n'accomplissent pas leur prophétie ? Les monstres pullulent, deviennent de plus en plus agressifs et nul ne questionne la raison de cette soudaine agitation, tous le savent... C'est une punition. Les graines de la discorde ont été semées, et bientôt, les fleurs du mal envahiront le monde et les âmes.
Quand la mort réclame, elle n'attend pas.
Ce que la vie donne, elle reprend.
Et vous, qui serez-vous ?
- Code:
<div class="sanguis_fiche_parto"> <div class="sanguis_fiche_parto_title">sanguis</div><div class="sanguis_fiche_parto_titled">dracones</div><div class="sanguis_fiche_parto_sub">Forum 18+ - Pas de minimum de lignes - avatars illustrés 250*350</div><div class="sanguis_fiche_parto_dragon"><img src="https://imgur.com/qcoovye.png"></div><div class="sanguis_fiche_parto_cont"> <div class="sanguis_fiche_parto_cont_inside">« Lorsque ses crocs voleront le cœur de son âme-sœur, l'héritier légitime prendra le trône. » <br/><br/> Sur Gafaeld plane une ombre inquiétante. Celle de la mort, de la guerre pour le trône. Malédiction ou épreuve des Dieux, les héritiers sont confrontés à un terrible dilemme. Ils le savent, la paix ne régnera pas tant que l'un d'eux n'aura trouvé le repos éternel. Seigneurs dragons, maîtres, domestiques, esclaves et bâtards, tous sont concernés par le futur conflit à venir, tous ont un rôle à jouer. <br/><br/> Cette attente infernale ne prédit que des malheurs à venir, aussi les héritiers se voient pressés d'agir, de se déchirer. Quels fléaux les dieux délivreront-ils sur eux s'ils n'accomplissent pas leur prophétie ? Les monstres pullulent, deviennent de plus en plus agressifs et nul ne questionne la raison de cette soudaine agitation, tous le savent... C'est une punition. Les graines de la discorde ont été semées, et bientôt, les fleurs du mal envahiront le monde et les âmes. <br/><br/> Quand la mort réclame, elle n'attend pas.<br/> Ce que la vie donne, elle reprend. <br/><br/> Et vous, qui serez-vous ? </div></div><div class="sanguis_fiche_parto_end"><a target="_blank" href="https://sanguisdracones.forumactif.com/forum">nous rejoindre</a></div></div>
<style>@keyframes bounce{from{transform: translate3d(0, 0, 0);}to{transform: translate3d(0, -20px, 0);}}@-webkit-keyframes bounce{from{-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}to{-webkit-transform: translate3d(0, 200px, 0); transform: translate3d(0, -20px, 0);}}@font-face{font-family: "modena"; src: url("https://files.jcink.net/uploads2/ephetestbabey/Modena_Script.otf"); src: url("https://files.jcink.net/uploads2/ephetestbabey/modena_script_webfont.woff2") format("woff2"), url("https://files.jcink.net/uploads2/ephetestbabey/modena_script_webfont.woff") format("woff"), url("https://files.jcink.net/uploads2/ephetestbabey/Modena_Script.otf") format("opentype"); font-weight: normal; font-style: normal;}@font-face{font-family: "nouvelle vague"; src: url("https://dl.dropbox.com/s/a12os13a9ude9pe/nouvelle_vague_final-webfont.woff2?dl=0") format("woff2"), url("https://dl.dropbox.com/s/ky0dz4oikwouxja/nouvelle_vague_final-webfont.woff?dl=0") format("woff"); font-weight: normal; font-style: normal;}.sanguis_fiche_parto{background-image: url(https://imgur.com/r3JEpmy.png); padding: 20px; border-radius: 30px; margin: 0 auto; width: 600px; display: flex; flex-wrap: wrap; justify-content: space-between;}.sanguis_fiche_parto_title,.sanguis_fiche_parto_titled,.sanguis_fiche_parto_sub{text-align: center; width: 100%;}.sanguis_fiche_parto_title{background-image: url(https://64.media.tumblr.com/0b3396be11767653e65a8df232a3edcf/ba8224bd2e4befec-62/s400x600/3566454922b0363e78aefffbb1c79964acfe10a0.gif); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font: 80px nouvelle vague; background-position: 50% -55%; background-size: 120%;}.sanguis_fiche_parto_titled{-webkit-text-fill-color: white; text-shadow: 1px 1px 1px black; font: 60px modena; color: white; padding-left: 50px; margin-top: -90px; margin-bottom: 0px;}.sanguis_fiche_parto_sub{text-align: center; text-transform: uppercase; letter-spacing: 2px; font: 10px calibri; color: #ccc; margin-top: -80px;}.sanguis_fiche_parto_dragon{width: 500px; margin: -30px auto 30px auto;}.sanguis_fiche_parto_dragon img{width: 100%; -webkit-animation-name: bounce; -webkit-animation-duration: 3s; -webkit-animation-direction: alternate; -webkit-animation-timing-function: cubic-bezier(1, 1, 1, 1); -webkit-animation-iteration-count: infinite;}.sanguis_fiche_parto_cont{padding: 10px; background-image: linear-gradient(120deg, #96a9bb 0%, #a4bfd9 100%);}.sanguis_fiche_parto_cont_inside{padding: 14px; height: 205px; overflow: auto; background: #454545; font: 12px calibri; line-height: 17px; color: #ccc; text-align: justify;}.sanguis_fiche_parto_end{position: relative; font: 40px nouvelle vague; text-align: center; text-transform: lowercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(120deg, #96a9bb 0%, #a4bfd9 100%); width: 100%; margin: 20px auto; border-bottom: 10px solid #a4bfd9; width: 400px;}.sanguis_fiche_parto *{scrollbar-width: thin; scrollbar-color: #96a9bb #e2ded9;}.sanguis_fiche_parto::-webkit-scrollbar{background: #e2ded9; width: 8px;}.sanguis_fiche_parto::-webkit-scrollbar-thumb{height: 30px; background: #96a9bb;}</style>
# [COMMANDE] - Les fiches - Mar 26 Oct - 3:13
Admin
Admin
1321/10/2021
Fiche prédéfinis :
nom et prenom
Histoire ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel velit leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lacus risus, semper eu lorem eu, eleifend sodales nunc. Donec vel hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor ligula vel dolor consequat, sed convallis mi cursus. Etiam egestas tortor a risus ultricies aliquam. Quisque pretium vehicula felis ac suscipit. Etiam rhoncus, elit et consequat gravida, urna purus suscipit urna, at gravida tortor turpis at mauris. Praesent in tempus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mattis a lacus eu lacinia. Vivamus laoreet auctor egestas. Maecenas eu eros vel nisi sodales commodo et non eros. In in pellentesque lorem, vel lacinia ex. Etiam venenatis pulvinar augue vehicula aliquet. Vestibulum eu orci tristique, ultricies ligula ac, tincidunt tellus.
adjectif
adjectif
adjectif
adjectif
adjectif
adjectif
adjectif
adjectif
faits divers
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel velit leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lacus risus, semper eu lorem eu, eleifend sodales nunc. Donec vel hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor ligula vel dolor consequat, sed convallis mi cursus. Etiam egestas tortor a risus ultricies aliquam. Quisque pretium vehicula felis ac suscipit. Etiam rhoncus, elit et consequat gravida, urna purus suscipit urna, at gravida tortor turpis at mauris. Praesent in tempus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mattis a lacus eu lacinia. Vivamus laoreet auctor egestas. Maecenas eu eros vel nisi sodales commodo et non eros. In in pellentesque lorem, vel lacinia ex. Etiam venenatis pulvinar augue vehicula aliquet. Vestibulum eu orci tristique, ultricies ligula ac, tincidunt tellus.
physique
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel velit leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lacus risus, semper eu lorem eu, eleifend sodales nunc. Donec vel hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor ligula vel dolor consequat, sed convallis mi cursus. Etiam egestas tortor a risus ultricies aliquam. Quisque pretium vehicula felis ac suscipit. Etiam rhoncus, elit et consequat gravida, urna purus suscipit urna, at gravida tortor turpis at mauris. Praesent in tempus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mattis a lacus eu lacinia. Vivamus laoreet auctor egestas. Maecenas eu eros vel nisi sodales commodo et non eros. In in pellentesque lorem, vel lacinia ex. Etiam venenatis pulvinar augue vehicula aliquet. Vestibulum eu orci tristique, ultricies ligula ac, tincidunt tellus.
caractere
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel velit leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lacus risus, semper eu lorem eu, eleifend sodales nunc. Donec vel hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor ligula vel dolor consequat, sed convallis mi cursus. Etiam egestas tortor a risus ultricies aliquam. Quisque pretium vehicula felis ac suscipit. Etiam rhoncus, elit et consequat gravida, urna purus suscipit urna, at gravida tortor turpis at mauris. Praesent in tempus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mattis a lacus eu lacinia. Vivamus laoreet auctor egestas. Maecenas eu eros vel nisi sodales commodo et non eros. In in pellentesque lorem, vel lacinia ex. Etiam venenatis pulvinar augue vehicula aliquet. Vestibulum eu orci tristique, ultricies ligula ac, tincidunt tellus.
nom & prenom
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut leo efficitur, egestas nisi sit amet, pellentesque nunc. Sed id vulputate leo. Phasellus eget luctus ipsum. Aenean turpis lectus, semper quis porttitor quis, consectetur vitae leo. Morbi sodales malesuada mi, et pulvinar diam mollis vel. Donec quis ipsum orci. Nulla bibendum leo at commodo pellentesque. Praesent id ex nisl. Fusce finibus eu quam pharetra lacinia. Proin et tortor nisl. Vestibulum pulvinar libero urna, ac eleifend dui consectetur a. Nullam sollicitudin, turpis nec bibendum ultricies, est arcu auctor purus, sit amet rutrum erat felis et turpis. Nunc non lorem id mauris rutrum molestie vitae a ligula. Vestibulum eget orci vel nibh lacinia gravida. Aenean quis urna nulla.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut leo efficitur, egestas nisi sit amet, pellentesque nunc. Sed id vulputate leo. Phasellus eget luctus ipsum. Aenean turpis lectus, semper quis porttitor quis, consectetur vitae leo. Morbi sodales malesuada mi, et pulvinar diam mollis vel. Donec quis ipsum orci. Nulla bibendum leo at commodo pellentesque. Praesent id ex nisl. Fusce finibus eu quam pharetra lacinia. Proin et tortor nisl. Vestibulum pulvinar libero urna, ac eleifend dui consectetur a. Nullam sollicitudin, turpis nec bibendum ultricies, est arcu auctor purus, sit amet rutrum erat felis et turpis. Nunc non lorem id mauris rutrum molestie vitae a ligula. Vestibulum eget orci vel nibh lacinia gravida. Aenean quis urna nulla.
nom & prenom
- Code:
<div class="sanguis_fiche_liens_ima"><img src="https://via.placeholder.com/600x200"/></div><div class="sanguis_fiche_liens"> <div class="sanguis_fiche_liens_nom">nom et prenom</div><div class="sanguis_fiche_liens_txt">Histoire ici. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel velit leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lacus risus, semper eu lorem eu, eleifend sodales nunc. Donec vel hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor ligula vel dolor consequat, sed convallis mi cursus. Etiam egestas tortor a risus ultricies aliquam. Quisque pretium vehicula felis ac suscipit. Etiam rhoncus, elit et consequat gravida, urna purus suscipit urna, at gravida tortor turpis at mauris. Praesent in tempus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mattis a lacus eu lacinia. Vivamus laoreet auctor egestas. Maecenas eu eros vel nisi sodales commodo et non eros. In in pellentesque lorem, vel lacinia ex. Etiam venenatis pulvinar augue vehicula aliquet. Vestibulum eu orci tristique, ultricies ligula ac, tincidunt tellus.</div><div class="sanguis_fiche_liens_im"><img src="https://via.placeholder.com/170x100"/><img src="https://via.placeholder.com/170x100"/><img src="https://via.placeholder.com/170x100"/></div><div class="sanguis_fiche_liens_pro"> <div>adjectif</div><div>adjectif</div><div>adjectif</div><div>adjectif</div><div>adjectif</div><div>adjectif</div><div>adjectif</div><div>adjectif</div></div><div class="sanguis_fiche_liens_rech"> <div class="sanguis_fiche_liens_r"> <h5>faits divers</h5> <div class="sanguis_fiche_in_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel velit leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lacus risus, semper eu lorem eu, eleifend sodales nunc. Donec vel hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor ligula vel dolor consequat, sed convallis mi cursus. Etiam egestas tortor a risus ultricies aliquam. Quisque pretium vehicula felis ac suscipit. Etiam rhoncus, elit et consequat gravida, urna purus suscipit urna, at gravida tortor turpis at mauris. Praesent in tempus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mattis a lacus eu lacinia. Vivamus laoreet auctor egestas. Maecenas eu eros vel nisi sodales commodo et non eros. In in pellentesque lorem, vel lacinia ex. Etiam venenatis pulvinar augue vehicula aliquet. Vestibulum eu orci tristique, ultricies ligula ac, tincidunt tellus.</div></div><div class="sanguis_fiche_liens_r"> <h5>physique</h5> <div class="sanguis_fiche_in_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel velit leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lacus risus, semper eu lorem eu, eleifend sodales nunc. Donec vel hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor ligula vel dolor consequat, sed convallis mi cursus. Etiam egestas tortor a risus ultricies aliquam. Quisque pretium vehicula felis ac suscipit. Etiam rhoncus, elit et consequat gravida, urna purus suscipit urna, at gravida tortor turpis at mauris. Praesent in tempus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mattis a lacus eu lacinia. Vivamus laoreet auctor egestas. Maecenas eu eros vel nisi sodales commodo et non eros. In in pellentesque lorem, vel lacinia ex. Etiam venenatis pulvinar augue vehicula aliquet. Vestibulum eu orci tristique, ultricies ligula ac, tincidunt tellus.</div></div><div class="sanguis_fiche_liens_r"> <h5>caractere</h5> <div class="sanguis_fiche_in_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel velit leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lacus risus, semper eu lorem eu, eleifend sodales nunc. Donec vel hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor ligula vel dolor consequat, sed convallis mi cursus. Etiam egestas tortor a risus ultricies aliquam. Quisque pretium vehicula felis ac suscipit. Etiam rhoncus, elit et consequat gravida, urna purus suscipit urna, at gravida tortor turpis at mauris. Praesent in tempus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mattis a lacus eu lacinia. Vivamus laoreet auctor egestas. Maecenas eu eros vel nisi sodales commodo et non eros. In in pellentesque lorem, vel lacinia ex. Etiam venenatis pulvinar augue vehicula aliquet. Vestibulum eu orci tristique, ultricies ligula ac, tincidunt tellus.</div></div></div><div class="sanguis_fiche_link"> <div class="sanguis_f_l_inside"> <div class="sanguis_f_l_ava"><img src="https://via.placeholder.com/150x80"/></div><div class="sanguis_f_l_name">nom & prenom</div></div><div class="sanguis_fiche_l_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut leo efficitur, egestas nisi sit amet, pellentesque nunc. Sed id vulputate leo. Phasellus eget luctus ipsum. Aenean turpis lectus, semper quis porttitor quis, consectetur vitae leo. Morbi sodales malesuada mi, et pulvinar diam mollis vel. Donec quis ipsum orci. Nulla bibendum leo at commodo pellentesque. Praesent id ex nisl. Fusce finibus eu quam pharetra lacinia. Proin et tortor nisl. Vestibulum pulvinar libero urna, ac eleifend dui consectetur a. Nullam sollicitudin, turpis nec bibendum ultricies, est arcu auctor purus, sit amet rutrum erat felis et turpis. Nunc non lorem id mauris rutrum molestie vitae a ligula. Vestibulum eget orci vel nibh lacinia gravida. Aenean quis urna nulla.</div></div><div class="sanguis_fiche_link"> <div class="sanguis_fiche_l_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ut leo efficitur, egestas nisi sit amet, pellentesque nunc. Sed id vulputate leo. Phasellus eget luctus ipsum. Aenean turpis lectus, semper quis porttitor quis, consectetur vitae leo. Morbi sodales malesuada mi, et pulvinar diam mollis vel. Donec quis ipsum orci. Nulla bibendum leo at commodo pellentesque. Praesent id ex nisl. Fusce finibus eu quam pharetra lacinia. Proin et tortor nisl. Vestibulum pulvinar libero urna, ac eleifend dui consectetur a. Nullam sollicitudin, turpis nec bibendum ultricies, est arcu auctor purus, sit amet rutrum erat felis et turpis. Nunc non lorem id mauris rutrum molestie vitae a ligula. Vestibulum eget orci vel nibh lacinia gravida. Aenean quis urna nulla.</div><div class="sanguis_f_l_inside"> <div class="sanguis_f_l_ava"><img src="https://via.placeholder.com/150x80"/></div><div class="sanguis_f_l_name">nom & prenom</div></div></div></div>
<style>.sanguis_fiche_liens{background-image: url(https://imgur.com/r3JEpmy.png); padding: 20px; margin: 0 auto; width: 600px; display: flex; flex-wrap: wrap; justify-content: space-between;}.sanguis_fiche_liens_ima{width: 600px; height: 200px; overflow: hidden; margin: 0 auto;}.sanguis_fiche_liens_ima img{width: 100%;}.sanguis_fiche_liens_nom{text-align: center; font: 40px nouvelle vague; text-transform: lowercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(120deg, #96a9bb 0%, #a4bfd9 100%); width: 100%; padding-bottom: 20px;}.sanguis_fiche_liens_txt{text-align: justify; padding: 10px; margin-bottom: 20px; background: #ccc; color: #454545; font: 12px calibri;}.sanguis_fiche_liens_im{text-align: center; width: 100%; margin-bottom: 20px;}.sanguis_fiche_liens_im img{margin: 0px 5px; width: 176px;}.sanguis_fiche_link{background-image: linear-gradient(120deg, #96a9bb 0%, #a4bfd9 100%); width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; border-bottom: 15px solid #454545; padding: 10px;}.sanguis_f_l_inside{width: 150px; padding-right: 10px; text-align: center;}.sanguis_f_l_ava{width: 150px; height: 80px; overflow: hidden;}.sanguis_f_l_ava img{width: 100%;}.sanguis_f_l_name{background: #454545; color: #ccc; padding: 5px; font: 10px calibri; width: 150px; text-transform: uppercase;}.sanguis_fiche_l_txt{width: 375px; height: 90px; padding-right: 10px; overflow: auto; text-align: justify; color: #454545; font: 11px calibri; margin-top: 5px;}.sanguis_fiche_liens_pro{margin-bottom: 10px; text-align: center; width: 100%;}.sanguis_fiche_liens_pro div{display: inline-block; background-image: linear-gradient(120deg, #96a9bb 0%, #a4bfd9 100%); padding: 2px 5px; margin: 5px; color: #454545; font: 11px calibri; text-transform: uppercase;}.sanguis_fiche_liens_rech{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; color: #454545;}.sanguis_fiche_liens_r{width: 180px; margin-bottom: 20px; background: #ccc; padding: 10px;}.sanguis_fiche_liens_r h5{text-align: center; font: 15px nouvelle vague; border-bottom: solid 2px #454545;}.sanguis_fiche_in_txt{font: 11px calibri; text-align: justify; margin-top: 10px; height: 160px; overflow: auto; padding-right: 5px;}.sanguis_fiche_liens *{scrollbar-width: thin; scrollbar-color: #96a9bb #e2ded9;}.sanguis_fiche_liens::-webkit-scrollbar{background: #e2ded9; width: 8px;}.sanguis_fiche_liens::-webkit-scrollbar-thumb{height: 30px; background: #96a9bb;}</style>
# Re: [COMMANDE] - Les fiches - Mar 26 Oct - 6:29
Admin
Admin
1321/10/2021
Fiche de base :
un titre ici
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel velit leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lacus risus, semper eu lorem eu, eleifend sodales nunc. Donec vel hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor ligula vel dolor consequat, sed convallis mi cursus. Etiam egestas tortor a risus ultricies aliquam. Quisque pretium vehicula felis ac suscipit. Etiam rhoncus, elit et consequat gravida, urna purus suscipit urna, at gravida tortor turpis at mauris. Praesent in tempus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mattis a lacus eu lacinia. Vivamus laoreet auctor egestas. Maecenas eu eros vel nisi sodales commodo et non eros. In in pellentesque lorem, vel lacinia ex. Etiam venenatis pulvinar augue vehicula aliquet. Vestibulum eu orci tristique, ultricies ligula ac, tincidunt tellus.
un autre titre ici
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel velit leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lacus risus, semper eu lorem eu, eleifend sodales nunc. Donec vel hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor ligula vel dolor consequat, sed convallis mi cursus. Etiam egestas tortor a risus ultricies aliquam. Quisque pretium vehicula felis ac suscipit. Etiam rhoncus, elit et consequat gravida, urna purus suscipit urna, at gravida tortor turpis at mauris. Praesent in tempus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mattis a lacus eu lacinia. Vivamus laoreet auctor egestas. Maecenas eu eros vel nisi sodales commodo et non eros. In in pellentesque lorem, vel lacinia ex. Etiam venenatis pulvinar augue vehicula aliquet. Vestibulum eu orci tristique, ultricies ligula ac, tincidunt tellus.
- Code:
<div class="sanguis_fiche_base"> <div class="sanguis_f_b_optionnel"> <img src="https://via.placeholder.com/560x100"/> </div><div class="sanguis_fiche_base_title">un titre ici</div><div class="sanguis_fiche_base_bot"></div><div class="sanguis_fiche_base_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel velit leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lacus risus, semper eu lorem eu, eleifend sodales nunc. Donec vel hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor ligula vel dolor consequat, sed convallis mi cursus. Etiam egestas tortor a risus ultricies aliquam. Quisque pretium vehicula felis ac suscipit. Etiam rhoncus, elit et consequat gravida, urna purus suscipit urna, at gravida tortor turpis at mauris. Praesent in tempus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mattis a lacus eu lacinia. Vivamus laoreet auctor egestas. Maecenas eu eros vel nisi sodales commodo et non eros. In in pellentesque lorem, vel lacinia ex. Etiam venenatis pulvinar augue vehicula aliquet. Vestibulum eu orci tristique, ultricies ligula ac, tincidunt tellus.</div><div class="sanguis_f_b_optionnel"> <img src="https://via.placeholder.com/560x100"/> </div><div class="sanguis_fiche_base_titled">un autre titre ici</div><div class="sanguis_fiche_base_botd"></div><div class="sanguis_fiche_base_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel velit leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lacus risus, semper eu lorem eu, eleifend sodales nunc. Donec vel hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor ligula vel dolor consequat, sed convallis mi cursus. Etiam egestas tortor a risus ultricies aliquam. Quisque pretium vehicula felis ac suscipit. Etiam rhoncus, elit et consequat gravida, urna purus suscipit urna, at gravida tortor turpis at mauris. Praesent in tempus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mattis a lacus eu lacinia. Vivamus laoreet auctor egestas. Maecenas eu eros vel nisi sodales commodo et non eros. In in pellentesque lorem, vel lacinia ex. Etiam venenatis pulvinar augue vehicula aliquet. Vestibulum eu orci tristique, ultricies ligula ac, tincidunt tellus.</div></div>
<style>.sanguis_fiche_base{background-image: url(https://imgur.com/r3JEpmy.png); padding:20px; margin: 0 auto; width: 600px;}.sanguis_fiche_base_title{text-align: left; position: relative; font: 40px nouvelle vague; text-transform: lowercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(120deg, #96a9bb 0%, #a4bfd9 100%); margin-bottom: 10px;}.sanguis_fiche_base_titled{text-align: right; position: relative; font: 40px nouvelle vague; text-transform: lowercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(120deg, #96a9bb 0%, #a4bfd9 100%); margin-bottom: 10px;}.sanguis_fiche_base_bot{background-image: linear-gradient(120deg, #060606 0%, #454545 100%); height: 20px; width: 300px; margin-top: -30px;}.sanguis_fiche_base_botd{background-image: linear-gradient(120deg, #060606 0%, #454545 100%); height: 20px; width: 300px; margin-top: -30px; margin-left: 260px;}.sanguis_fiche_base_txt{margin: 20px 0px; padding: 10px; text-align: justify; background: #ccc; color: #454545; font: 12px calibri;}.sanguis_f_b_optionnel{text-align:center; margin:10px 0px 20px 0px; width:560px; height:100px; overflow:hidden;}.sanguis_f_b_optionnel img{width:100%;}</style>
# Re: [COMMANDE] - Les fiches - Mar 26 Oct - 7:12
Admin
Admin
1321/10/2021
Fiche RP :
titre du rp un peu long ici pour voir
petite phrase explicative ou même le nom des partenaires rp je sais pas mdr
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel velit leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lacus risus, semper eu lorem eu, eleifend sodales nunc. Donec vel hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor ligula vel dolor consequat, sed convallis mi cursus. Etiam egestas tortor a risus ultricies aliquam. Quisque pretium vehicula felis ac suscipit. Etiam rhoncus, elit et consequat gravida, urna purus suscipit urna, at gravida tortor turpis at mauris. Praesent in tempus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mattis a lacus eu lacinia. Vivamus laoreet auctor egestas. Maecenas eu eros vel nisi sodales commodo et non eros. In in pellentesque lorem, vel lacinia ex. Etiam venenatis pulvinar augue vehicula aliquet. Vestibulum eu orci tristique, ultricies ligula ac, tincidunt tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel velit leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lacus risus, semper eu lorem eu, eleifend sodales nunc. Donec vel hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor ligula vel dolor consequat, sed convallis mi cursus. Etiam egestas tortor a risus ultricies aliquam. Quisque pretium vehicula felis ac suscipit. Etiam rhoncus, elit et consequat gravida, urna purus suscipit urna, at gravida tortor turpis at mauris. Praesent in tempus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mattis a lacus eu lacinia. Vivamus laoreet auctor egestas. Maecenas eu eros vel nisi sodales commodo et non eros. In in pellentesque lorem, vel lacinia ex. Etiam venenatis pulvinar augue vehicula aliquet. Vestibulum eu orci tristique, ultricies ligula ac, tincidunt tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel velit leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lacus risus, semper eu lorem eu, eleifend sodales nunc. Donec vel hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor ligula vel dolor consequat, sed convallis mi cursus.
— une petite phrase de dialogue stylay on sait jamais
Etiam egestas tortor a risus ultricies aliquam. Quisque pretium vehicula felis ac suscipit. Etiam rhoncus, elit et consequat gravida, urna purus suscipit urna, at gravida tortor turpis at mauris. Praesent in tempus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mattis a lacus eu lacinia. Vivamus laoreet auctor egestas. Maecenas eu eros vel nisi sodales commodo et non eros. In in pellentesque lorem, vel lacinia ex. Etiam venenatis pulvinar augue vehicula aliquet. Vestibulum eu orci tristique, ultricies ligula ac, tincidunt tellus. - Code:
<div class="sanguis_fiche_rp"> <div class="sanguis_fiche_rp_ima"><img src="https://via.placeholder.com/560x150"/></div><div class="sanguis_fiche_rp_title">titre du rp un peu long ici pour voir</div><div class="sanguis_fiche_rp_sub">petite phrase explicative ou même le nom des partenaires rp je sais pas mdr</div><div class="sanguis_fiche_rp_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel velit leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lacus risus, semper eu lorem eu, eleifend sodales nunc. Donec vel hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor ligula vel dolor consequat, sed convallis mi cursus. Etiam egestas tortor a risus ultricies aliquam. Quisque pretium vehicula felis ac suscipit. Etiam rhoncus, elit et consequat gravida, urna purus suscipit urna, at gravida tortor turpis at mauris. Praesent in tempus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mattis a lacus eu lacinia. Vivamus laoreet auctor egestas. Maecenas eu eros vel nisi sodales commodo et non eros. In in pellentesque lorem, vel lacinia ex. Etiam venenatis pulvinar augue vehicula aliquet. Vestibulum eu orci tristique, ultricies ligula ac, tincidunt tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel velit leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lacus risus, semper eu lorem eu, eleifend sodales nunc. Donec vel hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor ligula vel dolor consequat, sed convallis mi cursus. Etiam egestas tortor a risus ultricies aliquam. Quisque pretium vehicula felis ac suscipit. Etiam rhoncus, elit et consequat gravida, urna purus suscipit urna, at gravida tortor turpis at mauris. Praesent in tempus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mattis a lacus eu lacinia. Vivamus laoreet auctor egestas. Maecenas eu eros vel nisi sodales commodo et non eros. In in pellentesque lorem, vel lacinia ex. Etiam venenatis pulvinar augue vehicula aliquet. Vestibulum eu orci tristique, ultricies ligula ac, tincidunt tellus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vel velit leo. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis lacus risus, semper eu lorem eu, eleifend sodales nunc. Donec vel hendrerit tortor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam auctor ligula vel dolor consequat, sed convallis mi cursus. <div class="sanguis_rp_bold">— une petite phrase de dialogue stylay on sait jamais</div>Etiam egestas tortor a risus ultricies aliquam. Quisque pretium vehicula felis ac suscipit. Etiam rhoncus, elit et consequat gravida, urna purus suscipit urna, at gravida tortor turpis at mauris. Praesent in tempus neque. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus mattis a lacus eu lacinia. Vivamus laoreet auctor egestas. Maecenas eu eros vel nisi sodales commodo et non eros. In in pellentesque lorem, vel lacinia ex. Etiam venenatis pulvinar augue vehicula aliquet. Vestibulum eu orci tristique, ultricies ligula ac, tincidunt tellus. </div></div>
<style>.sanguis_fiche_rp{background-image: url(https://imgur.com/r3JEpmy.png); padding: 20px; margin: 0 auto; width: 500px; display: flex; flex-wrap: wrap; justify-content: space-between; border-radius: 25px; position: relative;}.sanguis_fiche_rp_ima{width: 560px; height: 150px; overflow: hidden;}.sanguis_fiche_rp_ima img{border-radius: 20px; width: 100%;}.sanguis_fiche_rp_title{width: 100%; padding-left: 20px; font: 40px nouvelle vague; text-transform: lowercase; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: linear-gradient(120deg, #96a9bb 0%, #a4bfd9 100%); text-align: center; position: relative;}.sanguis_fiche_rp_sub{color: #ccc; font: 10px calibri; text-align: center; text-transform: uppercase; letter-spacing: 2px; margin: 10px 0px; width: 100%;}.sanguis_fiche_rp_txt{margin: 10px; padding: 10px; text-align: justify; color: #454545; background: #ccc; font: 12px calibri;}.sanguis_rp_bold{padding: 5px; margin: 10px 0px; color: #ccc; background: #454545; border-left: 10px solid #96a9bb;}</style>
# Re: [COMMANDE] - Les fiches - Mar 26 Oct - 7:37
Admin
Admin
1321/10/2021
# Re: [COMMANDE] - Les fiches - Mar 26 Oct - 20:05
Admin
Admin
1321/10/2021
# Re: [COMMANDE] - Les fiches - Mar 26 Oct - 20:06
Contenu sponsorisé
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|