Nathie
Sam 11 Mai 2024 - 4:52
Il vou faudra faire quelques mathématiques pour les barres de personnalité qui vous faudra modifier la couleur et la longueur de ces dernières. Le total des deux barres (la grise + la couleur) est un total de 200px
- La liste rp qui va avec cette fiche de liens; ici
Prénom Nom
Avatar: Nom de la célébrité
Info ✶ Info ✶ Info ✶ Info ✶ Info
16 %
84 %
Extravertie
Introvertie
62 %
38 %
Intuitive
Observatrice
29 %
71 %
Pensée
Sentiment
30 %
70 %
Jugement
Prospection
20 %
80 %
Assurée
Prudente
One good anecdote is worth a volume of biography
Φ Anedoctes
Φ Anedoctes
Φ Anedoctes
Φ Anedoctes
Φ Anedoctes
Φ Anedoctes
Φ Anedoctes
Φ Anedoctes
Φ Anedoctes
Φ Anedoctes
Φ Anedoctes
Φ Anedoctes
Φ Anedoctes
Φ Anedoctes
Φ Anedoctes
Random facts
Treasure your relationships, not your possessions
- Code:
<link href="https://dl.dropboxusercontent.com/scl/fi/yu4v4kj9uf7534rkxwghj/LiensAprilPart1.css?dl=0&rlkey=6axo3zjwz7mhouydethqz9ymx" rel="stylesheet" type="text/css" /><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Ms+Madi&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@500&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Asap:ital@1&display=swap" rel="stylesheet"><style>#BoxEverything {background-color:#fff;border-bottom:5px solid #fa6900;} #PrenomNom {color:#69d2e7;text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;} #NomVava {color:#fa6900;} #ColorTime {background: linear-gradient(to right, #69d2e7, #e0e4cc, #fa6900);} #BarreMiniInfo {background-color:#f38630;color:#fff;} .ImgDeco1 {border-left:3px solid #fa6900;border-right:3px solid #69d2e7;} .Pourcentage {color:#101010;} #EspritBarre1 {width:32px;background-color:#eee;} #EspritBarre2 {width:168px;background-color:#4298b4;} #EspritBarre3 {width:124px;background-color:#e4ae3a;} #EspritBarre4 {width:76px;background-color:#eee;} #EspritBarre5 {width:58px;background-color:#eee;} #EspritBarre6 {width:142px;background-color:#33a474;} #EspritBarre7 {width:60px;background-color:#eee;} #EspritBarre8 {width:140px;background-color:#88619a;} #EspritBarre9 {width:40px;background-color:#eee;} #EspritBarre0 {width:160px;background-color:#f25e62;} .EnoncerPersoGauche {color:#101010;} .EnoncerPersoDroit {color:#101010;} #TitleAnedocte {color:#69d2e7;border-bottom:1px solid #e0e4cc;} #Anedoctes {border-image: linear-gradient(to left, #69d2e7, #e0e4cc, #fa6900) 1;} #ContenuAnedoctes {color:#101010;} #ContenuAnedoctes::-webkit-scrollbar-track {background: #ffffff;} #ContenuAnedoctes::-webkit-scrollbar-thumb {background: #69d2e7;} #ContenuAnedoctes::-webkit-scrollbar-thumb:hover {background: #e0e4cc;} #TitleVrac {color:#69d2e7;border-bottom:1px solid #e0e4cc;} #VracTime {border-image: linear-gradient(to right, #69d2e7, #e0e4cc, #fa6900) 1;} #ContenuVracTime {color:#101010;} #ContenuVracTime::-webkit-scrollbar-track {background: #ffffff;} #ContenuVracTime::-webkit-scrollbar-thumb {background: #fa6900;} #ContenuVracTime::-webkit-scrollbar-thumb:hover {background: #e0e4cc;} #LiensRecherches {color:#fa6900;border-bottom:1px solid #e0e4cc;} #BoxLiensRecherches { border-image: linear-gradient(to bottom, #e0e4cc, #69d2e7) 1;} #ContenuLiensRecherches {color:#101010;} any {color:#f38630;} #ContenuLiensRecherches::-webkit-scrollbar-track {background: #ffffff;} #ContenuLiensRecherches::-webkit-scrollbar-thumb {background: #69d2e7;} #ContenuLiensRecherches::-webkit-scrollbar-thumb:hover {background: #e0e4cc;} .ImgDeco2 {border-left:2px solid #69d2e7;border-right:2px solid #fa6900;} ora {box-shadow: inset 0 -4px 0 #f38630;} blu {box-shadow: inset 0 -4px 0 #a7dbd8;}</style><center><div id="ImgIntro"><img src="https://i.imgur.com/otp2kf6.png"></div><div id="BoxEverything"><div id="PrenomNom">Prénom Nom</div><div id="NomVava">Avatar: Nom de la célébrité</div><div id="ColorTime"></div><div id="BarreMiniInfo">Info ✶ Info ✶ Info ✶ Info ✶ Info</div><div id="PartInfo"><div id="Img1"><img src="https://i.imgur.com/sU3QxAk.png" class="ImgDeco1"> <img src="https://i.imgur.com/ePLNlLK.png" class="ImgDeco1"></div><div id="BoxPersoTest"><div class="Personnality"><div class="Pourcentage">16 %</div> <div id="EspritBarre1"></div><div id="EspritBarre2"></div> <div class="Pourcentage">84 %</div><div class="EnoncerPersoGauche">Extravertie</div><div class="EnoncerPersoDroit">Introvertie</div></div><div class="Personnality"><div class="Pourcentage">62 %</div> <div id="EspritBarre3"></div><div id="EspritBarre4"></div> <div class="Pourcentage">38 %</div><div class="EnoncerPersoGauche">Intuitive</div><div class="EnoncerPersoDroit">Observatrice</div></div><div class="Personnality"><div class="Pourcentage">29 %</div> <div id="EspritBarre5"></div><div id="EspritBarre6"></div> <div class="Pourcentage">71 %</div><div class="EnoncerPersoGauche">Pensée</div><div class="EnoncerPersoDroit">Sentiment</div></div><div class="Personnality"><div class="Pourcentage">30 %</div> <div id="EspritBarre7"></div><div id="EspritBarre8"></div> <div class="Pourcentage">70 %</div><div class="EnoncerPersoGauche">Jugement</div><div class="EnoncerPersoDroit">Prospection</div></div><div class="Personnality"><div class="Pourcentage">20 %</div> <div id="EspritBarre9"></div><div id="EspritBarre0"></div> <div class="Pourcentage">80 %</div><div class="EnoncerPersoGauche">Assurée</div><div class="EnoncerPersoDroit">Prudente</div></div></div></div><div class="InfoEnVrac"><div id="TitleAnedocte">One good anecdote is worth a volume of biography</div><div id="Anedoctes"><div id="ContenuAnedoctes">Φ Anedoctes
Φ Anedoctes
Φ Anedoctes
Φ Anedoctes
Φ Anedoctes
Φ Anedoctes
Φ Anedoctes
Φ Anedoctes</div></div></div><div class="InfoEnVrac"> <div id="TitleVrac">Random facts</div><div id="VracTime"><div id="ContenuVracTime"><blu>Café ou thé?</blu> Réponse / <ora>Animal préféré?</ora> Réponse / <blu>Créature marine préférée?</blu> Réponse / <ora>Couleur préférée?</ora> Réponse / <blu>Un cocktail?</blu> Réponse / <ora>Plat préféré?</ora> Réponse / <blu>Permis de conduire?</blu> Réponse / <ora>Saison préférée?</ora> Réponse / <blu>Sucré ou salé?</blu> Réponse / <ora>Croit en l’astrologie?</ora> Réponse / <blu>Type de littérature préféré?</blu> Réponse / <ora>Fumeur?</ora> Réponse / <blu>Matière forte?</blu> Réponse / <ora>Une fleur?</ora> Réponse / <blu>Chat ou chien?</blu> Réponse / <ora>Groupe sanguin?</ora> Réponse</div></div></div><div id="WantedTime"><div id="AllWanted"><div id="LiensRecherches">Treasure your relationships, not your possessions</div><div id="BoxLiensRecherches"><div id="ContenuLiensRecherches"><any>Titre du lien (M/F/NB) ✶</any> Description du lien.
<any>Titre du lien (M/F/NB) ✶</any> Description du lien.
<any>Titre du lien (M/F/NB) ✶</any> Description du lien.
<any>Titre du lien (M/F/NB) ✶</any> Description du lien.</div></div></div><div id="Img2"><img src="https://64.media.tumblr.com/65dc012c2e133632ccedb0cebbb5032f/559db3bef2afae2b-1a/s250x400/02af0864f8c81638d86c3755da8d8501378511e9.pnj" class="ImgDeco2"></div></div></div><div id="SignaNathie"><a href="https://pisrale.forumactif.com/" target="_blank">by Nathie</a></div></center>
Nathie
Sam 11 Mai 2024 - 4:55
Titre pour les liens
Prénom Nom
• ✧ Titre du lien ✧ •
Quare hoc quidem praeceptum, cuiuscumque est, ad tollendam amicitiam valet; illud potius praecipiendum fuit, ut eam diligentiam adhiberemus in amicitiis comparandis, ut ne quando amare inciperemus eum, quem aliquando odisse possemus. Quin etiam si minus felices in diligendo fuissemus, ferendum id Scipio potius quam inimicitiarum tempus cogitandum putabat.
Prénom Nom
• ✧ Titre du lien ✧ •
Quare hoc quidem praeceptum, cuiuscumque est, ad tollendam amicitiam valet; illud potius praecipiendum fuit, ut eam diligentiam adhiberemus in amicitiis comparandis, ut ne quando amare inciperemus eum, quem aliquando odisse possemus. Quin etiam si minus felices in diligendo fuissemus, ferendum id Scipio potius quam inimicitiarum tempus cogitandum putabat.
- Code:
<link href="https://dl.dropboxusercontent.com/scl/fi/5xmlnc3j7eyh7gnrbc4zo/LiensAprilPart2.css?dl=0&rlkey=hjfnn7vuyix5i6pascn42cei7" rel="stylesheet" type="text/css" /><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Ms+Madi&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@500&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Asap:ital@1&display=swap" rel="stylesheet"><style>#TitleLiens {color:#101010;border-top:1px dotted #69d2e7;border-bottom:1px dotted #fa6900;} .IconLiens {border-left:2px solid #69d2e7;border-right:2px solid #fa6900;} .Appreciation {background-color:#e0e4cc;} .progress-bar2 {background-color: #fff;} .progress-bar-fill2 {background-color: #fa6900;} .BoxLiens {background-color:#fff;border-top:3px solid #69d2e7;border-bottom:8px solid #fa6900;} .PrenomNomLien {background-color:#e0e4cc;color:#101010;} .TitreLien{background-color:#a7dbd8;color:#101010;} .BarreSep {background-color:#f38630;} .RPListeLien {color:#101010;border:2px solid #69d2e7;} .RPListeLien a {color:#f38630;} .RPListeLien a:hover {color:#e0e4cc;} .BoxDescripLien {background-color:#fff;border-image: linear-gradient(to top, #69d2e7, #e0e4cc, #fff) 1;} .ContenuDescripLien {color:#101010;} .ContenuDescripLien::-webkit-scrollbar-track {background: #ffffff;} .ContenuDescripLien::-webkit-scrollbar-thumb {background: #69d2e7;} .ContenuDescripLien::-webkit-scrollbar-thumb:hover {background: #e0e4cc;}</style><center><div id="TitleLiens">Titre pour les liens</div><div class="AllTheBoxesLien"><!-- DÉBUT LIEN --><div class="BoxIconBar"><div class="ImgLien"><img src="https://i.imgur.com/qBKxfxE.png" class="IconLiens"></div><div class="Appreciation"><div class="wrapper2"><div class="progress-bar2"><span class="progress-bar-fill2" style="width: 50%;"></span></div></div></div></div><div class="BoxLiens"><div class="PrenomNomLien">Prénom Nom</div><div class="TitreLien">• ✧ Titre du lien ✧ •</div><div class="BarreSep"></div><div class="RPListeLien">RP: <a href="#" target="_blank">✶</a> <a href="#" target="_blank">✷</a> <a href="#" target="_blank">✶</a></div><div class="BoxDescripLien"><div class="ContenuDescripLien">Quare hoc quidem praeceptum, cuiuscumque est, ad tollendam amicitiam valet; illud potius praecipiendum fuit, ut eam diligentiam adhiberemus in amicitiis comparandis, ut ne quando amare inciperemus eum, quem aliquando odisse possemus. Quin etiam si minus felices in diligendo fuissemus, ferendum id Scipio potius quam inimicitiarum tempus cogitandum putabat.</div></div></div><!-- FIN LIEN --><!-- DÉBUT LIEN --><div class="BoxIconBar"><div class="ImgLien"><img src="https://i.imgur.com/qBKxfxE.png" class="IconLiens"></div><div class="Appreciation"><div class="wrapper2"><div class="progress-bar2"><span class="progress-bar-fill2" style="width: 50%;"></span></div></div></div></div><!-- FIN LIEN --><!-- DÉBUT LIEN --><div class="BoxLiens"><div class="PrenomNomLien">Prénom Nom</div><div class="TitreLien">• ✧ Titre du lien ✧ •</div><div class="BarreSep"></div><div class="RPListeLien">RP: <a href="#" target="_blank">✶</a> <a href="#" target="_blank">✷</a> <a href="#" target="_blank">✶</a></div><div class="BoxDescripLien"><div class="ContenuDescripLien">Quare hoc quidem praeceptum, cuiuscumque est, ad tollendam amicitiam valet; illud potius praecipiendum fuit, ut eam diligentiam adhiberemus in amicitiis comparandis, ut ne quando amare inciperemus eum, quem aliquando odisse possemus. Quin etiam si minus felices in diligendo fuissemus, ferendum id Scipio potius quam inimicitiarum tempus cogitandum putabat.</div></div></div><!-- FIN LIEN --></div><div id="SignaNathie"><a href="https://pisrale.forumactif.com/" target="_blank">by Nathie</a></div></center>
Pour ajouter un lien, simplement ajouter cette section après le dernier commentaire FIN LIEN -->
- Code:
<!-- DÉBUT LIEN --><div class="BoxLiens"><div class="PrenomNomLien">Prénom Nom</div><div class="TitreLien">• ✧ Titre du lien ✧ •</div><div class="BarreSep"></div><div class="RPListeLien">RP: <a href="#" target="_blank">✶</a> <a href="#" target="_blank">✷</a> <a href="#" target="_blank">✶</a></div><div class="BoxDescripLien"><div class="ContenuDescripLien">Quare hoc quidem praeceptum, cuiuscumque est, ad tollendam amicitiam valet; illud potius praecipiendum fuit, ut eam diligentiam adhiberemus in amicitiis comparandis, ut ne quando amare inciperemus eum, quem aliquando odisse possemus. Quin etiam si minus felices in diligendo fuissemus, ferendum id Scipio potius quam inimicitiarum tempus cogitandum putabat.</div></div></div><!-- FIN LIEN -->