titre
ft @"nom prenom"

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec malesuada risus. Sed eleifend bibendum mauris, eget sagittis justo posuere in. Curabitur aliquet facilisis augue, non dignissim erat consequat in. Nam pretium velit ac nibh dignissim convallis. Ut posuere lorem vitae risus venenatis placerat. Quisque vitae lorem odio. Suspendisse hendrerit leo at luctus volutpat. Maecenas vitae tortor vel justo scelerisque euismod. Morbi varius dolor pulvinar ex ullamcorper faucibus. Cras lacinia mauris volutpat nibh porta pulvinar.

Donec varius porttitor interdum. Donec porta odio ut velit condimentum, ut iaculis odio dapibus. Pellentesque lacus elit, porta sit amet elit eu, posuere egestas urna. Etiam tellus lorem, suscipit at porta eu, consectetur vitae leo. Ut ullamcorper consectetur sem sit amet sagittis. Nullam augue leo, maximus finibus congue nec, posuere nec orci. Mauris justo ex, gravida ut leo eget, feugiat varius libero. Mauris at molestie dui, id malesuada odio. Aenean sodales molestie arcu, sit amet dapibus purus placerat sit amet. Aliquam rutrum neque vitae nunc eleifend, sed aliquam nisi mollis. In condimentum convallis lorem, ac hendrerit odio suscipit in. Vestibulum metus orci, dapibus pellentesque semper id, eleifend non lectus. Aliquam erat volutpat.

cr. bastille.

Code:

<style> .chill_ctn { display: flex; align-items: center; flex-direction: column; row-gap: 25px; padding: 55px 25px; width: 350px; background-color: var(--color-bg) ; border: 1px solid var(--accent); } .chill_header { display: flex; width: 250px; justify-content: space-between; align-items:center} .chill_img { height: 40px; width: 40px; object-fit: cover; border: 1px solid var(--accent); padding: 2px; } .chill_title { text-align:right; text-transform: uppercase; font-size: 12px; font-weight:bold; line-height:90%; font-family:karla } .chill_ft { font-style: italic; font-size: 9px;} .chill_txt{ width: 250px; text-align: justify; font-size: 10px; } .chill_cr { margin-top: 10px; text-align: center; font-size: 8px; opacity: 0; text-transform: lowercase;  font-family:karla; transition:0.3s} .chill_cr:hover { opacity: 0.9; }</style>
<center><div class="chill_ctn"><div class="chill_header"><img class="chill_img" src="IMG" /><div class="chill_title">titre<br><span class="chill_ft">ft @"nom prenom"</span></div></div><div class="chill_txt">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec malesuada risus. Sed eleifend bibendum mauris, eget sagittis justo posuere in. Curabitur aliquet facilisis augue, non dignissim erat consequat in. Nam pretium velit ac nibh dignissim convallis. Ut posuere lorem vitae risus venenatis placerat. Quisque vitae lorem odio. Suspendisse hendrerit leo at luctus volutpat. Maecenas vitae tortor vel justo scelerisque euismod. Morbi varius dolor pulvinar ex ullamcorper faucibus. Cras lacinia mauris volutpat nibh porta pulvinar.

Donec varius porttitor interdum. Donec porta odio ut velit condimentum, ut iaculis odio dapibus. Pellentesque lacus elit, porta sit amet elit eu, posuere egestas urna. Etiam tellus lorem, suscipit at porta eu, consectetur vitae leo. Ut ullamcorper consectetur sem sit amet sagittis. Nullam augue leo, maximus finibus congue nec, posuere nec orci. Mauris justo ex, gravida ut leo eget, feugiat varius libero. Mauris at molestie dui, id malesuada odio. Aenean sodales molestie arcu, sit amet dapibus purus placerat sit amet. Aliquam rutrum neque vitae nunc eleifend, sed aliquam nisi mollis. In condimentum convallis lorem, ac hendrerit odio suscipit in. Vestibulum metus orci, dapibus pellentesque semper id, eleifend non lectus. Aliquam erat volutpat.</div></div><div class="chill_cr">cr. bastille.</div></center>

Code:

<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=Cinzel:wght@700&family=Ubuntu:ital@0;1&display=swap" rel="stylesheet"><style>.naked_ctn { margin: 0 auto; padding: 25px;width: 340px; } .naked_main { display: flex; flex-flow: column wrap; row-gap: 25px; font-family: 'Ubuntu', sans-serif; font-Size: 12px; text-align: justify; } .naked_header { align-self:flex-end; text-align: right;} .naked_title { font-family: 'Cinzel', serif; text-transform: lowercase; font-size: 20px; } .naked_subtitle { font-size: 9px; font-style: italic; } .naked_cr { text-align: center; font-size: 8px; opacity: 0; text-transform: lowercase; font-family:'Ubuntu', sans-serif; transition:0.3s; } .naked_cr:hover{ opacity: 0.9;}</style><div class="naked_ctn"><div class="naked_main"><div class="naked_header"><div class="naked_title">Titre</div><div class="naked_subtitle"><a href="#" target="_blank">outfit</a></div></div><div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed nec malesuada risus. Sed eleifend bibendum mauris, eget sagittis justo posuere in. Curabitur aliquet facilisis augue, non dignissim erat consequat in. Nam pretium velit ac nibh dignissim convallis. Ut posuere lorem vitae risus venenatis placerat. Quisque vitae lorem odio. Suspendisse hendrerit leo at luctus volutpat. Maecenas vitae tortor vel justo scelerisque euismod. Morbi varius dolor pulvinar ex ullamcorper faucibus. Cras lacinia mauris volutpat nibh porta pulvinar.<div><div class="naked_subtitle">feat @nom prenom</div></div><div class="naked_cr">cr. bastille.</div></div>

titre
outfit | @song jian

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet libero in neque mattis, et convallis tellus auctor. Fusce interdum imperdiet turpis vitae efficitur. Suspendisse sed sodales urna, ac egestas augue. Praesent nec nisl dui. Curabitur pretium arcu in malesuada pharetra. paroles paroles paroles Sed eu mollis elit, vitae egestas elit. Nam eu mi in massa elementum tincidunt sed et lacus. Nam semper quis felis id fermentum. Praesent ac sodales nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In nec fringilla enim. Fusce scelerisque ante in est elementum, in placerat enim vulputate. Donec tempus mi risus, ut rutrum elit facilisis non. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc congue libero id elit bibendum vulputate. Vivamus sit amet dolor at mi viverra eleifend.

Code:

<link href="https://cdn.jsdelivr.net/gh/hyang5u/CODES/nrp.css" rel="stylesheet"><div id="fd_fiche" class="fd_firp"><div class="innerfiche firp"><div class="con firp"><center><img src="URL_ICON" class="nrpimg">

<div class="nrptt"><st4>titre</st4>
<tt2 style="font-size:7px;"><a href="">outfit</a> | @"nom prénom"</tt2></div><div class="nrpline"></div></center>
<div class="nrp">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum laoreet libero in neque mattis, et convallis tellus auctor. Fusce interdum imperdiet turpis vitae efficitur. Suspendisse sed sodales urna, ac egestas augue. Praesent nec nisl dui. Curabitur pretium arcu in malesuada pharetra. paroles paroles paroles Sed eu mollis elit, vitae egestas elit. Nam eu mi in massa elementum tincidunt sed et lacus. Nam semper quis felis id fermentum. Praesent ac sodales nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In nec fringilla enim. <span class="tlk">Fusce scelerisque ante in est elementum, in placerat enim vulputate.</span> Donec tempus mi risus, ut rutrum elit facilisis non. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc congue libero id elit bibendum vulputate. Vivamus sit amet dolor at mi viverra eleifend.</div></div></div></div><div class="credit">credit gif</div>

TITRE DU RP ICI
FT. @"NOM PRENOM"
outfits / song

Cupcake ipsum dolor sit amet apple pie chocolate apple pie. Jelly biscuit wafer brownie shortbread gummies bear claw apple pie. Marzipan sugar plum cupcake chocolate bar danish cake apple pie marshmallow.

Shortbread chocolate cake powder muffin bear claw halvah carrot cake. Chupa chups dragée sweet chupa chups sweet roll lollipop dragée gummies shortbread. Caramels marshmallow tart dragée candy cookie topping jelly beans sugar plum.

Gingerbread fruitcake chocolate cake candy candy jelly-o icing powder biscuit. Dessert apple pie gingerbread icing donut liquorice. Gummi bears jelly jujubes gingerbread donut.

Marshmallow fruitcake cheesecake bear claw jelly chocolate cake danish. Shortbread candy bonbon tart oat cake croissant wafer sweet. Candy ice cream liquorice muffin halvah. Dessert lollipop croissant jelly soufflé ice cream icing.

Chocolate cupcake liquorice bonbon icing croissant. Jujubes tootsie roll jelly cupcake candy canes danish cake powder. Croissant jelly marzipan tiramisu macaroon danish cupcake sweet roll icing. Pastry icing biscuit pudding dragée.

@moonaetics

Code:

<style>.mn_main, .mn_bg_img {display: flex;align-items: center;flex-direction: column;row-gap: 10px;width: 350px;} .mn_bg_img {background-image: var(--fdbg);padding: 15px;padding-top: 0px;padding-bottom: 0;background-size: contain;} .mn_main {background-color: var(--catb);opacity: 0.9;padding: 15px;border: 1px solid var(--u2);} .nm_main_rp {background-color: var(--blanc);text-align: justify;padding: 24px;font-family: Hind;font-size: 11px;font-weight: 400;} .mn_rp_title img {width: 65px;height: 65px;object-fit: cover;border-radius: 100%;} .mn_rp_mainimg {border: 1px solid var(--body);border-radius: 100%;width: 65px;height: 65px;opacity: 1;padding: 3px;float: left;margin-right: 22px;} .mn_rp_title {height: 94px;} .mn_credits {font-size: 4px;letter-spacing: 1px;text-transform: uppercase;color: var(--accent2);} .mn_rp_desc {border-top: 1px solid var(--accent2);padding-top: 18px;} .mn_title_rp {color: var(--citt);margin: 0px 2px 0px 2px;font-family: "poppins", sans-serif;font-weight: 700;text-transform: uppercase;letter-spacing: .5px;font-size: 10px;position: absolute;margin-top: 10px;margin-left: 100px;} mn2 {color: var(--color-title);font-weight: 900;text-decoration-style: wavy;text-decoration-color: var(--color-bckg2);} mn1 {font-size: 6px;font-weight: 800;padding-bottom: 1px;font-family: 'Muli';font-style: italic;letter-spacing: 2px;} mn2 {font-weight: 900;text-decoration-style: wavy!important;text-decoration-color: var(--catf)!important;text-decoration: underline;} mn3, mn3 a {font-size: 5px;color: var(--color-text);font-family: 'Muli';letter-spacing: 6px;}</style> <link href="https://fonts.googleapis.com/css2?family=Hind:wght@300;400;500;600;700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css?family=Poppins:400,400i,500,500i,600;&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Muli:ital,wght@0,200;0,400;0,500;&display=swap" rel="stylesheet"><center><div class="mn_bg_img"><div class="mn_main"><div class="nm_main_rp"><div class="mn_rp_title"><div class="mn_rp_mainimg"><img src="https://images2.imgbox.com/7e/2b/JyHSEiPt_o.png"></div><div class="mn_title_rp">TITRE DU RP ICI<br><mn1>FT. @"NOM PRENOM"</mn1><br><mn3><a href="LIEN DU OUTFIT ICI">outfits</a> / <a href="https://www.youtube.com/watch?v=OvioeS1ZZ7o">song</a></mn3></div></div><div class="mn_rp_desc">Cupcake ipsum dolor sit amet apple pie chocolate apple pie. Jelly biscuit wafer brownie shortbread <mn2>gummies</mn2> bear claw apple pie. Marzipan sugar plum cupcake chocolate bar danish cake apple pie marshmallow.

Shortbread <tt3>chocolate</tt3> cake powder muffin bear claw halvah carrot cake. Chupa chups dragée sweet chupa chups sweet roll lollipop dragée gummies shortbread. Caramels marshmallow tart dragée candy cookie topping jelly beans sugar plum.

Gingerbread fruitcake chocolate cake candy candy jelly-o icing powder biscuit. Dessert apple pie <ii3>gingerbread</ii3> icing donut liquorice. Gummi bears jelly jujubes gingerbread donut.

Marshmallow fruitcake cheesecake bear claw jelly chocolate cake danish. Shortbread candy bonbon tart oat cake croissant wafer sweet. <sous>Candy</sous> ice cream liquorice muffin halvah. Dessert lollipop croissant jelly soufflé ice cream icing.

Chocolate cupcake liquorice bonbon icing croissant. Jujubes tootsie roll jelly cupcake candy canes danish cake powder. Croissant jelly marzipan tiramisu <nw>macaroon</nw> danish cupcake sweet roll icing. Pastry icing biscuit pudding dragée.</div></div></div></div><div class="mn_credits">@moonaetics</div></center>

nom prénom — titre lien Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et blandit odio. Quisque vel interdum massa. Vivamus sed metus ac felis dictum dictum. Maecenas id laoreet velit, sed interdum metus. Fusce et nulla bibendum, suscipit nibh et, cursus eros. Sed in mollis ipsum, ac interdum sem. Morbi in ligula ornare, gravida nisl et, molestie ex. Suspendisse ac facilisis orci, in fringilla risus. Phasellus ac tortor dignissim, feugiat metus vel, dignissim tellus. Integer elementum ultrices rutrum. keyword, keyword, keyword

nom prénom — titre lien Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et blandit odio. Quisque vel interdum massa. Vivamus sed metus ac felis dictum dictum. Maecenas id laoreet velit, sed interdum metus. Fusce et nulla bibendum, suscipit nibh et, cursus eros. Sed in mollis ipsum, ac interdum sem. Morbi in ligula ornare, gravida nisl et, molestie ex. Suspendisse ac facilisis orci, in fringilla risus. Phasellus ac tortor dignissim, feugiat metus vel, dignissim tellus. Integer elementum ultrices rutrum. keyword, keyword, keyword

Code:

<link href="https://cdn.jsdelivr.net/gh/hyang5u/CODES/fch_lk.css" rel="stylesheet">
<center><div class="ctr2"><div class="bg_lk"><br><table class="tb_lk"><td class="td_lk20"><img src="URL_GIF" class="img_lk1"></td><td class="td_lk80"><div class="user_lk1">nom prénom</div> <div class="tt_lk">— titre lien</div><div class="lk_lk" id="nosc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et blandit odio. Quisque vel interdum massa. Vivamus sed metus ac felis dictum dictum. Maecenas id laoreet velit, sed interdum metus. Fusce et nulla bibendum, suscipit nibh et, cursus eros. Sed in mollis ipsum, ac interdum sem. Morbi in ligula ornare, gravida nisl et, molestie ex. Suspendisse ac facilisis orci, in fringilla risus. Phasellus ac tortor dignissim, feugiat metus vel, dignissim tellus. Integer elementum ultrices rutrum.</div><table class="tb_btm_lk"><td id="showtxt" style="width:5%;"><i class="cp cp-heart-o icon_btm_lk1"></i></td><td id="txt" class="td_kw_lk"><div class="kw_lk">keyword, keyword, keyword</div></td></table></td></table>
<table class="tb_lk"><td class="td_lk20"><img src="URL_GIF" class="img_lk2"></td><td class="td_lk80"><div class="user_lk2">nom prénom</div> <div class="tt_lk">— titre lien</div><div class="lk_lk" id="nosc">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin et blandit odio. Quisque vel interdum massa. Vivamus sed metus ac felis dictum dictum. Maecenas id laoreet velit, sed interdum metus. Fusce et nulla bibendum, suscipit nibh et, cursus eros. Sed in mollis ipsum, ac interdum sem. Morbi in ligula ornare, gravida nisl et, molestie ex. Suspendisse ac facilisis orci, in fringilla risus. Phasellus ac tortor dignissim, feugiat metus vel, dignissim tellus. Integer elementum ultrices rutrum.</div><table class="tb_btm_lk"><td id="showtxt" style="width:5%;"><i class="cp cp-heart-o icon_btm_lk2"></i></td><td id="txt" class="td_kw_lk"><div class="kw_lk">keyword, keyword, keyword</div></td></table></td></table>
<br></div></div></center>

ajouter lien avec titre première couleur:

ajouter lien avec titre deuxième couleur:

titre du rp outfit | @song jian

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut odio rutrum, condimentum mauris eu, lobortis diam. Donec ut tempus enim. Vivamus egestas hendrerit porta. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse eu sem posuere, viverra tortor sit amet, auctor dui. Sed non erat ante. Nulla facilisi. Etiam rhoncus neque laoreet suscipit pulvinar. Sed ligula ipsum, iaculis quis risus ut, molestie lobortis nunc.

Spoiler:

titre du rp the sun will rise, even from our ashes

outfit | @song jian

— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut odio rutrum, condimentum mauris eu, lobortis diam. Donec ut tempus enim. Vivamus egestas hendrerit porta. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse eu sem posuere, viverra tortor sit amet, auctor dui. Sed non erat ante. Nulla facilisi. Etiam rhoncus neque laoreet suscipit pulvinar. Sed ligula ipsum, iaculis quis risus ut, molestie lobortis nunc.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut odio rutrum, condimentum mauris eu, lobortis diam. Donec ut tempus enim. Vivamus egestas hendrerit porta. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse eu sem posuere, viverra tortor sit amet, auctor dui. Sed non erat ante. Nulla facilisi. Etiam rhoncus neque laoreet suscipit pulvinar. Sed ligula ipsum, iaculis quis risus ut, molestie lobortis nunc.

Code:

<link rel="stylesheet" href="https://raw.githack.com/hyang5u/CODES/main/test_root.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=Bebas+Neue&family=Mulish&display=swap" rel="stylesheet">
<center><div class="bg_rp2"><div class="tprp"><table class="trpup"><td class="ltdtp"><img src="URL_GIF" class="imgrpup"></td><td style="line-height:80%;"><span class="titup">titre du rp</span><br><ctrp>courte citation ici</ctrp></td></table></div><div class="ootd"><a href="URL_OUTFIT">outfit</a> | @"nom prénom"</i></div>
<div class="txt_rp">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut odio rutrum, condimentum mauris eu, lobortis diam. Donec ut tempus enim. Vivamus egestas hendrerit porta. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. <spe>Suspendisse eu sem posuere, viverra tortor sit amet, auctor dui.</spe> Sed non erat ante. Nulla facilisi. Etiam rhoncus neque laoreet suscipit pulvinar. Sed ligula ipsum, iaculis quis risus ut, molestie lobortis nunc.</div></div></center>

Code:

<link href="https://cdn.jsdelivr.net/gh/hyang5u/CODES/lunar_rp.css" rel="stylesheet"><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=Mulish&display=swap" rel="stylesheet">
<center><div class="ctr"><div class="rp_lu"><table class="tb_tp"><td class="td20"><i class="cp cp-moon-o icon_top"></i></td><td class="td_tp80"><div class="tt_vo">titre du rp</div><div class="lil_cit">courte citation ici</div></td></table>

<div class="rp_cont">— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut odio rutrum, condimentum mauris eu, lobortis diam. Donec ut tempus enim. Vivamus egestas hendrerit porta. <tk>Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</tk> Suspendisse eu sem posuere, viverra tortor sit amet, auctor dui. <tk2>Sed non erat ante. Nulla facilisi.</tk2> Etiam rhoncus neque laoreet suscipit pulvinar. Sed ligula ipsum, iaculis quis risus ut, molestie lobortis nunc.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut odio rutrum, condimentum mauris eu, lobortis diam. Donec ut tempus enim. <tk3>Vivamus egestas hendrerit porta.</tk3> Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse eu sem posuere, viverra tortor sit amet, auctor dui. Sed non erat ante. Nulla facilisi. <tk4>Etiam rhoncus neque laoreet suscipit pulvinar.</tk4> Sed ligula ipsum, iaculis quis risus ut, molestie lobortis nunc.</div>
<table class="tb_btm"><td id="showtxt" style="width:10%;"><a href="URL_OUTFIT"><i class="cp cp-planet-o icon_btm"></i></a></td><td id="txt" class="td_user"><div class="user">@"USERNAME"</div></td></table></div></div></center>

outfit

@song jian

titre du rp

petite citation juste ici

— Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut odio rutrum, condimentum mauris eu, lobortis diam. Donec ut tempus enim. Vivamus egestas hendrerit porta. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse eu sem posuere, viverra tortor sit amet, auctor dui. Sed non erat ante. Nulla facilisi. Etiam rhoncus neque laoreet suscipit pulvinar. Sed ligula ipsum, iaculis quis risus ut, molestie lobortis nunc.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer ut odio rutrum, condimentum mauris eu, lobortis diam. Donec ut tempus enim. Vivamus egestas hendrerit porta. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Suspendisse eu sem posuere, viverra tortor sit amet, auctor dui. Sed non erat ante. Nulla facilisi. Etiam rhoncus neque laoreet suscipit pulvinar. Sed ligula ipsum, iaculis quis risus ut, molestie lobortis nunc.

variation couleur:

première variation couleur:

deuxième variation couleur: