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>

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>

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