J'ai des codes qui traînent et dont je ne me sers pas et comme je sais qu'il est parfois difficile d'apprendre les bases du codage, je me dis que si ça peut servir par ici, autant en faire profiter les autres
Je fais beaucoup dans le minimalisme et je centre pas mal mais ça s'ajuste sans aucun problème ; n'hésitez pas à me mp si vous n'êtes pas à l'aise avec les codes
Si vous utilisez, merci de créditer atlantis (et vous pouvez les utiliser ailleurs sans aucun soucis du moment que y a le petit crédit )

EN-TÊTE RP :
001.
— vous pouvez taguer le partenaire mais l'opacité risque de sauter et la police de changer (je préviens)
— vous pouvez adapter la bordure en modifiant le width ; de même avec la couleur dans le border-top

titre du rp

partenaire & partenaire

Code:

<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Roboto:wght@300&display=swap" rel="stylesheet">
<center><div style="width: 200px; font-size: 10px; text-align: justify;"><center><div style="font-family: 'DM Serif Display', serif; font-size: 16px;"><i>titre du rp</i></div><div style="border-top: solid 5px #408179; width:200px;"></div><span style="font-family: 'Roboto', sans-serif; text-transform: uppercase; font:size-9px; opacity: .3;">partenaire & partenaire</span></center></div></center>

002.
— la couleur des bordures peut être changée toujours dans le border

— un titre ici, pas trop long —

Code:

<center><div style="width: 195px;"><img style="border:1px solid #EBEBDC; padding:5px; width:80px;" src="URL IMG"> <img style="border:1px solid #EBEBDC; padding:5px; width:80px;" src="URL IMG">
<div style="font-size: 10px; font-family: calibri;">— un titre ici, pas trop long —</div></div></center>

003.

petite quote, i don't know yet. lord help me for i have sinned.
- - - - - - - - - - - - - - - - -

Code:

<center><div style="width:240px; text-align:center; font-family:cambria; font-size:10px; line-height:10px;"><img src="URL IMG" style="width:115px; border-radius:3px;"> <img src="URL IMG" style="width:115px; border-radius:3px;"><i>petite quote, i don't know yet. lord help me for i have sinned.</i>
- - - - - - - - - - - - - - - - -</div></center>

004.
— il y a encore une bordure autour des icons dont la couleur peut être changée sans soucis (:

i took an arrow to the heart, i never kissed a mouth that taste like yours: strawberries and somethin' more, oooh yeah i want it all | @"partenaire" // ed sheeran (shivers)

Code:

<center><div style="width: 189px; text-align: justify; font-family: courier new; font-size: 7px; text-transform: lowercase; line-height: 7px;"><img src="URL IMG" style="width: 80px; border:1px solid #CBC413; padding: 5px; border-radius: 50px;"> <img src="URL" style="width: 80px; border: 1px solid #CBC413; padding: 5px; border-radius: 50px;">
i took an arrow to the heart, i never kissed a mouth that taste like yours: strawberries and somethin' more, oooh yeah i want it all | <i>@"partenaire"</i> // <b>ed sheeran (shivers)</b></div></center>

004. b

i took an arrow to the heart, i never kissed a mouth that taste like yours: strawberries and somethin' more, oooh yeah i want it all | @"partenaire" // ed sheeran (shivers)

Code:

<center><div style="width: 189px; text-align: justify; font-family: courier new; font-size: 7px; text-transform: lowercase; line-height: 7px;"><img src="URL IMG" style="width: 80px; border:1px solid #CBC413; padding: 5px;"> <img src="URL IMG" style="width: 80px; border: 1px solid #CBC413; padding: 5px;">
i took an arrow to the heart, i never kissed a mouth that taste like yours: strawberries and somethin' more, oooh yeah i want it all | <i>@"partenaire"</i> // <b>ed sheeran (shivers)</b></div></center>

005.

and here comes the quote. ou whateva, fais-toi plaisir c'est le coin pour toi (: et si tu veux mettre de l'italique, tu peux. tu peux aussi mettre en gras ou bien changer la polie, t'es libre. fais pas trop long par contre, ce sera pas beau (mais j'ai mis un overflow, juste au cas où).

Code:

<table><td><img src="URL IMG" style="width:90px; border-radius: 50px; padding: 5px; border: 1px solid #ECE436;"></td><td><div style="width:200px; height: 95px; text-align: justify; font-size:10px; line-height:10px; font-family: times new roman; overflow: auto;">and here comes the quote. ou whateva, fais-toi plaisir c'est le coin pour toi (: <i>et si tu veux mettre de l'italique, tu peux</i>. tu peux aussi mettre <b>en gras</b> ou bien changer la polie, t'es libre. fais pas trop long par contre, ce sera pas beau (mais j'ai mis un overflow, juste au cas où).</div></td></table>

NOTE : à partir de l'en-tête 006, ce qui permet de faire des modifications se trouve entre les balises style, selon le code css des forums où ce sera utilisé, ça peut ne pas fonctionner, il faudra alors changer le nom (par exemple .fond peut devenir .background) là où ce sera nécessaire. de même, si vous postez votre premier rp, par la suite, vos réponses n'auront plus besoin de contenir les balises style (mais il faut le poster à chaque nouveau sujet).
en cas de question me mp car j'explique pas hyper bien

006.
— la couleur du fond peut être modifiée au besoin. de même la largeur du fond peut être agrandie mais sinon ça va sur deux lignes sans soucis :)

Code:

<div class="fond"><rp1>❁ titre du rp — <i>@partenaire</i></rp1></div>

<style>.fond { background-color: #eee; width: 450px; text-align: center; letter-spacing: 2px; text-transform: lowercase; } rp1 { font-family: georgia; font-size: 12px; }</style>

007.
— le symbole peut, bien évidemment être modifié selon vos goûts

( titre du rp )
✪ ✪ ✪ ✪ ✪

paroles ou citation sur trois ou quatre lignes ; le symbole fleur peut être changé et personnalisé pour quelque chose qui corresponde au personnage artiste (titre) ‹ @partenaire

Code:

<blockquote><div class="bl"><rp2>( titre du rp )</rp2>
<center>✪ ✪ ✪ ✪ ✪</center><div class="cit1">paroles ou citation sur trois ou quatre lignes ; le symbole fleur peut être changé et personnalisé pour quelque chose qui corresponde au personnage <b>artiste (titre) ‹ @partenaire</b></div></div></blockquote>

<style>.bl { width: 202px; text-align: justify; } rp2 { font-size: 18px; font-family: times new roman; font-style: italic; } .cit1 { width: 200px; text-align: justify; font-size: 9px; line-height: 10px; }</style>

SIGNATURE :
001.

— S U P R E M E —on wednesday, we wear black

Code:

<blockquote><div style="width:150px;text-align:justify;font-size:10px;line-height:9px;font-family: calibri; margin-left: 10px;"><img src="URL IMG" style="width:70px;"> <img src="URL IMG" style="width:70px;">
<center><span style="font-family:timeless">— S U P R E M E —</span></center>on wednesday, we wear <b>black</b></div></blockquote>

002.

- - - x - - -and here comes the quote, something philosophical or not that profund, depending on what song or poems i just listened or read.

Code:

<center><div style="width: 185px; text-align: justify; font-size: 11px; line-height: 9px;"><img src="URL IMG" width="90"> <img src="URL IMG" width="90"><center>- - - x - - -</center>and here comes the quote, something philosophical or not that profund, depending on what song or poems i just listened or read.</div></center>

003.
— il y a une désaturation de la couleur que vous pouvez modifier dans le filter: grayscale(%). 100% rend l'image en noir et blanc, 0% en couleur (mais auquel cas virez-le pour gagner de la place)

coming up roseswhen you were asleep and i was out walking the voices started to speak and they wouldn't stop talking, there were signs all around it really got my mind racing, you were right all along, something's gotta change (⚘)

Code:

<link href="https://fonts.googleapis.com/css2?family=Gideon+Roman&display=swap" rel="stylesheet"><blockquote><div style="width:145px; text-align: justify; font-size: 7px; line-height: 7.5px; font-family: 'Gideon Roman', cursive;"><img src="URL IMG" style="width: 70px; border-radius: 3px; filter: grayscale(50%);"> <img src="URl IMG" style="width: 70px; border-radius: 3px; filter: grayscale(50%);"><center><span style="letter-spacing: 3px;">coming up roses</span></center>when you were asleep and i was out walking the voices started to speak and they wouldn't stop talking, there were signs all around it really got my mind racing, you were right all along, something's gotta change (<a href="https://www.youtube.com/watch?v=j7MZfgP3j7k&ab_channel=LaraBeatriz-DevChallenge">⚘</a>)</div></blockquote>

004.
— même note que le 003 pour le filter: grayscale

— — — ✕ — — — follow me into the golden wild, stay close with your wounded eyes, absent when i need you most, in the end, i danced with a ghost. can you heal me if you can't feel me? i am here alone next to you, walking with a ghost

Code:

<blockquote><div style="width: 120px; font-family: georgia; font-size: 7px; line-height: 8px; text-align: justify;"><img src="URL IMG" style="width: 120px; filter: grayscale(50%);"><center>— — — ✕ — — —</center> follow me into the golden wild, stay close with your wounded eyes, absent when i need you most, in the end, <i>i danced with a ghost</i>. can you heal me if you can't feel me? <b>i am here</b> alone next to you, walking with a ghost
</div></blockquote>

004. b

— — — ✕ — — — follow me into the golden wild, stay close with your wounded eyes, absent when i need you most, in the end, i danced with a ghost. can you heal me if you can't feel me? i am here alone next to you, walking with a ghost

Code:

<blockquote><div style="width: 165px; font-family: georgia; font-size: 7px; line-height: 8px; text-align: justify;"><img src="URL IMG" style="width: 80px; filter: grayscale(50%);"> <img src="URL IMG" style="width: 80px; filter: grayscale(50%);"><center>— — — ✕ — — —</center> follow me into the golden wild, stay close with your wounded eyes, absent when i need you most, in the end, <i>i danced with a ghost</i>. can you heal me if you can't feel me? <b>i am here</b> alone next to you, walking with a ghost
</div></blockquote>

005.

[ ✮ ] // just a scar somewhere down inside of me, something i can not repair, even though it will always be i pretend it isn't there (this is how i feel), i'm trapped in yesterday (just stay out of my way) where the pain is all i know (this is all i know)
and i'll never break away

Code:

<link href="https://fonts.googleapis.com/css2?family=Gloock&family=Roboto:wght@100&display=swap" rel="stylesheet">
<blockquote><div style="width: 205px; text-align: justify; border-bottom: 1px solid #000;"><img src="URL IMG" style="width: 100px; border-radius: 5px;"> <img src="URL IMG" style="width: 100px; border-radius: 5px;">
<span style="font-family: 'Roboto', sans-serif; font-size: 8px; line-height: 8px;">[ <a href="https://www.youtube.com/watch?v=7NK_JOkuSVY&ab_channel=LinkinPark">✮</a> ] // just a scar somewhere down inside of me, something i can not repair, even though it will always be i pretend it isn't there (this is how i feel), i'm trapped in yesterday (just stay out of my way) where the pain is all i know (this is all i know)</span>
<center><span style="font-family: 'Gloock', serif; font-size: 8px; text-transform: uppercase;">and i'll never break away</span></center></div></blockquote>

006.

• you're just really good at things
sorry not sorry they're the gayest ship in this damn world. ricci and lewis are queens, can't change my mind. yes, i'm trying to convert all of you to my ship. #teamMistyNat

Code:

<blockquote><div style="width:150px; text-align: justify; font-size: 9px; line-height: 9px;"><img src="URL IMG" style="width: 150px; border-radius: 5px;"><span style="font-family: times; font-size: 10px; letter-spacing: 1.5px; font-weight: bold;"><i>• you're just really good at things</i></span>
sorry not sorry they're the gayest ship in this damn world. ricci and lewis are queens, can't change my mind. yes, i'm trying to convert all of you to my ship. #teamMistyNat</div></blockquote>

006. b

• you're just really good at things
sorry not sorry they're the gayest ship in this damn world. ricci and lewis are queens, can't change my mind. yes, i'm trying to convert all of you to my ship. #teamMistyNat

Code:

<blockquote><div style="width:150px; text-align: justify; font-size: 9px; line-height: 9px;"><img src="URL IMG" style="width: 73px; border-radius: 5px;"> <img src="URL IMG" style="width: 73px; border-radius: 5px;"><span style="font-family: times; font-size: 10px; letter-spacing: 1.5px; font-weight: bold;"><i>• you're just really good at things</i></span>
sorry not sorry they're the gayest ship in this damn world. ricci and lewis are queens, can't change my mind. yes, i'm trying to convert all of you to my ship. #teamMistyNat</div></blockquote>

007.
— il s'agit de celle que j'avais codé pour zep ; m'étant lassée du code, je vous le proposer bien évidemment, vous n'êtes pas obligé.e.s de laisser l'emphase si vous préférez un texte unifié  

(( all my life i've been searching for something, something never comes, never leads to nothing. nothing satisfies but i'm getting close closer to the prize at the end of the rope. all night long i dream of the day when it comes around and it's taken away leaves me with the feeling that i feel the most. feel it come to life when
i see your ghost ))

Code:

<link href="https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Source+Sans+Pro&display=swap" rel="stylesheet"><blockquote><div style="width: 120px; font-family: 'Source Sans Pro', sans-serif; font-size: 6px; line-height: 7px; text-align: justify; text-transform: uppercase;"><img src="https://images2.imgbox.com/1d/6e/fPkHa5ns_o.png" style="width: 59px;"> <img src="https://images2.imgbox.com/86/9b/gsSdDkIJ_o.png" style="width: 59px;">
(( all my life i've been searching for something, something never comes, never leads to nothing. nothing satisfies but <span style="font-family: 'Abril Fatface', cursive; font-size: 6px; letter-spacing: 1px;">i'm getting close</span> closer to the prize at the end of the rope. all night long i dream of the day when it comes around and it's taken away leaves me with the feeling that i feel the most. feel it come to life when
<span style="font-family: 'Abril Fatface', cursive; font-size: 6px; letter-spacing: 1px;">i see your ghost</span> ))
</blockquote>

008. a
— la ligne peut être mise en pointillé : border-bottom: 1px dashed  

castle from the sky

if i told you how much i think about her, you'd think i'm in love and if you knew how much i looked at her pictures, you would think that we're best friends

Code:

<link href="https://fonts.googleapis.com/css2?family=Gideon+Roman&display=swap" rel="stylesheet"><blockquote><img src="https://64.media.tumblr.com/0a15dc03e7813328beaf38d29fdfa38a/9f5c67ab6633954c-15/s400x600/2440daa72d7c844232818fc646930b5e6a3f2c5b.png" style="width:105px; border-radius: 10px;">
<div style="width: 105px; font-family: calibri; font-size: 8px; line-height: 8px"><div style="width:105px; text-align:center; font-size: 7px; line-height: 7.5px; font-family: 'Gideon Roman', cursive; text-transform: uppercase; border-bottom: 1px solid;">castle from the sky</div> if i told you how much i think about her, you'd think i'm in love and if you knew how much i looked at her pictures, you would think that we're best friends</div></blockquote>

008. b

castle from the sky

if i told you how much i think about her, you'd think i'm in love and if you knew how much i looked at her pictures, you would think that we're best friends

Code:

<link href="https://fonts.googleapis.com/css2?family=Gideon+Roman&display=swap" rel="stylesheet"><blockquote><img src="https://images2.imgbox.com/5a/81/aEmEfkAl_o.png" style="width:50px; border-radius: 10px;"> <img src="https://images2.imgbox.com/3a/88/fPoQyOwK_o.png" style="width:50px; border-radius:10px;">
<div style="width: 105px; font-family: calibri; font-size: 8px; line-height: 8px"><div style="width:105px; text-align:center; font-size: 7px; line-height: 7.5px; font-family: 'Gideon Roman', cursive; text-transform: uppercase; border-bottom: 1px solid;">castle from the sky</div> if i told you how much i think about her, you'd think i'm in love and if you knew how much i looked at her pictures, you would think that we're best friends</div></blockquote>

009. a
— j'ai pris en noir le fond pour qu'il se voit mais évidemment, la couleur peut être modifiée (background-color)

castle from the sky

if i told you how much i think about her, you'd think i'm in love and if you knew how much i looked at her pictures, you would think that we're best friends

Code:

<link href="https://fonts.googleapis.com/css2?family=Gideon+Roman&display=swap" rel="stylesheet"><blockquote><img src="https://64.media.tumblr.com/184f185a25907781cbbac3dde29a5cbd/1f7584953689e0e4-c2/s400x600/3680e8d9b7b4516fe17fa56809cfb4e6c3d4e587.png" style="width:105px; border-radius: 10px; margin-bottom: 2px;">
<div style="width: 105px; font-family: calibri; font-size: 8px; line-height: 8px"><div style="width:105px; text-align:center; font-size: 7px; line-height: 7.5px; font-family: 'Gideon Roman', cursive; text-transform: uppercase; background-color: #000; color: #fff;">castle from the sky</div> if i told you how much i think about her, you'd think i'm in love and if you knew how much i looked at her pictures, you would think that we're best friends</div></blockquote>

009. b

castle from the sky

if i told you how much i think about her, you'd think i'm in love and if you knew how much i looked at her pictures, you would think that we're best friends

Code:

<link href="https://fonts.googleapis.com/css2?family=Gideon+Roman&display=swap" rel="stylesheet"><blockquote><img src="https://images2.imgbox.com/48/50/4mKhSrZj_o.png" style="width:50px; border-radius: 10px;"> <img src="https://images2.imgbox.com/0b/e9/DYNP1NqR_o.png" style="width:50px; border-radius:10px;">
<div style="width: 105px; font-family: calibri; font-size: 8px; line-height: 8px"><div style="width:105px; text-align:center; font-size: 7px; line-height: 7.5px; font-family: 'Gideon Roman', cursive; text-transform: uppercase; background-color: #000; color: #fff;">castle from the sky</div> if i told you how much i think about her, you'd think i'm in love and if you knew how much i looked at her pictures, you would think that we're best friends</div></blockquote>

mais
t'es vraiment un bijou!!! tous tes codes sont trop beaux, y a moyen que j'utilise l'entête 003.
incroyaaable, et merci beaucoup de nous partager ça

Olala j'adore c'est chouette de partager avec nous !
Ya moyen que j utilise l en-tête trois moi aussi
Et la signature 004b !

Ps : team Mistynat

Oh trop chouette initiative je suis une brêle en codage donc amen à toi

Ils sont vraiment chouettes tes codes !
Y'a moyen que je les utilise... presque tous

Merci à toi du partage

c'est trop bien et c'est trop beau, merci beaucoup

Oh wow ! T'es trop doué, je vais probablement t'en prendre un
c'est trop bien le minimalisme

C'est trop sympa, merci beaucoup

vous êtes des choux sérieusement ravie qu'ils vous plaisent en tout cas et vraiment n'hésitez pas, ils sont là pour ça

Trop cool !
Et moi qui voulait changer mes signatures bientôt, ça tombe à pic ! Mercii pour le partage, you rock