# Code pour RSDim 20 Fév - 12:03
Voici à la suite un code de relation qui vient de cactuscodes !
Dans un premier lieu, toutes les couleurs sont modifiables et vous les trouverez dans les "style" des différentes div, il ovus suffit de faire cmd + f ou ctrl + f pour trouver les différents endroits. Afin de rajouter des rps en plus, il faudra ajouter ce code pour un rp ouvert
afin de rajouter de nouvelles parties pour votre journal, il faudra rajouter ce code
si vous souhaitez changer les icons des différents personnages, ou bien de la fiche en elle-même, il faudra chercher ceci
relations
you've got a friend in me
Voici à la suite un code de relation qui vient de cactuscodes !
Explications
Parce que le code peut être compliqué à comprendre, voici quelques informations sur comment modifier et rajouter des informations.Dans un premier lieu, toutes les couleurs sont modifiables et vous les trouverez dans les "style" des différentes div, il ovus suffit de faire cmd + f ou ctrl + f pour trouver les différents endroits. Afin de rajouter des rps en plus, il faudra ajouter ce code pour un rp ouvert
- Code:
<div class="thread" style="background: #FFFFFF80;"><div class="open" style="background: #7f96d180;"><div class="__icon3" style="color: #FFFFFF50; text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.3);"><span class="th th-open-lock"></span></div></div><a href="/" class="linko" style="color: #7d7d7d;">titre</a><br><span class="with" style="color: #a5a5a5;">Nom Prénom</span></div>
- Code:
<div class="thread" style="background: #FFFFFF80;"><div class="close" style="background: #ce7dce80;"><div class="__icon3" style="color: #FFFFFF50; text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.3);"><span class="th th-closed-lock"></span></div></div><a href="/" class="linko" style="color: #7d7d7d;">titre</a><br><span class="with" style="color: #a5a5a5;">Nom Prénom</span></div>
- Code:
<br><div class="character" style="background: #FFFFFF80;"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4" style="color: #9BAAD380; text-shadow: 0px 0px 2px rgba(155, 170, 212, 0.5);"><span class="th th-z-capricorn"></span></div><div class="__rname" style="color: #7d7d7d;">prénom</div><div class="__rtype" style="color: #a5a5a5;">relation</div></div><div class="character" style="background: #FFFFFF80;"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4" style="color: #9BAAD380; text-shadow: 0px 0px 2px rgba(155, 170, 212, 0.5);"><span class="th th-z-gemini"></span></div><div class="__rname" style="color: #7d7d7d;">prénom</div><div class="__rtype" style="color: #a5a5a5;">relation</div></div><div class="character" style="background: #FFFFFF80;"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4" style="color: #9BAAD380; text-shadow: 0px 0px 2px rgba(155, 170, 212, 0.5);"><span class="th th-z-leo"></span></div><div class="__rname" style="color: #7d7d7d;">prénom</div><div class="__rtype" style="color: #a5a5a5;">relation</div></div>
afin de rajouter de nouvelles parties pour votre journal, il faudra rajouter ce code
- Code:
<div class="diarip" style="background: #FFFFFF80;"><div class="__pnumesp"><div class="__pnumber" style="color: #7d7d7d70;">.01</div></div><div class="__pcont" style="color: #7d7d7d99;">Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </div></div>
si vous souhaitez changer les icons des différents personnages, ou bien de la fiche en elle-même, il faudra chercher ceci
- Code:
<span class="th th-constellation"></span>
# Re: Code pour RSDim 20 Fév - 12:06
cactus
Sweet Dreams
I'm trapped in the illusion
relations
Prénom
relation
prénom
relation
prénom
relation
prénom
relation
prénom
relation
prénom
relation
diary
.01
Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
.02
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan tellus sed ex pharetra pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
.03
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan tellus sed ex pharetra pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam pharetra sapien et mi ultrices.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan tellus sed ex pharetra pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam pharetra sapien et mi ultrices.
- Code:
<div id="lynx"><div class="__body" style="background: linear-gradient(to top, #F1C7C9 0%, #9BAAD3 100%);"><div class="__icon1" style="color: #fff; text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);"><i class="fas fa-moon"></i></div><div class="__title" style="color: #fff; text-shadow: 0px 0px 4px rgba(255, 255, 255, 1);">Sweet Dreams</div><div class="__subtitle" style="color: #fff;">I'm trapped in the illusion</div><div class="__sep" style="background: #FFFFFF80;"></div><div class="LYNXcontainer"><div class="LYNXtabs"><div class="LYNXtab"><input type="radio" id="LYNXtab-1" name="LYNXtab-group-1" checked><label for="LYNXtab-1" style="color: #FFFFFF;"> <span class="th th-planet-2"></span> </label><div class="LYNXcontent" style="background: #FFFFFF0;"><div class="__icon2" style="color: #FFFFFF; text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);"><span class="th th-planet-2"></span></div><div class="__title2" style="color: #fff;">chronology</div><div class="__scrollbox"><div class="thread" style="background: #FFFFFF80;"><div class="open" style="background: #7f96d180;"><div class="__icon3" style="color: #FFFFFF50; text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.3);"><span class="th th-open-lock"></span></div></div><a href="/" class="linko" style="color: #7d7d7d;">titre</a><br><span class="with" style="color: #a5a5a5;">Nom Prénom</span></div><div class="thread" style="background: #FFFFFF80;"><div class="close" style="background: #ce7dce80;"><div class="__icon3" style="color: #FFFFFF50; text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.3);"><span class="th th-closed-lock"></span></div></div><a href="/" class="linko" style="color: #7d7d7d;">titre</a><br><span class="with" style="color: #a5a5a5;">Nom Prénom</span></div><div class="thread" style="background: #FFFFFF80;"><div class="open" style="background: #7f96d180;"><div class="__icon3" style="color: #FFFFFF50; text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.3);"><span class="th th-open-lock"></span></div></div><a href="/" class="linko" style="color: #7d7d7d;">titre</a><br><span class="with" style="color: #a5a5a5;">Nom Prénom</span></div><div class="thread" style="background: #FFFFFF80;"><div class="close" style="background: #ce7dce80;"><div class="__icon3" style="color: #FFFFFF50; text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.3);"><span class="th th-closed-lock"></span></div></div><a href="/" class="linko" style="color: #7d7d7d;">titre</a><br><span class="with" style="color: #a5a5a5;">Nom Prénom</span></div><div class="thread" style="background: #FFFFFF80;"><div class="open" style="background: #7f96d180;"><div class="__icon3" style="color: #FFFFFF50; text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.3);"><span class="th th-open-lock"></span></div></div><a href="/" class="linko" style="color: #7d7d7d;">titre</a><br><span class="with" style="color: #a5a5a5;">Nom Prénom</span></div><div class="thread" style="background: #FFFFFF80;"><div class="close" style="background: #ce7dce80;"><div class="__icon3" style="color: #FFFFFF50; text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.3);"><span class="th th-closed-lock"></span></div></div><a href="/" class="linko" style="color: #7d7d7d;">titre</a><br><span class="with" style="color: #a5a5a5;">Nom Prénom</span></div></div></div></div><div class="LYNXtab"><input type="radio" id="LYNXtab-2" name="LYNXtab-group-1"><label for="LYNXtab-2" style="color: #FFFFFF;"> <span class="th th-satellite"></span> </label><div class="LYNXcontent" style="background: #FFFFFF0;"><div class="__icon2" style="color: #FFFFFF; text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);"><span class="th th-satellite"></span></div><div class="__title2" style="color: #fff;">relations</div><div class="__scrollbox"><div class="character" style="background: #FFFFFF80;"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4" style="color: #9BAAD380; text-shadow: 0px 0px 2px rgba(155, 170, 212, 0.5);"><span class="th th-z-aquarius"></span></div><div class="__rname" style="color: #7d7d7d;">Prénom</div><div class="__rtype" style="color: #a5a5a5;">relation</div></div><div class="character" style="background: #FFFFFF80;"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4" style="color: #9BAAD380; text-shadow: 0px 0px 2px rgba(155, 170, 212, 0.5);"><span class="th th-z-aries"></span></div><div class="__rname" style="color: #7d7d7d;">prénom</div><div class="__rtype" style="color: #a5a5a5;">relation</div></div><div class="character" style="background: #FFFFFF80;"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4" style="color: #9BAAD380; text-shadow: 0px 0px 2px rgba(155, 170, 212, 0.5);"><span class="th th-z-cancer"></span></div><div class="__rname" style="color: #7d7d7d;">prénom</div><div class="__rtype " style="color: #a5a5a5;">relation</div></div><br><div class="character" style="background: #FFFFFF80;"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4" style="color: #9BAAD380; text-shadow: 0px 0px 2px rgba(155, 170, 212, 0.5);"><span class="th th-z-capricorn"></span></div><div class="__rname" style="color: #7d7d7d;">prénom</div><div class="__rtype" style="color: #a5a5a5;">relation</div></div><div class="character" style="background: #FFFFFF80;"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4" style="color: #9BAAD380; text-shadow: 0px 0px 2px rgba(155, 170, 212, 0.5);"><span class="th th-z-gemini"></span></div><div class="__rname" style="color: #7d7d7d;">prénom</div><div class="__rtype" style="color: #a5a5a5;">relation</div></div><div class="character" style="background: #FFFFFF80;"><div class="__image" style="background:url('http://via.placeholder.com/120x150');"></div><div class="__icon4" style="color: #9BAAD380; text-shadow: 0px 0px 2px rgba(155, 170, 212, 0.5);"><span class="th th-z-leo"></span></div><div class="__rname" style="color: #7d7d7d;">prénom</div><div class="__rtype" style="color: #a5a5a5;">relation</div></div></div></div></div><div class="LYNXtab"><input type="radio" id="LYNXtab-3" name="LYNXtab-group-1"><label for="LYNXtab-3" style="color: #FFFFFF;"> <span class="th th-constellation"></span> </label><div class="LYNXcontent" style="background: #FFFFFF0;"><div class="__icon2" style="color: #FFFFFF; text-shadow: 0px 0px 5px rgba(255, 255, 255, 1);"><span class="th th-constellation"></span></div><div class="__title2" style="color: #fff;">diary</div><div class="__scrollbox"><div class="diarip" style="background: #FFFFFF80;"><div class="__pnumesp"><div class="__pnumber" style="color: #7d7d7d70;">.01</div></div><div class="__pcont" style="color: #7d7d7d99;">Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </div></div><div class="diarip" style="background: #FFFFFF80;"><div class="__pnumesp"><div class="__pnumber" style="color: #7d7d7d70;">.02</div></div><div class="__pcont" style="color: #7d7d7d99;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan tellus sed ex pharetra pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</div></div><div class="diarip" style="background: #FFFFFF80;"><div class="__pnumesp"><div class="__pnumber" style="color: #7d7d7d70;">.03</div></div><div class="__pcont" style="color: #7d7d7d99;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan tellus sed ex pharetra pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam pharetra sapien et mi ultrices.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis accumsan tellus sed ex pharetra pharetra. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam pharetra sapien et mi ultrices.</div></div></div></div></div></div></div></div></div><center><a href="http://j.gs/19765185/cactuscodes" class="cactuscodes">cactus</a></center>
|
|