Re: Commande de code !

Je te le redis ici mais merci beaucouuuuuuuuuuuup pour les codes !! Ils rendent trop bien, trop de talent en toi !! Commande de code ! - Page 2 2551790225

17/04/2022

Coucouuuu beauté des îles ! Je viens pour te demander un petit quelque chose é_è
Si jamais y a des trucs qui sont pas possibles à faire (genre les class, je sais pas si tu peux), c'est pas grave, tu as l'idée globale.

Je te remercie d'avance

Quel est la demande ? [X]Fiche RP [X]Fiche Lien []Réparation de code
Quel texte voulez-vous ? Voir plus bas.
Quel ambiance ? Plutôt sombre si possible.
Quels sont vos images pour le header ? Oula j'ai pas. Je te fais entièrement confiance owo
Une idée de ce que vous désirez ?

- Page principale :

Code:: [center][img]https://i.imgur.com/vJ1UfC2.png[/img][/center] <center><div style="width:250px;font-family:Niconne, cursive;font-size:15px;text-align:left;margin-left:50px;">[font=Courier New][b]Liens recherchés et Rps[/b][/font]</div> <div style="width:250px;height:125px;background-color:#EDEDED;"><div style="width:225px;height:100px;overflow:auto;padding:10px;text-align:justify;font-family:'Noto Serif', serif;font-size:10px;line-height:11px;"> [color=#4b7d5a][b]♂/♀ Amis[/b][/color] » Bien qu'Alex soit quelqu'un d'assez associable, il lui arrive de se faire des amis. Des gens qui comprennent sa timidité et essaient, peut-être, de le faire sortir de sa coquille. [color=#4b7d5a][b]♂/♀ Meilleurs amis[/b][/color] » Au nombre de deux, un garçon et une fille, des gens avec qui Alex est à l'aise et peut être lui-même. Dont il n'a besoin d'aucun artifice ou ne doit en aucun cas choisir ses mots pour leur parler. [color=#4b7d5a][b]♀ Âme sœur[/b][/color] » Quelqu'un qui ferait battre son coeur et lui apprendrait les joies d'être amoureux et en couple. [b][u]/!\ ALCHIMIE OBLIGATOIRE ENTRE LES DEUX PERSONNAGES INRP./!\[/u][/b] [color=#7d4b4d][b]♂/♀ Ennemis[/b][/color] » Bon nombre de gens détestent Alex pour sa façon d'être, le prenant pour quelqu'un de snob ou de froid. Avoir un caractère comme le sien ne fait pas que des amis malheureusement... [color=#4b617d][b]♂/♀ Tout autre type de lien[/b][/color] » Soyez créatifs !</div></div> <center> <div style="width:250px;height:125px;background-color:#EDEDED;"><div style="width:225px;height:100px;overflow:auto;padding:10px;text-align:justify;font-family:'Noto Serif', serif;font-size:10px;line-height:11px;"> Description caractère. </div></div> <img src="https://i.imgur.com/UborFpr.png" width="100" height="100" alt="tumblr_pldriapqFw1vhn3j2_500.jpg" /> <img src="https://i.imgur.com/D1JEgJB.png" width="100" height="100" alt="tumblr_pldrid45h91vhn3j2_500.jpg" /> <img src="https://i.imgur.com/kd02XdF.png" width="100" height="100" alt="tumblr_pldrid45h91vhn3j2_500.jpg" /> <div style="width:250px;height:200px;background-color:#EDEDED;"><div style="width:225px;height:200px;overflow:auto;padding:10px;text-align:justify;font-family:'Noto Serif', serif;font-size:10px;line-height:11px;"><center><b>En cours</b> »</center> [url=https://miraculousquest.forumactif.com/t699-rencontre-au-cafe-pv-alexandre-thomas#4263][color=#6d6890]Rencontre au café[/color][/url] - [url=https://miraculousquest.forumactif.com/u92]<strong class="hero">Hayden Anderson</strong>[/url] [url=https://miraculousquest.forumactif.com/t700-quand-on-cherche-le-graal-et-qu-on-trouve-la-dame-du-lac-ft-ayane-agana-belea#4267][color=#6d6890]Quand on cherche le Graal, et qu'on trouve la Dame du Lac[/color][/url] - [url=https://miraculousquest.forumactif.com/u108]<strong class="gardien">Ayane Agana-Béléa</strong>[/url] [url=https://miraculousquest.forumactif.com/t702-le-tp-de-la-honte-ft-dylane-robinson#4278][color=#6d6890]Le TP de la honte[/color][/url] - [url=https://miraculousquest.forumactif.com/u102]<strong class="impartial">Dylane Robinson</strong>[/url] [url=https://miraculousquest.forumactif.com/t710-une-soiree-un-peu-trop-arrosee-ft-alya-cesaire#4337][color=#6d6890]Une soirée un peu trop arrosée[/color][/url] - [url=https://miraculousquest.forumactif.com/u69]<strong class="hero">Alya Césaire</strong>[/url] </div><div><div style="font-family:'Noto Serif', serif;font-size:8px;opacity:.5;"><a href="http://libre-service.tumblr.com"></a></div></div></div></center> <center><div style="width:250px;height:200px;background-color:#EDEDED;"><div style="width:225px;height:200px;overflow:auto;padding:10px;text-align:justify;font-family:'Noto Serif', serif;font-size:10px;line-height:11px;"><center><b>Terminés</b> »</center> [url=https://miraculousquest.forumactif.com/t703-une-rencontre-fortuite-pv-alex][color=#6d6890]Une rencontre fortuite[/color][/url] - [url=https://miraculousquest.forumactif.com/u69]<strong class="hero">Alya Césaire</strong>[/url] </div><div><div style="font-family:'Noto Serif', serif;font-size:8px;opacity:.5;"><a href="http://libre-service.tumblr.com"></a></div></div></div></center> <div><div style="font-family:'Noto Serif', serif;font-size:8px;opacity:.5;"><a href="http://libre-service.tumblr.com"></a></div></div> <center><div style="width:250px;height:200px;background-color:#EDEDED;"><div style="width:225px;height:200px;overflow:auto;padding:10px;text-align:justify;font-family:'Noto Serif', serif;font-size:10px;line-height:11px;"><center><b>Abandonnés</b> »</center> Aucun. </div><div><div style="font-family:'Noto Serif', serif;font-size:8px;opacity:.5;"><a href="http://libre-service.tumblr.com">#iwhae</a></div></div></div></center> [hide] [code]Gardien - #149BCC Héros - #CC2554 Impartial - #B8870B Vilain - #AA00CC Civil - #2C9E06 <strong class="Nom de la class"></strong> gardien hero impartial vilain civil [/code] [/hide] [center][color=#4b7d5a][b]positifs[/b][/color] / [color=#7d4b4d][b]négatifs[/b][/color] / [color=#4b617d][b]neutres[/b][/color][/center] </center>

C'est le code que j'utilise actuellement depuis plusieurs années. J'apprécie beaucoup la pagination (le fait que cela soit très restreint sur les côtés, mais j'ai l'impression que cela marche bien pour moi uniquement car je mets mon navigateur en 125% (pour tout, je suis bigleux). L'idée serait d'avoir quelque chose de similaire, avec ces informations, mais avec un fond derrière car le blanc pète les yeux.

- Liens :

Code:: <center><div style="width:200px;font-family:Niconne, cursive;font-size:25px;text-align:left;margin-left:50px;">Ladies first</div> <img src="https://i.imgur.com/16RBYrQ.png" height="90" alt="bbYTOYy.png" /><div style="width:270px;font-family:Niconne, cursive;font-size:15px;text-align:left;margin-left:20px;"> <center><strong class="civil">[b]Françoise Thomas[/b]</strong></center></div><div style="width:200px;height:90px;background-color:#EDEDED;"><div style="width:175px;height:65px;overflow:auto;padding:10px;text-align:justify;font-family:'Noto Serif', serif;font-size:10px;line-height:11px;">[color=#4b7d5a]<b>MÈRE</b>[/color] [b]»[/b] Lien à écrire.</div></div> <img src="https://i.imgur.com/eH7eJBv.png" height="90" alt="bbYTOYy.png" /><div style="width:270px;font-family:Niconne, cursive;font-size:15px;text-align:left;margin-left:20px;"> <center><strong class="impartial">[b]Dylane Robinson[/b]</strong></center></div><div style="width:200px;height:90px;background-color:#EDEDED;"><div style="width:175px;height:65px;overflow:auto;padding:10px;text-align:justify;font-family:'Noto Serif', serif;font-size:10px;line-height:11px;">[color=#4b7d5a]<b>CAMARADE</b>[/color] [b]»[/b] Lien à écrire.</div></div> <img src="https://i.imgur.com/hajrDUq.png" height="90" alt="bbYTOYy.png" /><div style="width:270px;font-family:Niconne, cursive;font-size:15px;text-align:left;margin-left:20px;"> <center><strong class="gardien">[b]Ayane Agana-Béléa[/b]</strong></center></div><div style="width:200px;height:90px;background-color:#EDEDED;"><div style="width:175px;height:65px;overflow:auto;padding:10px;text-align:justify;font-family:'Noto Serif', serif;font-size:10px;line-height:11px;">[color=#4b7d5a]<b>DAME DU LAC</b>[/color] [b]»[/b] Lien à écrire.</div></div> <img src="https://cdn.discordapp.com/attachments/966304549008707614/966319623601528883/unknown.png" height="90" alt="bbYTOYy.png" /><div style="width:270px;font-family:Niconne, cursive;font-size:15px;text-align:left;margin-left:20px;"> <center><strong class="hero">[b]Alya Césaire[/b]</strong></center></div><div style="width:200px;height:90px;background-color:#EDEDED;"><div style="width:175px;height:65px;overflow:auto;padding:10px;text-align:justify;font-family:'Noto Serif', serif;font-size:10px;line-height:11px;">[color=#4b7d5a]<b>AMITIE BRUSQUE</b>[/color] [b]»[/b] Alex a rencontré Alya durant une soirée auquel il fut obligé de venir à cause d'un de ses amis, Matthieu. La jolie fille au teint caramel fit le premier pas pour discuter. Ils passèrent une très bonne soirée ensemble, jusqu'à ce qu'ils se touchent la main et qu'Alex doive partir de la soirée avec son ami. Par chance, Alya les suivirent jusqu'à chez lui. Il apprécie beaucoup la compagnie de celle-ci.</div></div> <img src="https://i.imgur.com/XAzR3NN.png" height="90" alt="bbYTOYy.png" /><div style="width:270px;font-family:Niconne, cursive;font-size:15px;text-align:left;margin-left:20px;"> <center><strong class="hero">[b]Marinette Dupain-Cheng[/b]</strong></center></div><div style="width:200px;height:90px;background-color:#EDEDED;"><div style="width:175px;height:65px;overflow:auto;padding:10px;text-align:justify;font-family:'Noto Serif', serif;font-size:10px;line-height:11px;">[color=#4b7d5a]<b>BFF D'ALYA</b>[/color] [b]»[/b] Croisée très rapidement à la même soirée qu'Alya, cette dernière l'a observé toute la soirée et lui a demandé son numéro à un moment peu opportun. Il a cédé son numéro peu après.</div></div> <div style="font-family:'Noto Serif', serif;font-size:8px;opacity:.5;"><a href="http://libre-service.tumblr.com">#iwhae</a></div></center>

Pareil qu'en haut. Si possible de rajouter une class en gardant les mêmes couleurs pour positif négatif neutre, histoire qu'au lieu de chercher la couleur à chaque fois, je puisse juste noter la class avec "positif" ça met en vert, "negatif" ça met en rouge, et "neutre" ça met bleu. (Les couleurs sont en bas de la première page, je les note pour que les gens comprennent mon code couleur pour l'intitulé du lien).

- RP :

Code:: <center><div style="width:195px;height:70px;background-color:#b6bbd8;"><div style="font-family:Comfortaa, cursive;font-size:11px;text-align:center;border-bottom:1px solid #22a1d4;color:#000000;padding-top:10px;">[b]Une soirée un peu trop arrosée[/b]</div><div style="font-family:Comfortaa, cursive;color:#000000;font-size:10px;text-align:center;padding-top:10px;"><strong class="hero">[b]Alexandre Thomas[/b]</strong> & <strong class="hero">[b]Alya Césaire[/b]</strong></div></div><img src="" style="height:75px;border-left:1px solid #8FA3CC;opacity:.7;" alt="" /><div style="width:345px;font-family:'Open Sans', sans-serif;font-size:13px;text-align:justify;line-height:12px;padding-top:13px;"> Alex se sentait très étrange depuis ces quelques longues minutes. Ce sentiment d’avoir aidé quelqu’un et d’être utile. C’était quelque chose qu’il n’aurait jamais pensé ressentir, ainsi que des sentiments très puissants envers une personne. Etait-ce cela que les gens appelaient “coup de foudre” ? Ou n’était-ce que l’indéniable besoin affectif d’Alex qui apparaissait après vingt années uniquement ? Non, cela ne pouvait pas être cette dernière option. Il avait vécu toute sa vie dans une certaine “froideur sociale” qu’il s’était accoutumé et était une prolongation de son caractère. Mais aujourd’hui, c’était différent. Il appréciait les gestes d'Alya. De plus en plus. Le fait qu’elle le remerciait pour quelque chose qui lui semblait si naturel, alors que pourtant cela allait à l’encontre de toutes ses croyances sur lui-même, qu’il n’était en aucun cas capable d’aider ainsi qui que ce soit. Et pourtant le voilà, entrain de rassurer une personne en chair et en os, et non par le biais d’un quelconque dispositif informatique. Avoir effondré sa barrière. Devait-il s’en réjouir ou comprendre cela comme un avoeu de faiblesse de la part d’Alya ? Une faiblesse qu’elle ne voulait en aucun cas montrer au monde, et encore moins à un inconnu. Un inconnu qui allait disparaître sitôt qu’elle aurait quitté l’appartement. Si il vivait dans une série télévisée, c’était le moment de l’embrasser pour lui laisser un “souvenir” de lui dont elle ne pourrait se défaire pendant plusieurs heures, peut-être plusieurs jours. Mais entre le câlin et le baiser sur le front… Alex était déjà beaucoup sortie de sa zone de confort pour ce soir. Lorsqu’elle eut sa dernière phrase, cela fit comme un coup de tonnerre dans sa tête. Une phrase dite avant de devoir partir. Et si il ne la voyait plus ? Que les deux jeunes gens reprenaient leur vie sans jamais se revoir ? Ils étaient si différents après tout, certains pourraient dire qu’ils étaient même complémentaires. Le garçon fuyait son regard tandis qu’il posa sa main sur un de ses bras, venant doucement griffer la chair, avant de planter ses ongles à l’intérieur, trahissant un certain stress. [center][color=#9592ce][b]J’aimerais te revoir.[/b][/color][/center] Il planta ses ongles plus profondément en disant cela, ses yeux se plissèrent légèrement en ayant peur de sa réaction. Peut-être n’était-il pour lui qu’un moyen d’extérioriser ses souci ce soir mais qu’à partir de demain il n’existerait plus pour la jeune martiniquaise. Alex avait la fâcheuse tendance à toujours imaginer les pires scénarios, et dans celui-ci, Alya lui disait qu’elle ne voulait plus jamais le revoir mais le remerciait tout de même pour ce qu’il avait fait. Cela lui briserait le coeur. Pourquoi la pensée de la perdre lui faisait si mal ? Elle n’était personne… Une inconnue dans la foule. Son inconnue… Sa lueur d'espoir…

Pour le RP, si c'est possible de mettre une class "alex", "baudroie", "suuira" avec les couleurs suivantes respectives : Alex en #9592ce ; Baudroie en #355451 ; Suuira en #00ccff. De plus, peut-être aggrandir un peu le format pour qu'il soit moins "collé", mais garder l'esprit de lire une page d'un livre. J'aimerais aussi pouvoir ajouter des icônes devant les messages si c'est possible.

Si il y a des choses qui ne sont pas possible ce n'est pas grave, ce sont juste des idées. J'ai entièrement confiance en ton jugement krkrkr

[b]Une précision ?[/b] Tout est au dessus. Le but serait de "rafraîchir" ce système que j'utilise depuis facile 2019. Et le tout avec un fond sombre mais plus dans les tons bleu foncé comme Twitter sombre (celui bleu pas noir) ou un gris comme discord. Pas du noir profond.

27/02/2022

Bien le bonjour (ou bonsoir à toi de voir !) Smile

J'aimerais passer commande pour un code de lien et de rp pour faire les choses carrés s'il te plait ^^
Je vais essayer d'étayer ma demande avec des images quand j'en trouverais pour te les envoyer en PV s'il faut. Merci beaucoup à l'attention que tu y portera, si besoin de précision hésite pas à me MP ^^

Quel est la demande ? [X]Fiche RP [X]Fiche Lien []Réparation de code
Quel texte voulez-vous ? (dans l'optique ou vous voulez des textes en haut du rp !
Quel ambiance ? Plutôt sombre, clair ? contrasté ? ne ambiance plutôt sombre, grisâtre
Quels sont vos images pour le header ? (mettre le lien direct de l'image) Heu... J'en ai pas ? Il en faut ?
Une idée de ce que vous désirez ? Hésitez pas à mettre des dessins ! J'ai pas de dessin, mais j'aimerais bien un style qui fasse penser à une dossier administratif (genre la police, je sais pas si je suis clair ^^'), comme un rapport de police pour le rp et comme une sorte de... Dossier d'agent pour la fiche de lien ?
Une précision ?

01/12/2021

BIEN LE BONSOIR / BONJOUR !

Konrad, j'ai bien pris en compte ta demande et je la traite ce soir ou demain Smile

Alexandre, tu trouveras ci-joint ta demande (composé de 3 morceaux). Je n'ai pas voulu modifier trop ton code comme la demande se baser plutôt sur une restructuration en terme de couleur Smile

Si tu souhaites des améliorations, hésite pas à me contacter en pv, je m'occuperais de cela.

Petite précision : Pour la partie fiche RP, j'ai laissée le code directement dans le dialogue pour que tu puisse changer manuellement assez rapidement les couleurs et l'image. L'image ne pouvait pas être mise dans une div spécifique, le code texte lui par contre, peut être adapté pour que cela réponde a ton besoin de Suuira ect.

Partie 1:

Code:: <style>.fichelien{background-color: #636363; width:600px; height:auto; margin: auto; outline: 1px solid #f2f2f2; outline-offset: 5px;} .titrelienrp{ background-color: #ababab; padding: 10px; text-align: center; color: white; font-weight: 600; letter-spacing: 6px;} .recherchelien{width:365px; height:100px; overflow:auto; padding:10px; text-align:justify; font-family:'Noto Serif', serif; font-size:10px; line-height:11px; margin: auto; background-color: #e2e2e2;} .caracterelien{width:250px;height:125px;background-color:#EDEDED;} .textecaractlien{height:80px;overflow:auto;padding:10px;text-align:justify;font-family:'Noto Serif', serif;font-size:12px;line-height:11px;} .imagelien{margin: auto; width: 383px; background-color: white;} .rpencours{height:200px; overflow:auto; padding:10px; text-align:justify; font-family:'Noto Serif', serif; font-size:12px; line-height:11px;}</style> <div class="fichelien"><div class="entetelien"><img src="https://zupimages.net/up/22/17/8pxx.png"><div class="titrelienrp">Liens recherchés et Rps</div></div> <div class="recherchelien"><div style="ligneliensearch"><p style="color:#4b7d5a; font-weight:600; letter-spacing: 4px;">♂/♀ Amis</p><span style="font-size: 12px"> » Bien qu'Alex soit quelqu'un d'assez associable, il lui arrive de se faire des amis. Des gens qui comprennent sa timidité et essaient, peut-être, de le faire sortir de sa coquille.</span></div> <div class="ligneliensearch"><p style="color:#4b7d5a; font-weight:600; letter-spacing: 4px;">♂/♀ Meilleurs amis</p> <span style="font-size: 12px">» Au nombre de deux, un garçon et une fille, des gens avec qui Alex est à l'aise et peut être lui-même. Dont il n'a besoin d'aucun artifice ou ne doit en aucun cas choisir ses mots pour leur parler.</span></div> <div class="ligneliensearch"><p style="color:#4b7d5a; font-weight:600; letter-spacing: 4px;">♀ Âme sœur</p> <span style="font-size: 12px">» Quelqu'un qui ferait battre son coeur et lui apprendrait les joies d'être amoureux et en couple. <strong><u>/!\ ALCHIMIE OBLIGATOIRE ENTRE LES DEUX PERSONNAGES INRP./!\</u></strong></span></div> <div class="ligneliensearch"><p style="color:#7d4b4d; font-weight:600; letter-spacing: 4px;">♂/♀ Ennemis</p> <span style="font-size: 12px">» Bon nombre de gens détestent Alex pour sa façon d'être, le prenant pour quelqu'un de snob ou de froid. Avoir un caractère comme le sien ne fait pas que des amis malheureusement...</span></div> <div class="ligneliensearch"><p style="color:#4b617d; font-weight:600; letter-spacing: 4px;">♂/♀ Tout autre type de lien</p> <span style="font-size: 12px">» Soyez créatifs !</span></div></div> <div class="recherchelien"><div class="textecaractlien">Description caractère</div></div> <div class="imagelien"><img src="https://i.imgur.com/UborFpr.png" style="width:100px; height:100px; margin-right: 30px;"><img src="https://i.imgur.com/D1JEgJB.png" style="width:100px; height:100px; margin-right: 30px;"><img src="https://i.imgur.com/kd02XdF.png" style="width:100px; height:100px;"></div> <p class="titrelienrp" style="width: 366px; margin: auto;">En cours</p><div class="recherchelien"><div class="rpencours"> <a href="https://miraculousquest.forumactif.com/t699-rencontre-au-cafe-pv-alexandre-thomas#4263" class="postlink" target="_blank" rel="nofollow"><font color="#6d6890">Rencontre au café</font></a> - <a href="https://miraculousquest.forumactif.com/u92" class="postlink" target="_blank" rel="nofollow"><strong class="hero">Hayden Anderson</strong></a> <a href="https://miraculousquest.forumactif.com/t700-quand-on-cherche-le-graal-et-qu-on-trouve-la-dame-du-lac-ft-ayane-agana-belea#4267" class="postlink" target="_blank" rel="nofollow"><font color="#6d6890">Quand on cherche le Graal, et qu'on trouve la Dame du Lac</font></a> - <a href="https://miraculousquest.forumactif.com/u108" class="postlink" target="_blank" rel="nofollow"><strong class="gardien">Ayane Agana-Béléa</strong></a> <a href="https://miraculousquest.forumactif.com/t702-le-tp-de-la-honte-ft-dylane-robinson#4278" class="postlink" target="_blank" rel="nofollow"><font color="#6d6890">Le TP de la honte</font></a> - <a href="https://miraculousquest.forumactif.com/u102" class="postlink" target="_blank" rel="nofollow"><strong class="impartial">Dylane Robinson</strong></a> <a href="https://miraculousquest.forumactif.com/t710-une-soiree-un-peu-trop-arrosee-ft-alya-cesaire#4337" class="postlink" target="_blank" rel="nofollow"><font color="#6d6890">Une soirée un peu trop arrosée</font></a> - <a href="https://miraculousquest.forumactif.com/u69" class="postlink" target="_blank" rel="nofollow"><strong class="hero">Alya Césaire</strong></a></div></div> <p class="titrelienrp" style="width: 366px; margin: auto;">Terminés</p><div class="recherchelien"><div class="rpencours"> <a href="https://miraculousquest.forumactif.com/t703-une-rencontre-fortuite-pv-alex" class="postlink" target="_blank" rel="nofollow"><font color="#6d6890">Une rencontre fortuite</font></a> - <a href="https://miraculousquest.forumactif.com/u69" class="postlink" target="_blank" rel="nofollow"><strong class="hero">Alya Césaire</strong></a> </div></div> <p class="titrelienrp" style="width: 366px; margin: auto;">Abandonnés</p><div class="recherchelien"><div class="rpencours"> <a href="LIEN" class="postlink" target="_blank" rel="nofollow"><font color="#6d6890">TITRE RP</font></a> - <a href="LIENPERSO" class="postlink" target="_blank" rel="nofollow"><strong class="hero">Nom & prénom</strong></a> </div></div> </div>

Partie 2:

Code:: <style>.partielien{ background-color: #636363; width: 600px; height: auto; margin: auto; outline: 1px solid #f2f2f2; outline-offset: 5px;} .titrelien { background-color: #ababab; padding: 10px; text-align: center; color: white; font-weight: 600; letter-spacing: 6px;} .unlien{ display: flex; flex-direction: row; margin: auto; width: 420px; background-color: #EDEDED;} .unlien img{height: 110px; width:110px;} .nomlien{ background-color: #ababab; text-align: center; padding: 5px; width: 300px; color: white;} .droitelien .positif{ background-color: #4b7d5a; padding: 2px; text-align: center; margin-top: 1px; color: white;} .droitelien .neutre{ background-color: #4b617d; padding: 2px; text-align: center; margin-top: 1px; color: white;} .droitelien .negatif{ background-color: #7d4b4d; padding: 2px; text-align: center; margin-top: 1px; color: white;} .descrilien{ padding: 3px; margin-top: -9px; height: 45px; overflow: auto;}</style> <div class="partielien"><div class="titrelien">Ladies first</div> <div class="unlien"><img src="https://i.imgur.com/16RBYrQ.png"><div class="droitelien"><div class="nomlien">Françoise Thomas</div><p class="positif">Mère</p><div class="descrilien">Lien à écrire.</div></div></div> <div class="unlien"><img src="https://i.imgur.com/eH7eJBv.png"><div class="droitelien"><div class="nomlien">Dylane Robinson</div><p class="positif">Camarade</p><div class="descrilien">Lien à écrire.</div></div></div> <div class="unlien"><img src="https://i.imgur.com/hajrDUq.png"><div class="droitelien"><div class="nomlien">Ayane Agana-Béléa</div><p class="positif">Dame du Lac</p><div class="descrilien">Lien à écrire.</div></div></div> <div class="unlien"><img src="https://cdn.discordapp.com/attachments/966304549008707614/966319623601528883/unknown.png"><div class="droitelien"><div class="nomlien">Alya Césaire</div><p class="positif">Amitié Brusque</p><div class="descrilien">Alex a rencontré Alya durant une soirée auquel il fut obligé de venir à cause d'un de ses amis, Matthieu. La jolie fille au teint caramel fit le premier pas pour discuter. Ils passèrent une très bonne soirée ensemble, jusqu'à ce qu'ils se touchent la main et qu'Alex doive partir de la soirée avec son ami. Par chance, Alya les suivirent jusqu'à chez lui. Il apprécie beaucoup la compagnie de celle-ci.</div></div></div> <div class="unlien"><img src="https://i.imgur.com/XAzR3NN.png"><div class="droitelien"><div class="nomlien">Marinette Dupain-Cheng</div><p class="positif">BFF d'Alya</p><div class="descrilien">Croisée très rapidement à la même soirée qu'Alya, cette dernière l'a observé toute la soirée et lui a demandé son numéro à un moment peu opportun. Il a cédé son numéro peu après.</div></div></div> </div>

Fiche Rp:

Code:: <style>.ficherpalex{width: 620px; height: auto; text-align: justify; margin: auto; background-color: #322d32; display: flex; flex-direction: row;} .cotedroitrp{ width: 190px; background: url(https://i.imgur.com/pwcLIhY.png) no-repeat #3b363b; height: auto;} .cotedroitrp img{width:130px; height: 130px; border-radius: 100px; margin-top: 70px; margin-left: 20px; padding: 5.5%; border: 1px solid #d9d6d6;} .pseudomembre{ color: white; font-size: 10px; margin: auto; width: 140px; margin-top: 20px; font-style: italic;} .cotegaucherp{width: 430px;} .titrerpalex{display: flex; flex-direction: column; font-family: inherit; font-size: 13px; text-transform: uppercase; padding:20px; color:white; text-align: center; margin-top: 30px;} .contenuderp{background-color: #efefef; width: 340px; margin: auto; padding: 20px;} .credit{background-color: #3b363b; padding: 3px; text-align: center; color: white; font-size: 10px; margin-top: 10px;}</style> <div><div class="ficherpalex"><div class="cotedroitrp"><img src="https://i.pinimg.com/564x/7a/07/bd/7a07bd935adf4f6018ffcd560ea18bb3.jpg"><div class="pseudomembre">Fragment d'espoir, qui jaillit dans le noir. Étincelle de vie, qui éclaire, le chemin d'autrui. Parfum d'intensité et d'authenticité, ouvre les yeux, et observe-toi dans le miroir. Tu y verras, la personne que tu es réellement.</div></div><div class="cotegaucherp"><div class="titrerpalex"><span>Une soirée un peu trop arrosées</span><span style="font-size: 11px; text-transform: none;">Alexandre Thomas & Alya Césaire</span></div> <div class="contenuderp">Alex se sentait très étrange depuis ces quelques longues minutes. Ce sentiment d’avoir aidé quelqu’un et d’être utile. C’était quelque chose qu’il n’aurait jamais pensé ressentir, ainsi que des sentiments très puissants envers une personne. Etait-ce cela que les gens appelaient “coup de foudre” ? Ou n’était-ce que l’indéniable besoin affectif d’Alex qui apparaissait après vingt années uniquement ? Non, cela ne pouvait pas être cette dernière option. Il avait vécu toute sa vie dans une certaine “froideur sociale” qu’il s’était accoutumé et était une prolongation de son caractère. Mais aujourd’hui, c’était différent. Il appréciait les gestes d'Alya. De plus en plus. Le fait qu’elle le remerciait pour quelque chose qui lui semblait si naturel, alors que pourtant cela allait à l’encontre de toutes ses croyances sur lui-même, qu’il n’était en aucun cas capable d’aider ainsi qui que ce soit. Et pourtant le voilà, entrain de rassurer une personne en chair et en os, et non par le biais d’un quelconque dispositif informatique. Avoir effondré sa barrière. Devait-il s’en réjouir ou comprendre cela comme un avoeu de faiblesse de la part d’Alya ? Une faiblesse qu’elle ne voulait en aucun cas montrer au monde, et encore moins à un inconnu. Un inconnu qui allait disparaître sitôt qu’elle aurait quitté l’appartement. Si il vivait dans une série télévisée, c’était le moment de l’embrasser pour lui laisser un “souvenir” de lui dont elle ne pourrait se défaire pendant plusieurs heures, peut-être plusieurs jours. Mais entre le câlin et le baiser sur le front… Alex était déjà beaucoup sortie de sa zone de confort pour ce soir. Lorsqu’elle eut sa dernière phrase, cela fit comme un coup de tonnerre dans sa tête. Une phrase dite avant de devoir partir. Et si il ne la voyait plus ? Que les deux jeunes gens reprenaient leur vie sans jamais se revoir ? Ils étaient si différents après tout, certains pourraient dire qu’ils étaient même complémentaires. Le garçon fuyait son regard tandis qu’il posa sa main sur un de ses bras, venant doucement griffer la chair, avant de planter ses ongles à l’intérieur, trahissant un certain stress. <div style="display: flex; align-items: center;"><img src="https://i.pinimg.com/736x/00/3d/6b/003d6b6880d16f92fdc50c1655c9dbff.jpg" style="width: 70px; height: 70px; border: 6px solid #9592ce; border-radius: 90px; float: left;"><span style="margin-left: 10px; color:#9592ce; font-weight: 600;">J’aimerais te revoir.</span></div> Il planta ses ongles plus profondément en disant cela, ses yeux se plissèrent légèrement en ayant peur de sa réaction. Peut-être n’était-il pour lui qu’un moyen d’extérioriser ses souci ce soir mais qu’à partir de demain il n’existerait plus pour la jeune martiniquaise. Alex avait la fâcheuse tendance à toujours imaginer les pires scénarios, et dans celui-ci, Alya lui disait qu’elle ne voulait plus jamais le revoir mais le remerciait tout de même pour ce qu’il avait fait. Cela lui briserait le coeur. Pourquoi la pensée de la perdre lui faisait si mal ? Elle n’était personne… Une inconnue dans la foule. Son inconnue… Sa lueur d'espoir…</div><div class="credit">Alya Césaire</div></div>

01/12/2021

ET VOILAAAAAA

Coucou Konrad ! Alors je viens de finir ta commande !
Petite information, y a BEAUCOUP de styles en haut pour la première partie de la fiche de lien. Et pas mal dans le code en lui même. Si jamais tu as besoin d'indication, n'hésite pas !

Fiche lien partie 1:

Code:: <style>.fiche br{display:none;} .fiche input{display:none;} #informations:checked ~ .boutons .lab.infos{color:#fff; background-color: #8C8C8C;} #physique:checked ~ .boutons .lab.phys{color:#fff; background-color: #8C8C8C;} #informations:checked ~ .interne .contenu.infos{display:block} #physique:checked ~ .interne .contenu.phys {display:block;} .fiche .interne .contenu{display:none;} .contenu{width:90%; text-align:justify; font-size:13px; color:#000; padding:10px; margin-left:auto; margin-right:auto; margin-top:20px;} .fiche{width:600px; background-image: url(https://zupimages.net/up/22/17/f31p.png);; margin:auto;height: auto;} .boutons .lab{border-top-left-radius:20px; border-top-right-radius:20px; background-color:#B8BEC0; text-align:center; padding:9px 35px;} .entetefichelien{background-color: #FEF9E0; width: 420px; margin: auto; text-align: center; line-height: 10px; padding: 30px; outline: 1px #770500 solid; outline-offset: -10px;} .partinfofiche{display:flex; flex-direction:row; margin-left: 6%;} .titreinfoP{display:flex; flex-direction: row; margin-top: -10px; align-items: baseline;} .titreinfoP p{ margin-right: 10px; font-weight: 600;} .boutons{transform:rotate(-90deg); font-size:12px; color:#000; position:relative; left:-316px; top:-39px;} .partiDinfo{ background-color: #F5F5F5; padding: 20px; outline: 1px #B8B8B8 solid; outline-offset: -10px;} .recherchelien>p{ background-color: #5A5A5A; color: white; padding: 12px; width: 340px; padding-left: 30px; margin: 20px 20px 20px -30px;} .contenupartisearch{background-color: #F5F5F5; padding: 20px; height: 222px; overflow: auto;} .image_pre{float:left; width:200px; height:320px; margin-right:10px; overflow:hidden;} .titrerplien{ background-color: #FEF9E0; padding: 10px; margin-bottom: 10px; color: #770500; font-weight: 600; letter-spacing: 2px;} .partielienrp{ height: 146px; background-color: #F5F5F5; margin-bottom: 10px;} .titredurp {color: #5A5A5A; font: 15px Calibri; font-weight: bold; margin-left: 10px;} .liendurp {background-color: #f5f5f5; padding: 10px; color: #770500!important; border: 2px solid #770500; text-decoration: none; margin-right: 10px; font-weight: 500;}</style> <div class="fiche"> <input checked="" name="fiche" id="informations" type="radio" /> <input name="fiche" id="physique" type="radio" /> <input name="fiche" id="caractere" type="radio" /> <input name="fiche" id="ecran" type="radio" /> <div class="boutons"> <label for="physique" class="lab phys">Ses rp's</label> <label for="informations" class="lab infos">Informations</label></div> <div class="interne" style="margin-top: 30px; position: relative;"><div class="entetefichelien"><img style="position:absolute; width: 100px; top: -30px; right: 30px;" src="https://zupimages.net/up/22/17/ks37.png"><p style="text-transform: uppercase; font-size: 25px; font-family: fantasy; letter-spacing: 4px; color: #770500;">Dossier confidentiel</p><span>Konrad Fridèn</div><div class="contenu infos"> <div class="partinfofiche"><img style="position: absolute; width: 100px; top: 124px; left: 42px;" src="https://zupimages.net/up/22/17/vw47.png"><img style="margin-right: 10px;" src="http://nimga.fr/f/WhA2S.png" /><div class="partiDinfo"><div class="titreinfoP"><p>Nom : </p><span>Fridèn</span/></div> <div class="titreinfoP"><p>Prénom : </p><span>Konrad</span></div> <div class="titreinfoP"><p>Âge : </p><span>26 ans</span></div> <div class="titreinfoP"><p>Emploi : </p><span>Inspecteur de la Brigade Criminelle</span></div></div></div> <div class="recherchelien" style="margin-bottom: 30px;"><p>Ce qu’il recherche....</p><div class="contenupartisearch"><div class="titreinfoP"><p style="width: 230px;">Nom du lien </p><span style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue urna a arcu ultrices gravida. Curabitur tincidunt malesuada risus eu sollicitudin</span></div> <div class="titreinfoP"><p style="width: 230px;">Nom du lien </p><span style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue urna a arcu ultrices gravida. Curabitur tincidunt malesuada risus eu sollicitudin</span></div> <div class="titreinfoP"><p style="width: 230px;">Nom du lien </p><span style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue urna a arcu ultrices gravida. Curabitur tincidunt malesuada risus eu sollicitudin</span></div> <div class="titreinfoP"><p style="width: 230px;">Nom du lien </p><span style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue urna a arcu ultrices gravida. Curabitur tincidunt malesuada risus eu sollicitudin</span></div> <div class="titreinfoP"><p style="width: 230px;">Nom du lien </p><span style="font-size: 12px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue urna a arcu ultrices gravida. Curabitur tincidunt malesuada risus eu sollicitudin</span></div> </div></div> </div><div class="contenu phys"><div class="recherchelien"><p>Liste de ses Rp's....</p><div class="partielienrp" style="margin-bottom: 10px;"><div class="titrerplien">Mes rp’s en cours</div><div style="height:100px; overflow: auto;"> <div class="rpcontenu"><div class="unetest"><div class="deuxtest"> <span class="titredurp">Titre de ton rp ici</span> <span class="nomdupartorp">ft. Prénom Nom</span></div> <a class="liendurp" href="#">Confidentiel</a></div><hr></div> <div class="rpcontenu"><div class="unetest"><div class="deuxtest"> <span class="titredurp">Titre de ton rp ici</span> <span class="nomdupartorp">ft. Prénom Nom</span></div> <a class="liendurp" href="#">Confidentiel</a></div><hr></div> <div class="rpcontenu"><div class="unetest"><div class="deuxtest"> <span class="titredurp">Titre de ton rp ici</span> <span class="nomdupartorp">ft. Prénom Nom</span></div> <a class="liendurp" href="#">Confidentiel</a></div><hr></div> <div class="rpcontenu"><div class="unetest"><div class="deuxtest"> <span class="titredurp">Titre de ton rp ici</span> <span class="nomdupartorp">ft. Prénom Nom</span></div> <a class="liendurp" href="#">Confidentiel</a></div><hr></div></div> </div> <div class="partielienrp"><div class="titrerplien">Mes rp’s terminés</div><div style="height:100px; overflow: auto;"> <div class="rpcontenu"><div class="unetest"><div class="deuxtest"> <span class="titredurp">Titre de ton rp ici</span> <span class="nomdupartorp">ft. Prénom Nom</span></div> <a class="liendurp" href="#">Confidentiel</a></div><hr></div> <div class="rpcontenu"><div class="unetest"><div class="deuxtest"> <span class="titredurp">Titre de ton rp ici</span> <span class="nomdupartorp">ft. Prénom Nom</span></div> <a class="liendurp" href="#">Confidentiel</a></div><hr></div> <div class="rpcontenu"><div class="unetest"><div class="deuxtest"> <span class="titredurp">Titre de ton rp ici</span> <span class="nomdupartorp">ft. Prénom Nom</span></div> <a class="liendurp" href="#">Confidentiel</a></div><hr></div> <div class="rpcontenu"><div class="unetest"><div class="deuxtest"> <span class="titredurp">Titre de ton rp ici</span> <span class="nomdupartorp">ft. Prénom Nom</span></div> <a class="liendurp" href="#">Confidentiel</a></div><hr></div></div></div> <div class="partielienrp"><div class="titrerplien">Mes rp’s abandonnés</div><div style="height:100px; overflow: auto;"> <div class="rpcontenu"><div class="unetest"><div class="deuxtest"> <span class="titredurp">Titre de ton rp ici</span> <span class="nomdupartorp">ft. Prénom Nom</span></div> <a class="liendurp" href="#">Confidentiel</a></div><hr></div> <div class="rpcontenu"><div class="unetest"><div class="deuxtest"> <span class="titredurp">Titre de ton rp ici</span> <span class="nomdupartorp">ft. Prénom Nom</span></div> <a class="liendurp" href="#">Confidentiel</a></div><hr></div> <div class="rpcontenu"><div class="unetest"><div class="deuxtest"> <span class="titredurp">Titre de ton rp ici</span> <span class="nomdupartorp">ft. Prénom Nom</span></div> <a class="liendurp" href="#">Confidentiel</a></div><hr></div> <div class="rpcontenu"><div class="unetest"><div class="deuxtest"> <span class="titredurp">Titre de ton rp ici</span> <span class="nomdupartorp">ft. Prénom Nom</span></div> <a class="liendurp" href="#">Confidentiel</a></div><hr></div></div></div> </div> </div></div>

Fiche lien partie 2:

Code:: <style>.relationfemme{width: 600px; background-image: url(https://zupimages.net/up/22/17/f31p.png); margin: auto; position: relative; padding-bottom: 10px; padding-top: 40px;} .titreficherelation{background-color: #FEF9E0; width: 420px; margin: auto; text-align: center; line-height: 10px; padding: 30px; outline: 1px #770500 solid; outline-offset: -10px;} .partielistelien br{display:none;} .lienun{display: flex; flex-direction: row; position:relative; width: 80%; margin: auto; background-color: #F6F6F6; margin-bottom: 20px;} .lienun br{display:block;} .identitenom{background-color: #5A5A5A; padding: 6px; color: white;} .relationdescri{padding: 14px; font-size: 10px; text-align: justify; width: 43%; height: 130px; overflow: auto;} .lienrelation{width: 25%;} .relationtitre{ background-color: #770500; color: white; text-align: center; padding: 4px;} .lienrp a{font-weight: 100; border-radius: 40px; color: #770500; padding: 10px; border: solid 1px; display: inline-block; height: 10px; width: 10px; line-height: 9px; text-align: center; margin-top: 10px; margin-left: 10px;}</style> <div class="relationfemme"><div class="titreficherelation"><img style="position:absolute; width: 100px; top: 10px; right: 30px;" src="https://zupimages.net/up/22/17/ks37.png"><p style="text-transform: uppercase; font-size: 25px; font-family: fantasy; letter-spacing: 4px; color: #770500;">Dossier confidentiel</p><span>Les dames</span></div> <div class="partielistelien"><div class="lienun"><div class="identitelien"><img src="https://2img.net/i/default.png"><div class="identitenom">Nom & Prénom</div></div><div class="relationdescri">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue urna a arcu ultrices gravida. Curabitur tincidunt malesuada risus eu sollicitudin</div><div class="lienrelation"><div class="relationtitre">Relation</div><div class="lienrp"><a>1</a><a>2</a><a>3</a><a>4</a><img style="position: absolute; width:45px; height:45px; top: 104px; right: 10px;" src="https://zupimages.net/up/22/17/f4km.png"></div></div></div> <div class="lienun"><div class="identitelien"><img src="https://2img.net/i/default.png"><div class="identitenom">Nom & Prénom</div></div><div class="relationdescri">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue urna a arcu ultrices gravida. Curabitur tincidunt malesuada risus eu sollicitudin</div><div class="lienrelation"><div class="relationtitre">Relation</div><div class="lienrp"><a>1</a><a>2</a><a>3</a><a>4</a><img style="position: absolute; width:45px; height:45px; top: 104px; right: 10px;" src="https://zupimages.net/up/22/17/f4km.png"></div></div></div> <div class="lienun"><div class="identitelien"><img src="https://2img.net/i/default.png"><div class="identitenom">Nom & Prénom</div></div><div class="relationdescri">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue urna a arcu ultrices gravida. Curabitur tincidunt malesuada risus eu sollicitudin</div><div class="lienrelation"><div class="relationtitre">Relation</div><div class="lienrp"><a>1</a><a>2</a><a>3</a><a>4</a><img style="position: absolute; width:45px; height:45px; top: 104px; right: 10px;" src="https://zupimages.net/up/22/17/f4km.png"></div></div></div> <div class="lienun"><div class="identitelien"><img src="https://2img.net/i/default.png"><div class="identitenom">Nom & Prénom</div></div><div class="relationdescri">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce congue urna a arcu ultrices gravida. Curabitur tincidunt malesuada risus eu sollicitudin</div><div class="lienrelation"><div class="relationtitre">Relation</div><div class="lienrp"><a>1</a><a>2</a><a>3</a><a>4</a><img style="position: absolute; width:45px; height:45px; top: 104px; right: 10px;" src="https://zupimages.net/up/22/17/f4km.png"></div></div></div> </div></div>

Fiche RP:

Code:: <style>.rp-bloc { position: relative; width: 100%;}.rp-bloc .image-rp { display: block; width: 100%; height: auto;}.rp-bloc .text-rp {background-color: #FEF9E0; width: 340px; font-size: 21px; line-height: 1.5em; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); outline: 1px #770500 solid; outline-offset: -10px;} .rp-bloc .text-rp1{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} .rp-bloc .hover-text { position: absolute; top: 0; height: 100%; width: 100%; opacity: 0; transition: .5s ease;}.rp-bloc:hover .hover-text {opacity: 1;} #rp2{background-color:white; color: black; width: 330px; font-size: 10px; height: 430px; padding: 15px; overflow:auto; text-align:justify;} .image-droit{display:flex;flex-direction:column;}.image-droit img{width:100px; height:100px; margin:auto; margin-top: 40px; border-radius: 50px; margin-left: 23px;}</style> <div style="display:flex; flex-direction:row; width: 532px; margin: auto;"><div class="image-droit" style="background-color: #d0b492; width: 200px; border-right: 1px solid #7e5730;"><img src="https://zupimages.net/up/22/17/ks37.png"/></div><div class="rp-bloc"><img class="image-rp" src="https://zupimages.net/up/22/17/f31p.png"/><div class="normal-text"><div class="text-rp"><p style="text-transform: uppercase; font-size: 21px; font-family: fantasy; letter-spacing: 4px; color: #770500;">Nom du rp</p> <p style="color: black; font-size: 12px; margin-top: -50px;">- ft la personne -</p></div></div><div class="hover-text"> <div class="text-rp1" id="rp2">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam mi diam, consectetur ut accumsan ac, semper at arcu. Curabitur ut felis et augue congue aliquet non et libero. Cras lacus lectus, ornare sed neque vitae, luctus dictum odio. Fusce orci nisi, eleifend aliquet porttitor imperdiet, pellentesque ut nisi. Nulla ante eros, vulputate in purus sit amet, tincidunt vestibulum neque. Sed eget enim nibh. Pellentesque ultricies luctus dolor, id tincidunt leo congue at. Donec non dolor consequat, venenatis augue vitae, porta sapien. Vivamus eget augue massa. Praesent rutrum tincidunt sollicitudin. Phasellus mattis ac nunc pellentesque mattis. Integer pretium nunc vel odio ultricies ultrices. Ut lacinia nulla nec eros molestie, nec convallis sem bibendum. Cras et tincidunt turpis. Etiam cursus, libero ac volutpat gravida, sapien ipsum imperdiet lectus, in fringilla magna massa finibus purus. Quisque fermentum consequat gravida. Donec eget arcu ipsum. Nunc bibendum nunc sed varius rutrum. Nulla fermentum tincidunt rhoncus. Praesent nisl nulla, tempor ut mollis eget, placerat eu erat. Quisque nulla purus, malesuada id semper sit amet, commodo eu mi. Maecenas sollicitudin, dolor lacinia pulvinar congue, elit sem auctor dui, quis gravida risus mi eu lorem. Aliquam erat volutpat. Integer tortor ligula, eleifend vel ultricies at, auctor ac massa. Integer euismod, sapien at dapibus volutpat, diam metus convallis libero, ac posuere lorem ipsum a elit. Duis quis urna nec turpis vehicula congue at varius tellus. Aliquam et lacinia tellus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse quis risus congue, ultricies dolor tempus, bibendum arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec ut enim erat.</div></div></div></div>

30/03/2021

*mode petit harcèlement*

Pour Danitza :

Quel est la demande ? [X]Fiche RP []Fiche Lien []Réparation de code
Quel texte voulez-vous ? Le titre & le feat
Quel ambiance ? Alors, je ne sais pas si c'est possible ni comment... Mais je voudrais bien faire une distinction quand c'est Danitza qui écrit ou quand c'est Raven... Que ce soit par les couleurs ou une images. Enfin, que l'on voit visuellement le changement.
-> Après si c'est trop relou et que finalement ça fait faire 2 codes, laisse tomber ! Niveau grandeur, j'apprécie cette taille là : https://miraculousquest.forumactif.com/t673-pas-son-jour-de-chance-ou-presque-raven (histoire que ça ne soit pas un big code mais pas non plus trop petit). J'apprécie que le fond soit blanc ou de couleur clair histoire d'être assez libre de mettre les couleurs foncés des polices d'écriture par exemple.
Niveau ambiance, je vois bien quelque chose dans les tons noirs/violets (les couleurs principales de Dani) ; possibilité de mettre des corbeaux si jamais ça t'inspire.
Quels sont vos images pour le header ? Alors ici : https://www.zupimages.net/up/22/28/myns.jpg ; t'es libre de mettre soit des images que je redimensionne selon l'endroit du RP, si c'est juste une couleur, si c'est le dessin de corbeau... Je ne sais pas ce qui serait le mieux.
Une idée de ce que vous désirez ? Hésitez pas à mettre des dessins !
Une précision ? Comme d'hab, c'est trèèèèèès fouilli et pas forcément très clair comme je ne sais pas ce qui est possible de faire ou pas (ce qui est pas trop relou également). Donc de toute façon, tu connais le chemin de mes MP pour qu'on en discute !

_______________________________________

Pour Théoxane :

Quel est la demande ? [X]Fiche RP []Fiche Lien []Réparation de code
Quel texte voulez-vous ? Le titre, le feat et j'hésite entre soit une petite phrase pour mettre des citations ou de quoi mettre des paroles de chanson (un peu comme ici : https://www.zupimages.net/up/22/28/tvt9.jpg )
Quel ambiance ? Quelque chose de clair ! Dans les tons bleus/gris (la couleur d'écriture de Théoxane est LightSlateGray si jamais ça peut t'inspirer) ; tout comme Dani', un fond clair et un cadre pas trop grand. J'ai un peu moins d'idées concrète mais je peux toujours te donner des éléments si ça t'inspire : elle fait du piano, elle a un chat, elle est gardienne des Miraculous, elle est noble (descendante de Louis XIV)
Quels sont vos images pour le header ? Peut-être de quoi mettre la bouille des partos ?
Une idée de ce que vous désirez ? Hésitez pas à mettre des dessins !
Une précision ? Pareil, c'est tout fouilli et peut-être pas assez clair mais je suis toujours dispo en PV pour en discuter et tout Razz

Merci d'avance ! Commande de code ! - Page 2 1130406968

Et je viendrais t'harceler plus tard pour les fiches de liens :p

09/02/2022

BIEN LE BONSOIR / BONJOUR !

Nous revoilà pour une potite commande de code !! La voici là voilà !! LA FAMEUSE KIKI VOLANT SUR SON BALAI !!!

Titre de ton rp

feat machin et machine

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed congue nisl. Etiam neque turpis, venenatis sit amet feugiat vitae, volutpat vel enim. Pellentesque nulla metus, auctor sed accumsan nec, iaculis id magna. Fusce mauris neque, ultrices venenatis hendrerit vel, finibus at orci. Phasellus ut lobortis lorem. Nam ac rhoncus mauris. Nullam quis pellentesque mauris.

Nunc suscipit nibh vel diam viverra, sed volutpat dolor tempus. Vivamus malesuada mi sit amet dolor accumsan, ac bibendum est maximus. Nulla facilisi. Quisque tortor mi, ullamcorper eu ligula non, pretium commodo ligula. Nullam quis consectetur elit. Ut auctor tempus mi, in luctus augue finibus dictum. Nulla convallis ut tortor non pretium. Curabitur in consectetur dolor. Praesent vitae diam maximus, aliquam eros ac, scelerisque lacus. Fusce eget orci fermentum enim mollis volutpat in a arcu. Duis quis nulla bibendum, finibus purus pretium, lobortis est. Fusce vitae vehicula metus.

Integer imperdiet felis vitae nibh maximus scelerisque. Nunc convallis laoreet pellentesque. Etiam tristique turpis mattis porta placerat. Maecenas mattis maximus velit vitae tempor. Proin vehicula velit at orci mattis commodo. Donec eget suscipit turpis. Aenean at nunc nec nisi dictum finibus quis condimentum enim. Vestibulum eu elit dolor. Suspendisse ac erat ut magna porttitor pretium.

Alya Césaire pls

Code:: <style>.rpback{width: 466px; height: auto; background-color: #ffffff; margin: auto;} .rpback br{display:none;} .headerbann{height: 151px; background: linear-gradient(#f6afb694, #9e7db9ab, #7db98ab8); background-color: #64B2CE; position: relative;} .headerbann .dems{position: absolute; right: -1px; top: 10px;} .headerbann .prems{position: absolute; top: 10px;} .titrerp{margin-left: 60px; padding-top: 70px;} .titrerp p{font-size: 40px; font-family: Sacramento; margin: 0; color: #ffffff;} .titrerp span{margin-left: 10px; color: #e0e0e0; font-size: 10px;} .contentrpaure{display: flex; flex-direction: row; width: 100%; margin-top: 30px;} .droitrp{width: 25%; display: flex; height: auto; flex-direction: column; justify-content: space-between;} .droitrp .imagperso{width:76px; height: 76px; margin-left: 20px; border: 5px solid var(--bg-color-switch); border-radius: 50px;} .catkiki{align-self: flex-end;} .gaucherp{width: 67%; text-align: justify; margin-left: 13px; font-size: 11px; margin-top: 19px;} .gaucherp br{display:block;} .gaucherp:first-letter{font-size: 50px; color: var(--bg-color-switch);} .botficherp{text-align: center; margin-top: -20px; margin-top: 30px; margin-bottom: 20px;} .creditstarfoulah{background-color: #77b49f; padding: 6px; text-align: center; color: white; font-size: 9px;}</style> <div class="rpback"><div class="headerbann"><div class="titrerp"><p>Titre de ton rp</p><span>feat machin et machine</span></div><img class="prems" src="https://zupimages.net/up/22/28/mby1.png"><img class="dems" src="https://zupimages.net/up/22/28/unda.png"></div> <div class="contentrpaure"><div class="droitrp"><img class="imagperso" src="https://zupimages.net/up/22/28/vzv1.png"><img class="catkiki" src="https://zupimages.net/up/22/28/8t19.png"></div><div class="gaucherp">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed congue nisl. Etiam neque turpis, venenatis sit amet feugiat vitae, volutpat vel enim. Pellentesque nulla metus, auctor sed accumsan nec, iaculis id magna. Fusce mauris neque, ultrices venenatis hendrerit vel, finibus at orci. Phasellus ut lobortis lorem. Nam ac rhoncus mauris. Nullam quis pellentesque mauris. Nunc suscipit nibh vel diam viverra, sed volutpat dolor tempus. Vivamus malesuada mi sit amet dolor accumsan, ac bibendum est maximus. Nulla facilisi. Quisque tortor mi, ullamcorper eu ligula non, pretium commodo ligula. Nullam quis consectetur elit. Ut auctor tempus mi, in luctus augue finibus dictum. Nulla convallis ut tortor non pretium. Curabitur in consectetur dolor. Praesent vitae diam maximus, aliquam eros ac, scelerisque lacus. Fusce eget orci fermentum enim mollis volutpat in a arcu. Duis quis nulla bibendum, finibus purus pretium, lobortis est. Fusce vitae vehicula metus. Integer imperdiet felis vitae nibh maximus scelerisque. Nunc convallis laoreet pellentesque. Etiam tristique turpis mattis porta placerat. Maecenas mattis maximus velit vitae tempor. Proin vehicula velit at orci mattis commodo. Donec eget suscipit turpis. Aenean at nunc nec nisi dictum finibus quis condimentum enim. Vestibulum eu elit dolor. Suspendisse ac erat ut magna porttitor pretium. </div></div> <div class="botficherp"><img src="https://zupimages.net/up/22/28/5e5b.png"></div> <div class="creditstarfoulah">Alya Césaire pls</div> </div> <link href="https://fonts.googleapis.com/css?family=Sacramento|Montserrat+Alternates" rel="stylesheet">

Un véritable bijou ce code ! Merci mille fois je suis super satisfait I love you

09/02/2022

BIEN LE BONSOIR / BONJOUR !

Dani Danou Danette !! Voilà ta première fiche rp !! Alors les couleurs sont changeable. La partie carré avec la lettre sont directement modifiable dans la partie "contentrpdani". Je t'ai mis un sublime span avec un color pour que tu puisse copier coller le petit code de ta couleur !! J'espère que tu n'aimes ^^

Titre du rp

feat XXX XXX

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed congue nisl. Etiam neque turpis, venenatis sit amet feugiat vitae, volutpat vel enim. Pellentesque nulla metus, auctor sed accumsan nec, iaculis id magna. Fusce mauris neque, ultrices venenatis hendrerit vel, finibus at orci. Phasellus ut lobortis lorem. Nam ac rhoncus mauris. Nullam quis pellentesque mauris.

Nunc suscipit nibh vel diam viverra, sed volutpat dolor tempus. Vivamus malesuada mi sit amet dolor accumsan, ac bibendum est maximus. Nulla facilisi. Quisque tortor mi, ullamcorper eu ligula non, pretium commodo ligula. Nullam quis consectetur elit. Ut auctor tempus mi, in luctus augue finibus dictum. Nulla convallis ut tortor non pretium. Curabitur in consectetur dolor. Praesent vitae diam maximus, aliquam eros ac, scelerisque lacus. Fusce eget orci fermentum enim mollis volutpat in a arcu. Duis quis nulla bibendum, finibus purus pretium, lobortis est. Fusce vitae vehicula metus.

R

Duis quis nulla bibendum, finibus purus pretium, lobortis est. Fusce vitae vehicula metus. Nullam quis consectetur elit. Ut auctor tempus mi, in luctus augue finibus dictum

Nunc suscipit nibh vel diam viverra, sed volutpat dolor tempus. Vivamus malesuada mi sit amet dolor accumsan, ac bibendum est maximus. Nulla facilisi. Quisque tortor mi, ullamcorper eu ligula non, pretium commodo ligula. Nullam quis consectetur elit. Ut auctor tempus mi, in luctus augue finibus dictum. Nulla convallis ut tortor non pretium. Curabitur in consectetur dolor. Praesent vitae diam maximus, aliquam eros ac, scelerisque lacus. Fusce eget orci fermentum enim mollis volutpat in a arcu. Duis quis nulla bibendum, finibus purus pretium, lobortis est. Fusce vitae vehicula metus.

Kami-sama (Alya)

Code:: <style>.rpbdani{width:503px; height:auto; background-color: #291E31; margin:auto; font-family: Montserrat Alternates;} .rpbdani br{display:none;} .headdani{position: relative;} .titredanirp{color:white; position: absolute; top: 90px; left: 210px; text-align: center;} .titredanirp p{margin: 0; font-size: 36px; margin-bottom: 10px;} .contentdanirp{ display: flex; flex-direction: row; margin-top: 30px;} .contentdanirp br{display:block;} .imagedani{width: 16%; text-align: center;} .partierpdani{background-color: white; width: 72%; padding: 5%; text-align: justify; border-top-left-radius: 40px 30px; border-top-right-radius: 40px 30px;} .discutrpdani{display: flex; flex-direction: row; margin-bottom: -15px;} .finrpdani{text-align: center;} .creditalya{background-color: white; text-align: center; padding: 1%; font-size: 10px;}</style> <div class="rpbdani"><div class="headdani"><img src="https://zupimages.net/up/22/28/9qmo.png"/><div class="titredanirp"><p>Titre du rp</p><span>feat XXX XXX</span></div></div> <div class="contentdanirp"><div class="imagedani"><img src="https://zupimages.net/up/22/28/ah25.png"/></div><div class="partierpdani">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi sed congue nisl. Etiam neque turpis, venenatis sit amet feugiat vitae, volutpat vel enim. Pellentesque nulla metus, auctor sed accumsan nec, iaculis id magna. Fusce mauris neque, ultrices venenatis hendrerit vel, finibus at orci. Phasellus ut lobortis lorem. Nam ac rhoncus mauris. Nullam quis pellentesque mauris. Nunc suscipit nibh vel diam viverra, sed volutpat dolor tempus. Vivamus malesuada mi sit amet dolor accumsan, ac bibendum est maximus. Nulla facilisi. Quisque tortor mi, ullamcorper eu ligula non, pretium commodo ligula. Nullam quis consectetur elit. Ut auctor tempus mi, in luctus augue finibus dictum. Nulla convallis ut tortor non pretium. Curabitur in consectetur dolor. Praesent vitae diam maximus, aliquam eros ac, scelerisque lacus. Fusce eget orci fermentum enim mollis volutpat in a arcu. Duis quis nulla bibendum, finibus purus pretium, lobortis est. Fusce vitae vehicula metus. <div class="discutrpdani"><div style="color: white; background-color: #291e31; padding: 3%; text-align: center; width: 20px; height: 20px; font-size: 21px; margin-right: 4%;">R</div><span style="color: #845AA7;">Duis quis nulla bibendum, finibus purus pretium, lobortis est. Fusce vitae vehicula metus. Nullam quis consectetur elit. Ut auctor tempus mi, in luctus augue finibus dictum</span></div> Nunc suscipit nibh vel diam viverra, sed volutpat dolor tempus. Vivamus malesuada mi sit amet dolor accumsan, ac bibendum est maximus. Nulla facilisi. Quisque tortor mi, ullamcorper eu ligula non, pretium commodo ligula. Nullam quis consectetur elit. Ut auctor tempus mi, in luctus augue finibus dictum. Nulla convallis ut tortor non pretium. Curabitur in consectetur dolor. Praesent vitae diam maximus, aliquam eros ac, scelerisque lacus. Fusce eget orci fermentum enim mollis volutpat in a arcu. Duis quis nulla bibendum, finibus purus pretium, lobortis est. Fusce vitae vehicula metus. <div class="finrpdani"><img src="https://zupimages.net/up/22/29/a3gp.png"/></div></div></div> <div class="creditalya">Kami-sama (Alya)</div> </div> <link href="https://fonts.googleapis.com/css?family=Sacramento|Montserrat+Alternates" rel="stylesheet">

30/03/2021

Quel est la demande ? [X]Fiche RP []Fiche Lien []Réparation de code
Quel texte voulez-vous ? Te donnez une belle maquette juste en bas !
Quel ambiance ? Un peu terne/contrasté, tu vas voir la belle maquette (je tease je tease)
Une idée de ce que vous désirez ? Voici le lien de la magnifique maquette -> https://zupimages.net/up/22/29/bdqm.jpg
Une précision ? Alors niveau précision :
- Les images "tribal" en haut sont coupé de moitié exprès pour ne garder que la moitié, coupé par le bord en soit. Image modifiable indépendamment chacune
- Les ronds images, ça sera cool si c'est possible de faire un effet hover pour laisser apparaître juste le prénom du feat, tout en laissant apparaître en fond l'image quand même, juste un petit effet de transparence
- Pour les carrés pour les images de dialogue, si c'est possible de faire un petit cadre sympa autour, je ne dis pas non
- Autour du Gif tout en bas, si c'est possible de faire un bordure, un peu épaisse, avec couleur modifiable également
- Sinon après je crois qu'il y a tout, mais si tu as des questions ou des propositions, n'hésite pas à demander !

Réponse rapide