COMMANDES | Max's codes

https://pokemoncommunity.forumactif.org/t3874-0280-paul-nyllis-noctali

https://pokemoncommunity.forumactif.org/t3876-paul-nyllis-noctali

Icon :

Taille de l'équipe : 32/33
Région d'origine : Rosalia, Johto
Âge : 19
Niveau : 64
Jetons : 5563
Points d'Expériences : 2088

32/33

Rosalia, Johto

5563

2088

pokemon

32/33

Rosalia, Johto

5563

2088

Paul Nyllis

est un Topdresseur Stratège

Dim 10 Fév - 1:59

Commande de Paul Nyllis

Type de code : Thèse
Maquette ou explications du code souhaité : Je voudrais créer un journal de stratégie pour les prochaines thèses de Paul et pour cela, il me faudrait un codage qui puisse faire défiler les images avec mon texte and co. Ce serait donc des sortes d'onglets (un peu comme pour la fiche de préza d'Inaya, mais mis en page façon journal). Il pourrait donc y avoir l'endroit où cliquer pour changer de page et une bordure qui courrait autour de mes images pour les unifier.
Autres : J'ai rien d'hyper précis en tête, je te fais totalement confiance pour les couleurs et la forme du truc, des onglets,... (en sachant que c'est du format portrait).
Police à utiliser : sur dafont, tu peux trouver la police de Coca-Cola (je l'ai au pire, je te la passe). C'est pas du tout obligatoire, mais je me dis que ça pourrait être sympa de caler quelque part un petit Cat-Thèse quelque part :3
Acceptez vous que le code finisse en libre service ? Non

SCHEMA DU TRUC

Moodboard :

https://pokemoncommunity.forumactif.org/t4167-sirius-b-powell-sending-your-selfies-to-nasa-because-you-re-a-star

https://pokemoncommunity.forumactif.org/t4169-sirius-b-powell-noctali

Icon :

COMMANDES | Max's codes - Page 2 OT3z7Un7_o

Taille de l'équipe : 12
Région d'origine : Algatia - Hoenn
Âge : 19 yo
Niveau : 51
Jetons : 7892
Points d'Expériences : 1589

Algatia - Hoenn

19 yo

7892

1589

pokemon

Algatia - Hoenn

19 yo

7892

1589

Sirius B. Powell

est un Coordinateur Mode

Lun 4 Mar - 14:39

et voilà pour paul ! j'ai fait au plus simple mais n'hésite pas si tu as une question/besoin particulier Wink

Cat-Thèse

Code:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous"><style>.ongletp{ cursor: pointer;}.ongletcontp{display: none;}.zone_ongletp input{display: none;}input:checked + .ongletcontp{display: block;}.btn{padding: 10px;background-color:black;font-size: 20px;border-radius:100%;}.mr10{margin-right:10px;}.cbbtn{color:white;}.cadrep{ border:5px solid black; background:black; height:760px; width:550px; box-sizing:border-box;box-shadow:1px 1px 1px #000;}.titrep{ font-family:Roboto; font-size:40px; font-weight:bold; font-style:italic; color:white; letter-spacing:-3px; text-transform:uppercase;padding:15px;}</style>

<center><div class="cadrep"> <div class="titrep">Cat-Thèse</div> <div class="zone_ongletp"> <input id="p1" type="radio" name="ongletp" checked="" /><div class="ongletcontp"><img src="IMAGE EN 500X650"><div style="margin-top:20px;"><label for="p2" class="ongletp btn"><i class="fas fa-chevron-circle-right cbbtn"></i></label></div></div><input id="p2" type="radio" name="ongletp"/><div class="ongletcontp"><img src="IMAGE EN 500X650"><div style="margin-top:20px;"><label for="p1" class="ongletp btn mr10"><i class="fas fa-chevron-circle-left cbbtn"></i></label><label for="p3" class="ongletp btn"><i class="fas fa-chevron-circle-right cbbtn"></i></label></div></div><!-- nouvel onglet--></div></div></center>

Pour ajouter une page c'est assez simple, tu vas juste avant la balise "nouvel onglet" et tu copie colle ceci :

Code:

<input id="p2" type="radio" name="ongletp"/><div class="ongletcontp"><img src="IMAGE EN 500X650"><div style="margin-top:20px;"><label for="pNUMEROPAGEPRECEDENTE" class="ongletp btn mr10"><i class="fas fa-chevron-circle-left cbbtn"></i></label><label for="pNUMEROPROCHAINEPAGE" class="ongletp btn"><i class="fas fa-chevron-circle-right cbbtn"></i></label></div></div>

et voilà ! tout simple ;D si tu as des questions/soucis, n'hésite pas ok ?

sirius

liens

atelier

Icon :

Taille de l'équipe : 12
Région d'origine : Algatia - Hoenn
Âge : 19 yo
Niveau : 51
Jetons : 7892
Points d'Expériences : 1589

Algatia - Hoenn

19 yo

7892

1589

pokemon

Algatia - Hoenn

19 yo

7892

1589

Sirius B. Powell

est un Coordinateur Mode

Lun 4 Mar - 15:56

BON On s'attaque à un gros morceau avec yuna !!

la tcard :

Code:

<style>.scroll_y::-webkit-scrollbar {width:5px;height:0;} .scroll_y::-webkit-scrollbar-track {background:transparent; } .scroll_y::-webkit-scrollbar-thumb {background:var(--dm-color);}/*Lucida Handwriting*/@font-face { font-family: 'lucida'; src: url('https://files.jcink.net/uploads/font/LHANDW_TTF.ttf'); font-weight: normal; font-style: normal;} :root{ --main-color: #a1c4fd; --sub-color: #c2e9fb; --dm-color:#9bc1fd;--ds-color: #b7e5fa;} .ongletfy2{cursor: pointer;} .ongletconty2{display: none;} .zone_onglety2 input {display: none;} input:checked + .ongletconty2{display: block;}.bg_yuna{ margin:auto; width:600px; padding:20px; box-sizing:border-box; background-image: linear-gradient(160deg, var(--main-color) 0%, var(--sub-color) 100%); border:1px solid var(--dm-color);}.t1_yuna{ font-family:Lucida; color:white; text-align:center; font-size:30px;}.t2_yuna{ font-family:Source Sans Pro; color:white; line-height:25px; font-size:20px; text-transform:uppercase; font-weight:bold; font-style:italic; letter-spacing:-1px;}.fl_yuna{ display:flex; background:white; padding:10px; border:1px solid var(--dm-color);}.ic3_yuna{ margin-right:10px;}.ic3_yuna div{ width:100px; height:100px; margin-bottom:5px; padding:1px; border:1px solid var(--dm-color);}.ic3_yuna div img{ width:100px; height:100px;}.cont_yuna{ width:422px;}.znbtn_yuna{ display:flex;}.btn_yuna{ background:var(--main-color); width:101px; height:40px; margin-right:5px; box-sizing:border-box; border:1px solid var(--dm-color); color:white; font-family:Source Sans Pro; text-transform:uppercase; font-size:13px; font-weight:bold; font-style:italic; text-align:center; padding-top:10px; transition: all 0.3s linear;}.btn_yuna:hover{ background:var(--sub-color); border:1px solid var(--ds-color); transition: all 0.3s linear;}.btna_yuna{ background:var(--sub-color); border:1px solid var(--ds-color);}.box3_yuna{ margin-top:5px; height:386px; padding-right:5px; width:414px; font-family:Source Sans Pro; font-size:12px; text-align:justify;overflow:auto;}.box3_yuna span{ text-transform:uppercase; font-weight:bold;}.t3_yuna{ font-family:Lucida; font-size:15px; color:var(--dm-color); border-bottom:1px solid var(--dm-color); margin-bottom:5px;}</style>

<div class="bg_yuna"> <div class="t1_yuna">Yuna Frostheart</div> <div class="t2_yuna">Légende</div> <div class="fl_yuna"> <div class="ic3_yuna"> <div> <img src="https://66.media.tumblr.com/21503ebc4370bfef40d6bdb323d71a40/tumblr_inline_p7h215Zqdt1rvimnb_100.png"/> </div> <div> <img src="https://66.media.tumblr.com/21503ebc4370bfef40d6bdb323d71a40/tumblr_inline_p7h215Zqdt1rvimnb_100.png"/> </div> <div> <img src="https://66.media.tumblr.com/21503ebc4370bfef40d6bdb323d71a40/tumblr_inline_p7h215Zqdt1rvimnb_100.png"/> </div> <div style="margin-bottom:0;"> <img src="https://66.media.tumblr.com/21503ebc4370bfef40d6bdb323d71a40/tumblr_inline_p7h215Zqdt1rvimnb_100.png"/> </div> </div> <div class="cont_yuna"> <div class="zone_onglety2"> <input id="y1" type="radio" name="ongletfy2" checked="" /> <div class="ongletconty2"> <div class="znbtn_yuna"> <label for="y1" class="ongletfy2"> <div class="btn_yuna btna_yuna"> Description </div> </label> <label for="y2" class="ongletfy2"> <div class="btn_yuna"> Progression </div> </label> <label for="y3" class="ongletfy2"> <div class="btn_yuna"> Sac </div> </label> <label for="y4" class="ongletfy2"> <div class="btn_yuna"> Infos </div> </label> </div> <div class="box3_yuna scroll_y"> <div class="t3_yuna">titre 1</div> <span>pour mettre en valeur</span> content</div> </div> <input id="y2" type="radio" name="ongletfy2"/> <div class="ongletconty2"> <div class="znbtn_yuna"> <label for="y1" class="ongletfy2"> <div class="btn_yuna"> Description </div> </label> <label for="y2" class="ongletfy2"> <div class="btn_yuna btna_yuna"> Progression </div> </label> <label for="y3" class="ongletfy2"> <div class="btn_yuna"> Sac </div> </label> <label for="y4" class="ongletfy2"> <div class="btn_yuna"> Infos </div> </label> </div> <div class="box3_yuna scroll_y"> content </div> </div> <input id="y3" type="radio" name="ongletfy2"/> <div class="ongletconty2"> <div class="znbtn_yuna"> <label for="y1" class="ongletfy2"> <div class="btn_yuna"> Description </div> </label> <label for="y2" class="ongletfy2"> <div class="btn_yuna"> Progression </div> </label> <label for="y3" class="ongletfy2"> <div class="btn_yuna btna_yuna"> Sac </div> </label> <label for="y4" class="ongletfy2"> <div class="btn_yuna"> Infos </div> </label> </div> <div class="box3_yuna scroll_y"> content </div> </div> <input id="y4" type="radio" name="ongletfy2"/> <div class="ongletconty2"> <div class="znbtn_yuna"> <label for="y1" class="ongletfy2"> <div class="btn_yuna"> Description </div> </label> <label for="y2" class="ongletfy2"> <div class="btn_yuna"> Progression </div> </label> <label for="y3" class="ongletfy2"> <div class="btn_yuna"> Sac </div> </label> <label for="y4" class="ongletfy2"> <div class="btn_yuna btna_yuna"> Infos </div> </label> </div> <div class="box3_yuna scroll_y"> content </div> </div> <!--onglet--> </div></div></div></div>

les relations :

Code:

<style>.scroll_y::-webkit-scrollbar {width:5px;height:0;} .scroll_y::-webkit-scrollbar-track {background:transparent; } .scroll_y::-webkit-scrollbar-thumb {background:var(--dm-color);}/*Lucida Handwriting*/@font-face { font-family: 'lucida'; src: url('https://files.jcink.net/uploads/font/LHANDW_TTF.ttf'); font-weight: normal; font-style: normal;} :root{ --main-color: #a1c4fd; --sub-color: #c2e9fb; --dm-color:#9bc1fd;--ds-color: #b7e5fa;}.bg_yuna{ margin:auto; width:600px; padding:20px; box-sizing:border-box; background-image: linear-gradient(160deg, var(--main-color) 0%, var(--sub-color) 100%); border:1px solid var(--dm-color);}.t1_yuna{ font-family:Lucida; color:white; text-align:center; font-size:30px;}.t2_yuna{ font-family:Source Sans Pro; color:white; line-height:25px; font-size:20px; text-transform:uppercase; font-weight:bold; font-style:italic; letter-spacing:-1px;}.rel_yuna{ display:flex; padding:5px; border:1px solid var(--dm-color); background:white; margin-bottom:5px;}.ic1_yuna{ width:100px; height:100px; margin-right:5px; border:1px solid var(--dm-color); padding:1px;}.ic2_yuna{ margin-right:0px; margin-left:5px;}.ic1_yuna img{ width:100px;height:100px;}.relbox_yuna{ width:435px; height:102px; border:1px solid var(--dm-color);}.relbox_yuna:hover .reldesc_yuna{ opacity:1; transition:all 1s linear;}.relname_yuna{ height:102px; box-sizing:border-box; font-family:Lucida; padding-top:30px; text-align:center; font-size:20px;}.relname_yuna div{ font-family:Source Sans Pro; font-size:12px; color:black;}.reldesc_yuna{ height:102px; overflow:auto; box-sizing:border-box; position:relative; top:-102px; opacity:0; transition:all 1s linear; padding:10px; background:white; font-family:Source Sans Pro; text-align:justify; font-size:12px;}</style>
<div class="bg_yuna"> <div class="t1_yuna">Relations</div> <div class="t2_yuna">Légende</div> <div class="rel_yuna"> <div class="ic1_yuna"> <img src="ICON"/> </div> <div class="relbox_yuna"> <div class="relname_yuna"> nom prénom <a href="LIEN"><div>lien musical</div></a> </div> <div class="reldesc_yuna scroll_y"> TXT</div> </div> </div> <div class="rel_yuna"> <div class="relbox_yuna"> <div class="relname_yuna"> nom prénom <a href="LIEN"><div>lien musical</div></a> </div> <div class="reldesc_yuna scroll_y"> TXT</div> </div> <div class="ic1_yuna ic2_yuna"> <img src="ICON"/> </div> </div> <!--ajouter une relation ici--></div>

pour ajouter deux relations, il faut placer ceci avant la balise "ajouter une relation ici" :

Code:

<div class="rel_yuna"> <div class="ic1_yuna"> <img src="ICON"/> </div> <div class="relbox_yuna"> <div class="relname_yuna"> nom prénom <a href="LIEN"><div>lien musical</div></a> </div> <div class="reldesc_yuna scroll_y"> TXT</div> </div> </div> <div class="rel_yuna"> <div class="relbox_yuna"> <div class="relname_yuna"> nom prénom <a href="LIEN"><div>lien musical</div></a> </div> <div class="reldesc_yuna scroll_y"> TXT</div> </div> <div class="ic1_yuna ic2_yuna"> <img src="ICON"/> </div> </div>

Le listing :

Code:

<style>/*Lucida Handwriting*/@font-face { font-family: 'lucida'; src: url('https://files.jcink.net/uploads/font/LHANDW_TTF.ttf'); font-weight: normal; font-style: normal;} :root{ --main-color: #a1c4fd; --sub-color: #c2e9fb; --dm-color:#9bc1fd;--ds-color: #b7e5fa;}.bg_yuna{ margin:auto; width:600px; padding:20px; box-sizing:border-box; background-image: linear-gradient(160deg, var(--main-color) 0%, var(--sub-color) 100%); border:1px solid var(--dm-color);}.t1_yuna{ font-family:Lucida; color:white; text-align:center; font-size:30px;}.t2_yuna{ font-family:Source Sans Pro; color:white; line-height:25px; font-size:20px; text-transform:uppercase; font-weight:bold; font-style:italic; letter-spacing:-1px;}.ongletfy{cursor: pointer;} .ongletconty{display: none;} .zone_onglety input {display: none;} input:checked + .ongletconty{display: block;}.box1_yuna{ background:white; padding:10px; margin-top:5px; font-family:Source Sans Pro; font-size:12px; color:black;}.t3_yuna{ font-family:Lucida; font-size:15px; color:var(--dm-color); border-bottom:1px solid var(--dm-color); margin-bottom:5px;}.box2_yuna{ padding:10px;}</style>
<div class="bg_yuna"> <div class="t1_yuna">Listing Rp</div> <div class="t2_yuna">Légende</div> <div class="zone_onglety"> <input id="f1" type="radio" name="ongletfy" checked="" /> <div class="ongletconty"> <div class="box1_yuna"> <label for="f1" class="ongletfy"><div class="t3_yuna">Semestre 1</div></label> <div class="box2_yuna"> rp avec truc s1 </div> <label for="f2" class="ongletfy"><div class="t3_yuna">Semestre 2</div></label><!--ajouter un bouton --> </div> </div> <input id="f2" type="radio" name="ongletfy"/> <div class="ongletconty"> <div class="box1_yuna"> <label for="f1" class="ongletfy"><div class="t3_yuna">Semestre 1</div></label> <label for="f2" class="ongletfy"><div class="t3_yuna">Semestre 2</div></label> <div class="box2_yuna"> rp avec truc s2 </div> <!--ajouter un bouton --> </div> </div> <!--nouvel onglet--> </div></div>

pour ajouter un semestre il faut faire deux trucs :
ajouter ceci après les balises "ajouter un nouveau bouton" :

Code:

<label for="fNUMERO DU SEMESTRE" class="ongletfy"><div class="t3_yuna">Semestre X</div></label>

puis ajouter ceci avant la balise "nouvel onglet" :

Code:

<input id="fNUMERODUSEMESTRE" type="radio" name="ongletfy"/> <div class="ongletconty"> <div class="box1_yuna"> <label for="f1" class="ongletfy"><div class="t3_yuna">Semestre 1</div></label> <label for="f2" class="ongletfy"><div class="t3_yuna">Semestre 2</div></label> <!--ajouter les boutons --><label for="fNUMERO DU SEMESTRE" class="ongletfy"><div class="t3_yuna">Semestre X</div></label><div class="box2_yuna"> rp avec truc dans ce semestre </div> <!--ajouter un bouton --> </div> </div>

attention cependant, pour l'esthétisme du code, il faudra penser, à l'ajout de tes nouveaux semestres, à ajouter les anciens boutons (avant la balise ajouter les boutons) si tu as des questions hésite pas, c'est l'aspect un peu complexe :c

les pokémons :

Code:

<style> .ongletfy3{cursor: pointer;} .ongletconty3{display: none;} .zone_onglety3 input {display: none;} input:checked + .ongletconty3{display: block;}.scroll_y::-webkit-scrollbar {width:5px;height:0;} .scroll_y::-webkit-scrollbar-track {background:transparent; } .scroll_y::-webkit-scrollbar-thumb {background:var(--dm-color);}/*Lucida Handwriting*/@font-face { font-family: 'lucida'; src: url('https://files.jcink.net/uploads/font/LHANDW_TTF.ttf'); font-weight: normal; font-style: normal;} :root{ --main-color: #a1c4fd; --sub-color: #c2e9fb; --dm-color:#9bc1fd;--ds-color: #b7e5fa;}.bg_yuna{ margin:auto; width:600px; padding:20px; box-sizing:border-box; background-image: linear-gradient(160deg, var(--main-color) 0%, var(--sub-color) 100%); border:1px solid var(--dm-color);}.t1_yuna{ font-family:Lucida; color:white; text-align:center; font-size:30px;}.t2_yuna{ font-family:Source Sans Pro; color:white; line-height:25px; font-size:20px; text-transform:uppercase; font-weight:bold; font-style:italic; letter-spacing:-1px;}.t3_yuna{ font-family:Lucida; font-size:15px; color:var(--dm-color); border-bottom:1px solid var(--dm-color); margin-bottom:5px;}.fl2_yuna{ display:flex;}.spr_yuna{ background:white; padding:10px; border:1px solid var(--dm-color); margin-right:5px; height:213px; overflow:auto; width:32px;}.spr_yuna img{ width:32px; height:32px;}.pk_yuna{ width:480px;}.imgpk_yuna{width:104px;}.imgpk_yuna div { padding:1px; border:1px solid var(--dm-color);}.imgpk_yuna img{ width:100px; height:100px;}.cnpk_yuna{ width:371px; margin-right:5px; height:212px; overflow:auto; font-family: Source Sans Pro; font-size: 12px; text-align: justify;}.cnpk_yuna span { text-transform: uppercase; font-weight: bold;}.fl_yuna{ display:flex; background:white; padding:10px; border:1px solid var(--dm-color);}</style>
<div class="bg_yuna"> <div class="t1_yuna">équipe</div><div class="t2_yuna">Légende</div><div class="fl2_yuna"><div class="spr_yuna scroll_y"> <label for="pk1" class="ongletfy3"> <div> <img src="MINISPRITE 1"> </div> </label><label for="pk2" class="ongletfy3"> <div> <img src="MINI SPRITE 2"> </div> </label> <!--ajouter un bouton--></div><div class="fl_yuna pk_yuna"><div class="zone_onglety3"><input id="pk1" type="radio" name="ongletfy3" checked="" /><div class="ongletconty3"><div class="fl2_yuna"><div class="cnpk_yuna scroll_y"><div class="t3_yuna">wow</div>info pkm<span>mettre en valeur</span></div><div class="imgpk_yuna"><div style="margin-bottom:5px;"><img src="ICON"></div><div><img src="ICON"></div></div></div></div> <input id="pk2" type="radio" name="ongletfy3"/> <div class="ongletconty3"><div class="fl2_yuna"><div class="cnpk_yuna scroll_y"><div class="t3_yuna">wow 2</div>info pkm<span>mettre en valeur</span></div><div class="imgpk_yuna"><div style="margin-bottom:5px;"><img src="ICON"></div><div><img src="ICON"></div></div></div></div> <!-- nouvel onglet--></div></div></div></div>

pour ajouter un pokemon, c'est deux étapes :
ajouter le bouton avant la balise "ajouter un nouveau bouton" :

Code:

<label for="pkNUMERODUPOKEMON" class="ongletfy3"> <div> <img src="MINI SPRITE"> </div> </label>

ajouter l'onglet avant la balise "nouvel onglet" :

Code:

<input id="pkNUMERODUPOKEMON" type="radio" name="ongletfy3"/> <div class="ongletconty3"><div class="fl2_yuna"><div class="cnpk_yuna scroll_y"><div class="t3_yuna">wow 2</div>info pkm<span>mettre en valeur</span></div><div class="imgpk_yuna"><div style="margin-bottom:5px;"><img src="ICON"></div><div><img src="ICON"></div></div></div></div>

le rp :

Code:

<style>/*Lucida Handwriting*/@font-face { font-family: 'lucida'; src: url('https://files.jcink.net/uploads/font/LHANDW_TTF.ttf'); font-weight: normal; font-style: normal;} :root{ --main-color: #a1c4fd; --sub-color: #c2e9fb; --dm-color:#9bc1fd;--ds-color: #b7e5fa;}.bg_yuna{ margin:auto; width:600px; padding:20px; box-sizing:border-box; background-image: linear-gradient(160deg, var(--main-color) 0%, var(--sub-color) 100%); border:1px solid var(--dm-color);}.fl2_yuna{ display:flex;}.ic4_yuna{ width:100px; height:100px; margin-right:5px; border:1px solid white; padding:3px;}.ic4_yuna img{ width:100px;height:100px;}.t4_yuna{ font-family: Lucida; color: white; text-align: center; font-size: 17px; width:327px; margin-right:10px;}.t4_yuna span{ font-family:Source Sans pro; text-transform:uppercase; font-weight:bold; font-size:15px;}.rp_yuna{ background:white; padding:10px; border:1px solid var(--dm-color); font-family: Source Sans Pro; font-size: 12px; text-align: justify; margin-top:10px;}</style>
<div class="bg_yuna"> <div class="fl2_yuna"> <div class="ic4_yuna"> <img src="IMG"> </div> <div class="t4_yuna">Titre
 <span>info supplémentaire</span> </div> <div class="ic4_yuna"> <img src="IMG"> </div> </div> <div class="rp_yuna"> rprp </div></div>

et en bonus si ça t'intéresse une pseudo signature :

Code:

<style>@font-face { font-family: 'lucida'; src: url('https://files.jcink.net/uploads/font/LHANDW_TTF.ttf'); font-weight: normal; font-style: normal;} :root{ --main-color: #a1c4fd; --sub-color: #c2e9fb; --dm-color:#9bc1fd;--ds-color: #b7e5fa;}.bg_yuna{ margin:auto; width:600px; padding:20px; box-sizing:border-box; background-image: linear-gradient(160deg, var(--main-color) 0%, var(--sub-color) 100%); border:1px solid var(--dm-color);}.fl2_yuna{ display:flex;}.ic4_yuna{ width:100px; height:100px; margin-right:5px; border:1px solid white; padding:3px;}.ic4_yuna img{ width:100px;height:100px;}.t5_yuna{ font-family: Lucida; color: white; text-align: center; font-size: 17px;}.t5_yuna span{ font-family:Source Sans pro; text-transform:uppercase; font-weight:bold; font-size:15px;}</style>
<div class="bg_yuna"> <div class="fl2_yuna"> <div class="ic4_yuna"> <img src="IMG"> </div> <div class="t5_yuna">ce que tu veux !
<span>un autre style</span> </div> </div></div>

pfiou et voilà ! si tu as la moindre question, n'hésite surtout pas, de même si tu veux des changements ou autre Smile

zoubi !

sirius

liens

atelier

https://pokemoncommunity.forumactif.org/t6876-469-erika-uchida-de-reine-a-geisha-adulte#70942

https://pokemoncommunity.forumactif.org/t6878-erika-uchida-adulte#71031

Icon :

Taille de l'équipe : 10/15
Région d'origine : Née à Johto, a passée son adolescence à Kalos
Âge : 30
Niveau : 30
Jetons : 1018
Points d'Expériences : 658

10/15

Née à Johto, a passée son adolescence à Kalos

1018

658

pokemon

10/15

Née à Johto, a passée son adolescence à Kalos

1018

658

Erika Uchida

est un Adulte Artiste Geisha

Mar 21 Mai - 14:57

Commande d'Erika

Type de code : T-Card
Maquette ou explications du code souhaité : Alors une refonte de ma T-Card s'impose et j'avoue que à force je commence à faire le tour de mes propres capacités...
Il me faut trois codes pour trois parties distinctes.

Première partie / Premier code : le moodboard
L'idée c'est de regrouper toutes les infos concernant Erika en un moodboard géant. Une case avec des infos généralistes comme la date de naissance, lieu de naissance, couleurs favorite.
Une case concernant sa maison avec l'image de cette dernière et quelques explications sur le lieu.
Une case concernant son actualité people (avec ta magnifique interview).
Une case inventaire.
Une case historique (achat/vente, un secrétariat en bref).
Une case vers les boutiques geishas.
Une case vers le théâtre (?) à voir comment on peut amener ça.
Je ne suis pas contre décliné le nombre de case, mettre des trucs en plus. En bref fait péter ton imagination en un tableau d'image et de texte qui explique tout sur mon Erika **

Deuxième code : Le listing Rp
J'aime beaucoup mon codage en lui-même car il est très simple mais à force ça commence à faire très long. Peut-être des titres déroulant selon la période. Aide moi à rendre ça plus joli et pratique pour ceux qui veulent lire ma chrono T-T

Troisième code : Team Code
J'aime beaucoup mon propre codage mais j'ai quelques soucis d'optimisation. J'aime beaucoup le code que tu as fait pour Ana avec les minis sprites. Peut-être qu'on peut mixer nos codages sur ce principe. Autre chose j'aimerais bien que l'on puisse faire un code couleur. Erika va avoir plusieurs équipes de prédilections pour les concours, les combats spé eau, les combats spé élec ou encore pour le soutien (recherche, plantatation). Un moyen rapide de savoir qui est dans quel équipe serait un code couleur.
PS : Tu peux très bien retoucher tout mon codage, je veux juste garder mes "cases/catégories" que je trouve assez simple de compréhension pour moi lol

Police à utiliser : Je te laisse voir.
Images à utiliser : Celle de la maison d'Erika car elle fixe le lieu (ici)
Autres : Je te demande la lune mais je sais que tu en es capable car tu es une vraie étoile.
Acceptez vous que le code finisse en libre service ? Oui

Love is always in season.

COMMANDES | Max's codes - Page 2 1560019036-miniat-team03

La vie ce n'est pas d'attendre que les orages passent, c'est d'apprendre comment danser sous la pluie - Sénèque

Icon :

Taille de l'équipe : 12
Région d'origine : Algatia - Hoenn
Âge : 19 yo
Niveau : 51
Jetons : 7892
Points d'Expériences : 1589

Algatia - Hoenn

19 yo

7892

1589

pokemon

Algatia - Hoenn

19 yo

7892

1589

Sirius B. Powell

est un Coordinateur Mode

Ven 7 Juin - 15:13

on commence gentiment par la première partie du code, j'espère que ça conviendra à l'idée que tu en avais ahaha

le code est juste ici :

Code:

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous"><link href="https://fonts.googleapis.com/css?family=Comfortaa|Roboto&display=swap" rel="stylesheet"><link rel="stylesheet" href="https://www.aht.li/3382319/erika.css" type="text/css"><style>.scrollt::-webkit-scrollbar {width:2px;height:0;} .scrollt::-webkit-scrollbar-track {background:transparent;} .scrollt::-webkit-scrollbar-thumb {background:var(--c7);}.scroll_e::-webkit-scrollbar {width:5px;height:0;} .scroll_e::-webkit-scrollbar-track {background:transparent;} .scroll_e::-webkit-scrollbar-thumb {background:var(--c1);border-bottom:8px solid var(--c2);}:root{ --c1: #e3a6ae; --c2: #eecece; --c3: #f7f7f7; --c4: #fefefe; --c5: #d9d9d9; --c6: #f8ecec; --c7: #e6e6e6; --w: #fff; --b: #000;}</style>

<div class="tope"> <div class="iconse"> <label for="f1" class="onglete"> <div class="icone"> <i class="fas fa-user"></i> <span class="infobulle_e">profil</span> </div> </label> <label for="f2" class="onglete"> <div class="icone"> <i class="fas fa-home"></i> <span class="infobulle_e">maison & théatre</span> </div> </label> <label for="f3" class="onglete"> <div class="icone"> <i class="fas fa-book"></i> <span class="infobulle_e">actualité people</span> </div> </label> <label for="f4" class="onglete"> <div class="icone"> <i class="fab fa-pagelines"></i> <span class="infobulle_e">geisha</span> </div> </label> </div> <div class="trie"></div> <div class="namee">erika uchida</div></div><div class="zone_onglete"> <input id="f1" type="radio" name="onglete" checked="" /> <div class="ongletconte"> <div class="bote"> <div class="infoe scroll_e"> <div class="t1e">infos</div> <div class="b1e scroll_e">texte</div> <div class="t1e">inventaire</div> <div class="b1e scroll_e">texte</div> <div class="t1e">secretariat</div> <div class="b1e scroll_e">texte</div> <div class="t1e">comptabilité</div> <div class="b1e scroll_e">texte</div><!--ajouter une boite--> </div> <div class="icoe"> <div class="icee"> <img src="https://66.media.tumblr.com/9f6601ab6086f054478190f7be1843dd/tumblr_inline_pbh36oZ8xV1rvimnb_100.png"/> </div> <div class="b2e scrollt"> <div class="eke"> <div> <b>Texte</b> texte </div> </div> <div class="eke"> <div> <b>Texte</b> texte </div> </div> <div class="eke"> <div> <b>Texte</b> texte </div> </div> <div class="eke"> <div> <b>Texte</b> texte </div> </div> <div class="eke"> <div> <b>Texte</b> texte </div> </div> <div class="eke"> <div> <b>Texte</b> texte </div> </div> <!--ajouter une info--></div> </div> </div> </div><!--nouvel onglet--> <input id="f2" type="radio" name="onglete"/> <div class="ongletconte"> <div class="bote"> <div> <div class="b3e"> <div class="scroll_e"> texte maison </div> </div> <div class="bi1"> <img src="https://i.imgur.com/OjWKDTX.png"> <div>le quartier du théatre</div> </div> </div> <div> <div class="bi1"> <img src="https://i.imgur.com/OjWKDTX.png"> <div style="top:55px;">chez erika</div> </div> <div class="b3e"> <div class="scroll_e"> texte boutique </div> </div> </div> </div> </div><!--nouvel onglet--> <input id="f3" type="radio" name="onglete"/> <div class="ongletconte"> <div class="bote"> <div class="bi2"> <img src="https://sig.grumpybumpers.com/host/ErikaUchida.gif"> </div> <div class="infoe scroll_e"> <div class="t1e">titre de la news people</div> <div class="b1e scroll_e">texte</div> <div class="t1e">titre de la news people</div> <div class="b1e scroll_e">texte</div><!--ajouter une boite--> </div> </div> </div><!--nouvel onglet--> <input id="f4" type="radio" name="onglete"/> <div class="ongletconte"> <div class="bote"> <div class="bi2"> <img src="https://i.imgur.com/AlvRieb.png"> </div> <div class="infoe scroll_e"> <div class="t1e">type de geisha 1 </div> <div class="b1e scroll_e">les infos toussa toussa</div> <div class="t1e">type de geisha 2</div> <div class="b1e scroll_e">tu connais les bails </div><!--ajouter une boite-->  </div> </div> </div> </div><!--nouvel onglet--></div>

maintenant pour les custo dans la balise "style" tout au début, tu vas retrouver une "root", là dedans, c'est les variables des couleurs, tu peux les changer si tu veux. je conseille c1 la plus foncée, c2 intermédiaire et c3 la plus claire, le tout dans des nuances d'une même teinte pour un rendu optimal ~
ensuite, l'icone du profil est en 100x100 normal, tranquille, les images de la partie maison et théâtre sont en 324x164px enfin les deux autres images de activité people et geisha sont en 320x200px la taille standard des avatars pc
ensuite, dans la partie profil, si tu souhaites ajouter un bloc c'est avec ceci avant la balise "ajouter une boite" (ça sera la même chose si tu veux ajouter une boite dans les sections people et geisha

Code:

<div class="t1e">titre</div> <div class="b1e scroll_e">texte</div>

et pour ajouter une info sur le profil à droite sous l'icone c'est avant la balise "ajouter une info" et c'est ce bout de code :

Code:

<div class="eke"> <div> <b>Texte</b> texte </div> </div>

voilà voilà, si tu as des questions sur ce bout de code n'hésite pas et le reste arrive soon Smile

Dernière édition par Sirius B. Powell le Mar 11 Fév - 10:20, édité 1 fois

sirius

liens

atelier

https://pokemoncommunity.forumactif.org/

Icon :

COMMANDES | Max's codes - Page 2 Nvw4ody

Taille de l'équipe : 0
Région d'origine : -
Âge : -
Niveau : 0
Jetons : 0
Points d'Expériences : 13151

13151

pokemon

13151

Sir Trouille

est un PNJs

Dim 9 Juin - 21:32

pension

services & tarif

clients

yuna frostheart

infos

texte

service

texte

Client

texte

Lucifer

Textetexte

bon lel, ça prend les trucs d'erika mais promis ça marchera comme il faut sur ton sujet à toi xDD

du coup le code est ici :

Code:

<link rel="stylesheet" href="https://www.aht.li/3382985/yuna.css" type="text/css">
<style>@font-face { font-family: 'lucida'; src: url('https://files.jcink.net/uploads/font/LHANDW_TTF.ttf'); font-weight: normal; font-style: normal;}.scrollt::-webkit-scrollbar {width:2px;height:0;} .scrollt::-webkit-scrollbar-track {background:transparent;} .scrollt::-webkit-scrollbar-thumb {background:var(--c7);}.scroll_e::-webkit-scrollbar {width:5px;height:0;} .scroll_e::-webkit-scrollbar-track {background:transparent;} .scroll_e::-webkit-scrollbar-thumb {background:var(--c1);border-bottom:8px solid var(--c2);}:root{ --c1: #a1c4fd; --c2: #c2e9fb; --c3: #f7f7f7; --c4: #fefefe; --c5: #d9d9d9; --c6: #e6effe; --c7: #e6e6e6; --w: #fff; --b: #000;}</style>

<div class="tope"> <div class="iconse"><label for="f1" class="onglete"><div class="icone"><i class="fas fa-home"></i><span class="infobulle_e">pension</span></div></label><label for="f2" class="onglete"><div class="icone"><i class="fas fa-book"></i><span class="infobulle_e">services & tarif</span></div></label><label for="f3" class="onglete"><div class="icone"><i class="fab fa-pagelines"></i><span class="infobulle_e">clients</span></div></label></div><div class="trie"></div><div class="namee">yuna frostheart</div></div><div class="bote"><div class="zone_onglete"><input id="f1" type="radio" name="onglete" checked="" /><div class="ongletconte"><div class="infoe scroll_e"><div class="t1e">infos</div><div class="b4e scroll_e">texte</div></div></div><input id="f2" type="radio" name="onglete"/><div class="ongletconte"><div class="infoe scroll_e"><div class="t1e">service</div><div class="b1e scroll_e">texte</div> <!--nouvelle boite--></div></div><input id="f3" type="radio" name="onglete" checked=""/><div class="ongletconte"><div class="infoe scroll_e"><div class="t1e t2e"> <div>Client</div> <img src="https://i.servimg.com/u/f89/19/48/36/03/yunaqu20.png"/></div><div class="b1e scroll_e">texte</div> <!--nouvelle boite--></div></div></div><div class="icoe"><div class="icee"><img src="https://i.servimg.com/u/f89/19/48/36/03/yunaqu20.png"/></div><div class="b2e scrollt"><div class="eke"><div><b>Lucifer</b><img src="https://i.servimg.com/u/f89/19/48/36/03/lucife13.png"/></div></div><div class="eke"><div><b>Texte</b>texte</div></div><div class="eke"><div><b>Texte</b>texte</div></div><div class="eke"><div><b>Texte</b>texte</div></div><div class="eke"><div><b>Texte</b>texte</div></div><div class="eke"><div><b>Texte</b>texte</div></div> <!--nouveau client--></div></div></div>

pour ajouter une boite c'est avant les commentaires "nouvelle boite ici"
avec le client :

Code:

<div class="t1e t2e"> <div>Client</div> <img src="https://i.servimg.com/u/f89/19/48/36/03/yunaqu20.png"/></div><div class="b1e scroll_e">texte</div>

sans le client :

Code:

<div class="t1e">service</div><div class="b1e scroll_e">texte</div>

nouveau client à droite :

Code:

<div class="eke"><div><b>Texte</b><img src="ICONE"/></div></div>

https://pokemoncommunity.forumactif.org/t7536-514-enzo-white-la-panique-mecanique-adulte#76980

https://pokemoncommunity.forumactif.org/t7548-enzo-white-adulte#77041

Icon :

COMMANDES | Max's codes - Page 2 Vm8DyUKD_o

Taille de l'équipe : 3/9
Région d'origine : Hoenn - Pacifiville
Âge : 27 ans
Niveau : 15
Jetons : 1455
Points d'Expériences : 229

3/9

Hoenn - Pacifiville

27 ans

1455

229

pokemon

3/9

Hoenn - Pacifiville

27 ans

1455

229

Enzo White

est un Adulte Homme à tout faire

Lun 24 Juin - 15:18

petit code de thèse pour salomé Smile

salome.pc/theses/nomdelathese

partie 1
partie 2

Grand Titre

petit titre

gras souligné italique

texte

wow 2

Code:

<link rel="stylesheet" href="https://www.aht.li/3388667/salome.css" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Cutive+Mono&display=swap" rel="stylesheet">
<style>.scrolls::-webkit-scrollbar {width:5px;height:0;} .scrolls::-webkit-scrollbar-track {background:transparent;} .scrolls::-webkit-scrollbar-thumb {background:black;}.s1{margin-bottom:5px;}</style>

<div class="tops"> <div class="ics" style="margin-right:10px;"> <i class="fas fa-caret-left"></i> <i class="fas fa-caret-right"></i> </div> <div class="url"> salome.pc/theses/nomdelathese </div> <div class="ics" style="margin-top:3px;margin-left:10px;"> <i class="fas fa-times"></i> </div></div><div class="bots"> <div class="lefts"><div class="icos"><img src="ICON 100X100"/></div><div class="btns"><label for="s1" class="onglets">partie 1</label></br><label for="s2" class="onglets">partie 2</label></br><!--nouveau bouton--></div> </div><div class="zone_onglets"><input id="s1" type="radio" name="onglets" checked=""/> <div class="ongletconts"> <div class="rights scrolls"> TEXTE PARTIE 1</div> </div><input id="s2" type="radio" name="onglets"/> <div class="ongletconts"> <div class="rights scrolls"> TEXTE PARTIE 2</div> </div><!--nouvel onglet--></div></div>

pour ajouter une partie :
- ajoute un bouton avant la balise "nouveau bouton"

Code:

<label for="s2" class="onglets">partie 2</label></br>

remplace le s2 par snumérodelapartie
- ajoute un onglet avant la balise "nouvel onglet"

Code:

<input id="s2" type="radio" name="onglets"/> <div class="ongletconts"> <div class="rights scrolls"> TEXTE PARTIE 2</div> </div>

remplace s2 par snumérodelapartie

là où y'a le gros TEXTE PARTIE tu vas pouvoir utiliser des petits outils pour agrémenter ta présentation :
- un gros titre

Code:

<div class="s1">Grand Titre</div>

- un sous titre

Code:

<div class="s2">Sous Titre</div>

- texte en gras

Code:

<b>gras</b>

- texte en italique

Code:

<i>italique</i>

- texte souligné

Code:

<u>souligné</u>

- image centrée (largueur max 447px)

Code:

<div class="is1"><img src="urlimage"/></div>

- image à droite

Code:

<div class="is2"><img src=""urlimage"/></div>

- image à gauche

Code:

<div class="is3"><img src=""urlimage"/></div>

et tu peux mettre du texte normal, évidement. ça scroll tout seul

n'oublie de changer l'url de ta thèse !!
et si tu as le moindre soucis, n'hésite pas Smile

traveller

https://pokemoncommunity.forumactif.org/t5221-370-hagawa-haru-phyllali

https://pokemoncommunity.forumactif.org/t5233-hagawa-haru-phyllali

Icon :

COMMANDES | Max's codes - Page 2 Tumblr_inline_mxrm54BUyO1s46qka

Taille de l'équipe : 15
Région d'origine : Unys
Âge : 15
Niveau : 51
Jetons : 3190
Points d'Expériences : 1738

Unys

3190

1738

pokemon

Unys

3190

1738

Hagawa Haru

est un Coordinateur Performer

Jeu 27 Juin - 16:05

Commande de Haru

Type de code : T-Card complète
Maquette ou explications du code souhaité : Blblblb, je m'en sort plus avec ma T-card, du coup je passe par ici ! J'aimerais que se soit quelque chose que je puisse utiliser sur mes trois persos, pour pas me casser la tête ! xD Honnêtement j'ai pas vraiment d'idée de ce que j'aimerais, donc désoler si c'est assez vague... Du coup je vais m'aider de ce que je trouve le plus cool dans ta galerie ! Quoi qu'il en soit, je sais que ce sera cool ! /PAN/

1. Information de perso : Quelque chose d'assez simple, et qu'on puisse facilement accéder à toutes les info avec les onglets, sans que se trop cafouillis, avec un onglet info, inventaire, progression et divers ( pour pouvoir mettre les CS, ou un lien pour une boutique.. ). Dans l'idée, j'aime beaucoup par exemple ce que t'a fait avec Enzo ! www

2. Pokémon : Quelque chose qui se rapproche un peu la t-card de Cael www

3.Listing RP : Un code simple, avec juste des titres Vacances, Semestre 1/2 pour pouvoir différencier les rps dans le temps.

4. Liens : Euh... J'en sais rien, fait comme il te plait ! Tu as carte blanche ! o/

Police à utiliser : Je te laisse géré !
Images à utiliser : Du coup j'aimerais surtout que se soit pour Haru à la base, donc si tu veux tester avec des images de Nagisa, ça me va ! Après c'est surtout pour pouvoir utiliser ce code pour mes trois persos donc osef ! xD
Autres : Je vais aller prier, devant l'hôtel à paillette, ne t'en fait pas ! Et désoler pour donner aussi peu d'info pour ce que je veux... Dans tout les cas, je sais que ce sera génial, donc je m'en fait pas ! Ahah
Acceptez vous que le code finisse en libre service ? Yep bien sûre !

PHYL THE POWER ! ≈ On part à l'aventuuuuure !

https://pokemoncommunity.forumactif.org/t8162-556-dakoy-ra-quand-l-eau-est-a-12c-il-faut-s-attendre-a-ce-qu-elle-soit-froide-voltali

https://pokemoncommunity.forumactif.org/t8229-dakoy-ra-voltali

Icon :

Taille de l'équipe : 6 +2
Région d'origine : Sinnoh - Joliberges
Âge : 15
Niveau : 16
Jetons : 2384
Points d'Expériences : 304

6 +2

Sinnoh - Joliberges

2384

304

pokemon

6 +2

Sinnoh - Joliberges

2384

304

Dakoy Ra

est un Pokeathlète Médecin

Jeu 3 Oct - 22:25

Commande de Dakoy

Type de code : T-Card

Maquette ou explications du code souhaité : Coucou toi ! Je fais une demande suite aux magnifiques et inégalables idées que nous avions eu à Montpellier.
De ce que je me souviens, on avait parlé d'une T-Card genre dossier médical, où chaque fiche est une sorte de fiche de suivi de patient. On avait parlé d'un bloc avec les feuilles et des bitoniaux de couleur avec une petite image du pokémon pour passer d'une fiche à l'autre (juste la dimension d'un tout petit sprite) Il faudrait également de quoi mettre une image un peu plus grande (genre sprite normal) sur chaque fiche du coup, et éventuellement une image d'encore plus grande dimension pour la 1e fiche vu que ce sera celle de Dakoy. A part ça, le style devrait être plutôt "classique" pour que ça fasse un peu pro.

Police à utiliser : Celle de base c'est bien, j'imagine mal un dossier médical écrit avec une police My Little Pony (stp le fais pas, même si je sais que tu vas essayer du coup)

Images à utiliser : Que pouic

Autres : Voilà ce dont je me souviens, n'hésite pas à rajouter et personnaliser si tu aimerais rajouter des idées ou fioritures. Je te fais entièrement confiance là-dessus, je sais d'avance que tu feras du très bon travail Cool

Et pour le délai t'inquiète pas hein, tu te doutes bien que je vais pas te presser :p

Acceptez vous que le code finisse en libre service ? Oui !

https://pokemoncommunity.forumactif.org/t8357-567-the-second-twin-is-here-alone-akabara-phyllali

https://pokemoncommunity.forumactif.org/t8360-alone-akabara-phyllali#84765

Icon : The King of Snow
Taille de l'équipe : 13/24
Région d'origine : Hoenn
Âge : 16 ans
Niveau : 22
Jetons : 673
Points d'Expériences : 462

The King of Snow

13/24

Hoenn

16 ans

673

462

pokemon

The King of Snow

13/24

Hoenn

16 ans

673

462

Alone Akabara

est un Scientifique Chercheur Pokemon

Mar 3 Déc - 12:50

Commande de Nom

Type de code : Relation
Maquette ou explications du code souhaité :

Plan :

Quand on clique sur une des photos, la fenêtre en bas s'actualise. Il faudrait que la description du personnage apparaisse directement, pas qu'on ait besoin de passer la souris sur la case du texte.
Police à utiliser : La même que celle de ma T-card (désolé je me souviens plus de laquelle tu as utilisé)
Images à utiliser :/
Autres :/
Acceptez vous que le code finisse en libre service ? Oui

https://pokemoncommunity.forumactif.org/t8078-550-le-traqueur-de-peche-bruce-hedge-voltali

https://pokemoncommunity.forumactif.org/t8174-bruce-hedge

Icon :

COMMANDES | Max's codes - Page 2 0001-1270291033

Taille de l'équipe : 15/17
Région d'origine : Alola - Ula Ula
Âge : 16
Niveau : 22
Jetons : 806
Points d'Expériences : 655

15/17

Alola - Ula Ula

806

655

pokemon

15/17

Alola - Ula Ula

806

655

Bruce Hedge

est un Topdresseur Spé. Type

Lun 20 Jan - 18:20

Commande de Bruce Hedge

Type de code : Présentation de Pokémon
Maquette ou explications du code souhaité :
Du coup comme je t'avais dit par MP ce serait de rajouter des barres de progression pour les stats et les compétences dans la partie dédié au pokémon de ma T-Card qui est Ici
Police à utiliser : La même que celle de ma T-Card
Images à utiliser : aucune
Autres : Rien de plus de particulier

COMMANDES | Max's codes - Page 2 P8X21eb

True Mastermind

Icon :

Taille de l'équipe : 12
Région d'origine : Algatia - Hoenn
Âge : 19 yo
Niveau : 51
Jetons : 7892
Points d'Expériences : 1589

Algatia - Hoenn

19 yo

7892

1589

pokemon

Algatia - Hoenn

19 yo

7892

1589

Sirius B. Powell

est un Coordinateur Mode

Mar 11 Fév - 10:34

slt, soyez prêt pour pleins de commandes réalisés ! on commence par Haru ! (no worry pour les onglets; ici c'est la merde à cause des onglets de plus haut)(sur ton topic devrait pas y avoir de soucis)

Nom Prénom

info info info

infos Boggarts lavender robes, Hermione Granger Fantastic Beasts and Where to Find Them. Bee in your bonnet Hand of Glory elder wand, spectacles House Cup Bertie Bott’s Every Flavor Beans Impedimenta. Stunning spells tap-dancing spider Slytherin’s Heir mewing kittens Remus Lupin. Palominos scarlet train black robes, Metamorphimagus Niffler dead easy second bedroom. Padma and Parvati Sorting Hat Minister of Magic blue turban remember my last.Boggarts lavender robes, Hermione Granger Fantastic Beasts and Where to Find Them. Bee in your bonnet Hand of Glory elder wand, spectacles House Cup Bertie Bott’s Every Flavor Beans Impedimenta. Stunning spells tap-dancing spider Slytherin’s Heir mewing kittens Remus Lupin. Palominos scarlet train black robes, Metamorphimagus Niffler dead easy second bedroom. Padma and Parvati Sorting Hat Minister of Magic blue turban remember my last.

Rp Fiche lien

inventaire

progression

divers

x1 Pokéball

inventaire

progression

divers

Grade 0

Le contenu de ton bouton 1

inventaire

progression

divers

Le contenu de ton bouton 1

Surnom

info info info nfo info infnfo info infnfo info infnfo info infnfo info infnfo info inf

attaque

att 98

recherche 0

Listing rp

semestre 1 - année 1

le titre du rp avec machin (statut)

Relations

nom prénom

description

en tout début de ton premier post :

Code:

<link rel="stylesheet" href="https://www.aht.li/3469985/haru.css" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<style>:root{--c1: #1b8798;--c2: #f2f2f2;--c3: #bfbfbf;--w: #fff;--b: #000;}</style>

si tu veux changer le turquoise; dans ce morceau de code, remplace le code couleur de la c1 par celle que tu veux Smile

tcard :

Code:

<div class="harbg"> <div class="harcont"> <div class="hartop"> <div class="harinf"> <div class="hart1">Nom Prénom</div> <div class="hart2">info info info</div> <div class="harb1 scrollharu"> infos Boggarts lavender robes, Hermione Granger Fantastic Beasts and Where to Find Them. Bee in your bonnet Hand of Glory elder wand, spectacles House Cup Bertie Bott’s Every Flavor Beans Impedimenta. Stunning spells tap-dancing spider Slytherin’s Heir mewing kittens Remus Lupin. Palominos scarlet train black robes, Metamorphimagus Niffler dead easy second bedroom. Padma and Parvati Sorting Hat Minister of Magic blue turban remember my last.Boggarts lavender robes, Hermione Granger Fantastic Beasts and Where to Find Them. Bee in your bonnet Hand of Glory elder wand, spectacles House Cup Bertie Bott’s Every Flavor Beans Impedimenta. Stunning spells tap-dancing spider Slytherin’s Heir mewing kittens Remus Lupin. Palominos scarlet train black robes, Metamorphimagus Niffler dead easy second bedroom. Padma and Parvati Sorting Hat Minister of Magic blue turban remember my last. </div> <div class="harlink"> <a href="www">Rp</a> <a href="www">Fiche</a> <a href="www">lien</a> </div> </div> <div class="harava"><img src="https://cdnw.nickpic.host/vyzyQp.png"/></div> </div> <div class="harbot"> <div class="harzone_onglet"> <input id="p1" type="radio" name="ongleth" checked="" /> <div class="harongletcont"> <div class="harzbtn"> <label for="p1" class="ongleth"> <div class="harbtn haractif"> inventaire </div> </label> <label for="p2" class="ongleth"> <div class="harbtn"> progression </div> </label> <label for="p3" class="ongleth"> <div class="harbtn"> divers </div> </label> </div> <div class="harb2 scrollharu"> x1 Pokéball </div> </div> <input id="p2" type="radio" name="ongleth"/> <div class="harongletcont"> <div class="harzbtn"> <label for="p1" class="ongleth"> <div class="harbtn"> inventaire </div> </label> <label for="p2" class="ongleth"> <div class="harbtn haractif"> progression </div> </label> <label for="p3" class="ongleth"> <div class="harbtn"> divers </div> </label> </div> <div class="harb2 scrollharu"> <div class="hart4">Grade 0</div> Le contenu de ton bouton 1 </div> </div> <input id="p3" type="radio" name="ongleth"/> <div class="harongletcont"> <div class="harzbtn"> <label for="p1" class="ongleth"> <div class="harbtn"> inventaire </div> </label> <label for="p2" class="ongleth"> <div class="harbtn"> progression </div> </label> <label for="p3" class="ongleth"> <div class="harbtn haractif"> divers </div> </label> </div> <div class="harb2 scrollharu"> Le contenu de ton bouton 1 </div> </div> </div> </div> </div></div>

pokemon

Code:

<div class="harbg" > <div class="harcont"> <div class="hartop"> <div class="harinf"> <div class="hart1">Surnom</div> <div class="hart2">info info info nfo info infnfo info infnfo info infnfo info infnfo info infnfo info inf</div> <div class="harb3 scrollharu"> infos Boggarts lavender robes, Hermione Granger Fantastic Beasts and Where to Find Them. Bee in your bonnet Hand of Glory elder wand, spectacles House Cup Bertie Bott’s Every Flavor Beans Impedimenta. Stunning spells tap-dancing spider Slytherin’s Heir mewing kittens Remus Lupin. Palominos scarlet train black robes, Metamorphimagus Niffler dead easy second bedroom. Padma and Parvati Sorting Hat Minister of Magic blue turban remember my last.Boggarts lavender robes, Hermione Granger Fantastic Beasts and Where to Find Them. Bee in your bonnet Hand of Glory elder wand, spectacles House Cup Bertie Bott’s Every Flavor Beans Impedimenta. Stunning spells tap-dancing spider Slytherin’s Heir mewing kittens Remus Lupin. Palominos scarlet train black robes, Metamorphimagus Niffler dead easy second bedroom. Padma and Parvati Sorting Hat Minister of Magic blue turban remember my last. </div> </div> <div class="harpkm"> <div> <img src="https://via.placeholder.com/220x150"/> </div> <div class="haratt scrollharu"> <img src="https://www.pokepedia.fr/images/thumb/4/4d/Miniature_Type_Eau_GO.png/30px-Miniature_Type_Eau_GO.png">attaque </div> <div class="harstats"> <div class="harb4 scrollharu"><span>att</span> 98</div> <div class="harb4 scrollharu"><span>recherche</span> 0</div> </div> </div> </div> </div></div>

listing rp

Code:

<div class="harbg"> <div class="harcont"> <div class="hart1">Listing rp</div> <div class="hart3">semestre 1 - année 1</div> <div class="harb5"> <a href="www">le titre du rp</a> avec machin (statut) </div> <!--ajouter un semestre--></div></div>

relations

Code:

<div class="harbg"> <div class="harcont"> <div class="hart1">Relations</div> <div class="harrela"> <div class="haric"><img src="https://via.placeholder.com/100"></div> <div class="harrel"> <div class="hart5">nom prénom</div> <div class="harb5 harh scrollharu">description </div> </div> </div> <!--ajouter une relation--></div></div>

vuelà, hésite pas si tu as des questions !

sirius

liens

atelier

Icon :

Taille de l'équipe : 12
Région d'origine : Algatia - Hoenn
Âge : 19 yo
Niveau : 51
Jetons : 7892
Points d'Expériences : 1589

Algatia - Hoenn

19 yo

7892

1589

pokemon

Algatia - Hoenn

19 yo

7892

1589

Sirius B. Powell

est un Coordinateur Mode

Mar 11 Fév - 15:52

pour dakoy

Dossier patient

Numero de dossier

0000000

texte texte

inventaire

progression

divers

texte inventaire

inventaire

progression

divers

texte progression

inventaire

progression

divers

texte divers

Dossier patient

Numero de dossier

0000000

info infos

attaques

att

100

def

100

att spé

100

def spé

100

vit

100

compétences

Dossier patient 2

Numero de dossier

0000000

info infos

attaques

att

100

def

100

att spé

100

def spé

100

vit

100

compétences

alors déjà tu commences par ça tout en haut de ton premier post :

Code:

<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://www.aht.li/3470229/dakoy.css" type="text/css">

ensuite pour la tcard

Code:

<div class="dbg"> <div class="dcont"> <div class="dt1">Dossier patient</div> <div class="db1"> <div class="db1t">Numero de dossier</div> <div class="db1st">0000000</div> </div> <div class="dflex"> <div class="db2 scrolld"> <span>texte </span>texte </div> <div class=""> <img src="https://zupimages.net/up/20/06/9w1j.png"> </div> </div> <div class="dzone_onglet"> <input id="invd" type="radio" name="ongletd" checked="" /> <div class="dongletcont"> <div class="dflex djc"> <label for="invd" class="ongletd"> <div class="dbtn dacti"> inventaire </div> </label> <label for="prod" class="ongletd"> <div class="dbtn"> progression </div> </label> <label for="divd" class="ongletd"> <div class="dbtn"> divers </div> </label> </div> <div class="db3 scrolld"> texte inventaire </div> </div> <input id="prod" type="radio" name="ongletd"/> <div class="dongletcont"> <div class="dflex djc"> <label for="invd" class="ongletd"> <div class="dbtn"> inventaire </div> </label> <label for="prod" class="ongletd"> <div class="dbtn dacti"> progression </div> </label> <label for="divd" class="ongletd"> <div class="dbtn"> divers </div> </label> </div> <div class="db3 scrolld"> texte progression </div> </div> <input id="divd" type="radio" name="ongletd"/> <div class="dongletcont"> <div class="dflex djc"> <label for="invd" class="ongletd"> <div class="dbtn"> inventaire </div> </label> <label for="prod" class="ongletd"> <div class="dbtn"> progression </div> </label> <label for="divd" class="ongletd"> <div class="dbtn dacti"> divers </div> </label> </div> <div class="db3 scrolld"> texte divers </div> </div> </div> </div> </div>

pour les deux premiers pokémons :

Code:

<div class="dbg"> <div class="dcont" style="display:flex;"> <label for="p1" class="ongletdp"><img src="https://www.pokepedia.fr/images/0/02/Miniature_228.png"></label> <label for="p2" class="ongletdp"><img src="https://www.pokepedia.fr/images/0/02/Miniature_228.png"></label> <!--nouveau bouton pokemon--> </div></div>

<div class="dpzone_onglet"> <input id="p1" type="radio" name="ongletdp" checked=""/> <div class="dpongletcont"> <div class="dbg"> <div class="dcont"> <div class="dt1">Dossier patient</div> <div class="db1"> <div class="db1t">Numero de dossier</div> <div class="db1st">0000000</div> </div> <div class="dflex"> <div class="db4 scrolld"> <span>info </span>infos </div> <div class="dic"> <img src="https://via.placeholder.com/100"> </div> </div> <div class="dflex"> <div class="db5 scrolld">attaques</div> <div class="db7 scrolld"> <div class="dstat"> <div class="dsta"> att </div> <div class="dbar"> <div style="width:20%;">100</div> </div> </div> <div class="dstat"> <div class="dsta"> def </div> <div class="dbar"> <div style="width:50%;">100</div> </div> </div> <div class="dstat"> <div class="dsta"> att spé </div> <div class="dbar"> <div style="width:40%;">100</div> </div> </div> <div class="dstat"> <div class="dsta"> def spé </div> <div class="dbar"> <div style="width:30%;">100</div> </div> </div> <div class="dstat"> <div class="dsta"> vit </div> <div class="dbar"> <div style="width:80%;">100</div> </div> </div> <div class="dstat"> <div class="dsta"> hp </div> <div class="dbar"> <div style="width:50%;">100</div> </div> </div> </div> <div class="db6 scrolld">compétences</div> </div> </div> </div> </div> <input id="p2" type="radio" name="ongletdp"/> <div class="dpongletcont"> <div class="dbg"> <div class="dcont"> <div class="dt1">Dossier patient 2</div> <div class="db1"> <div class="db1t">Numero de dossier</div> <div class="db1st">0000000</div> </div> <div class="dflex"> <div class="db4 scrolld"> <span>info </span>infos </div> <div class="dic"> <img src="https://via.placeholder.com/100"> </div> </div> <div class="dflex"> <div class="db5 scrolld">attaques</div> <div class="db7 scrolld"> <div class="dstat"> <div class="dsta"> att </div> <div class="dbar"> <div style="width:20%;">100</div> </div> </div> <div class="dstat"> <div class="dsta"> def </div> <div class="dbar"> <div style="width:50%;">100</div> </div> </div> <div class="dstat"> <div class="dsta"> att spé </div> <div class="dbar"> <div style="width:40%;">100</div> </div> </div> <div class="dstat"> <div class="dsta"> def spé </div> <div class="dbar"> <div style="width:30%;">100</div> </div> </div> <div class="dstat"> <div class="dsta"> vit </div> <div class="dbar"> <div style="width:80%;">100</div> </div> </div> <div class="dstat"> <div class="dsta"> hp </div> <div class="dbar"> <div style="width:50%;">100</div> </div> </div> </div> <div class="db6 scrolld">compétences</div> </div> </div> </div> </div> <!--nouveau pokemon--></div>

pour ajouter un nouveau pokémon :
ajouter ceci avant la balise "nouveau bouton"

Code:

<label for="p2" class="ongletdp"><img src="https://www.pokepedia.fr/images/0/02/Miniature_228.png"></label>

puis ajouter ceci après la balise "nouveau pokémon"

Code:

<input id="p2" type="radio" name="ongletdp"/> <div class="dpongletcont"> <div class="dbg"> <div class="dcont"> <div class="dt1">Dossier patient 2</div> <div class="db1"> <div class="db1t">Numero de dossier</div> <div class="db1st">0000000</div> </div> <div class="dflex"> <div class="db4 scrolld"> <span>info </span>infos </div> <div class="dic"> <img src="https://via.placeholder.com/100"> </div> </div> <div class="dflex"> <div class="db5 scrolld">attaques</div> <div class="db7 scrolld"> <div class="dstat"> <div class="dsta"> att </div> <div class="dbar"> <div style="width:20%;">100</div> </div> </div> <div class="dstat"> <div class="dsta"> def </div> <div class="dbar"> <div style="width:50%;">100</div> </div> </div> <div class="dstat"> <div class="dsta"> att spé </div> <div class="dbar"> <div style="width:40%;">100</div> </div> </div> <div class="dstat"> <div class="dsta"> def spé </div> <div class="dbar"> <div style="width:30%;">100</div> </div> </div> <div class="dstat"> <div class="dsta"> vit </div> <div class="dbar"> <div style="width:80%;">100</div> </div> </div> <div class="dstat"> <div class="dsta"> hp </div> <div class="dbar"> <div style="width:50%;">100</div> </div> </div> </div> <div class="db6 scrolld">compétences</div> </div> </div> </div> </div>

attention ! dans le label et l'input tu as un for et un id, respectivement, qui relie le bouton à l'onglet, il faut que tu changes la valeur (ici p2) pour la valeur que tu assignes à ton nouveau pokémon, par exemple, p3 pour le pokemon 3
Pour les stats tu as cette div

Code:

<div style="width:50%;">100</div>

tu dois simplement changer le pourcentage du width pour celui qui correspond à la valeur de la stat, je te laisse faire ton échelle Smile

il me semble que c'est tout, hésite pas si tu as des questions (et encore une fois, si les onglets marchent pas ici c'est "normal" y'a des interférences)

sirius

liens

atelier

https://pokemoncommunity.forumactif.org/t8743-starlight-magnolia-jones#88911

https://pokemoncommunity.forumactif.org/t8783-magnolia-jones-mentali

Icon :

COMMANDES | Max's codes - Page 2 MEL2lH7h_o

Taille de l'équipe : 7/12
Région d'origine : Volucité, Unys
Âge : 14 ans
Niveau : 41
Jetons : 3241
Points d'Expériences : 1370

7/12

Volucité, Unys

14 ans

3241

1370

pokemon

7/12

Volucité, Unys

14 ans

3241

1370

Magnolia Jones

est un Pokeathlète Agent

Mer 26 Aoû - 16:53

Titre

sous titre feat someone

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nisi ipsum, varius et purus commodo, condimentum consequat neque. Sed dapibus tincidunt nulla ullamcorper efficitur. Cras in odio consequat, porta nisl viverra, consectetur nibh. Duis tincidunt, sem non interdum laoreet, dolor eros efficitur ex, vitae semper metus eros at odio. Cras auctor ipsum eget lectus pulvinar, id finibus ante convallis. Aenean ut lectus non diam cursus sollicitudin. Nulla ut erat in dolor faucibus rutrum et sit amet tortor. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;

Praesent sed dapibus lacus. Curabitur ac nibh nisl. Nam vestibulum pulvinar orci, nec hendrerit lorem sodales vel. In sit amet elit ligula. Nullam bibendum purus sit amet aliquam pretium. Donec ac sagittis urna, ac sagittis leo. Integer quis lectus eget purus viverra tempor eu eget augue. Etiam convallis magna at leo mollis posuere. Ut quis metus efficitur, molestie nulla sit amet, dignissim velit. Sed eu purus leo. Aenean viverra ante vitae tellus vulputate consectetur. Vivamus eget tincidunt risus, eu blandit enim. Phasellus eu magna odio.

Voilà pour Raudhr !
Du coup, c'est relativement simple comme code tu peux modifier les images tout en haut du code en changeant le contenu de l'url de cette variable "--imgrd" (pense bien à laisser le url() qui entoure l'url en elle même pour que ça foire pas. L'image en elle même est du 120px par 1080px et j'ai fait ce petit psd https://we.tl/t-dQshJn85FE (c'est un wetransfer donc il vivra pas ad vitam eternam mais au pire tu me pokes et je te le renvoie par discord j'ai tendance à tout garder) il est relativement simple le pdf, retrouve juste l'image de l'arcanin dedans et place ton image à cet endroit et ça devrait faire le taf, au pire, poke moi je verrais ce que je peux faire. et je crois que c'est tout !

Code:

<style>:root{ --r1:#1a1a1a; --r2:#cecece; --imgrd:url(https://imgur.com/ADp5QZ7.png)}@font-face {font-family: 'I_Still_Know';src: url('https://files.jcink.net/uploads/font/I_Still_Know.ttf');font-weight: normal;font-style: normal;}.bgr{ background-color:var(--r1); width:550px; margin:auto; box-shadow: 0 0 3px 4px black; padding:10px; box-sizing:border-box;}.mainr{ border:1px solid var(--r2); padding:20px 20px 20px 20px; font-family:Times New Roman; font-size:14px; color: var(--r2); text-align:justify; display:flex; justify-content:space-between;}.tr1{ font-family: I_Still_Know; font-size:35px; text-align:center; letter-spacing:8px; text-shadow: 0px 0px 6px var(--r2); padding-bottom:10px;}.tr1::first-letter{ font-size:50px;}.str{ font-family: I_Still_Know; font-size:10px; text-align:center; letter-spacing:8px; text-shadow: 0px 0px 5px var(--r2); padding-bottom:20px;}.str::first-letter{ font-size:20px;}.barrer{ height:1px; background:var(--r2); margin-bottom:20px; box-shadow:0px 0px 5px var(--r2);}.rightr{ width:380px;}.leftr{ margin-top:-100px; margin-left:-60px;}.imgr{ background:var(--imgrd); width:120px; height:1080px; filter:grayscale(100%); transition:1s all ease;}.imgr:hover{ transition:1s all ease; filter:grayscale(0%);}</style>
<div class="bgr"> <div class="mainr"> <div class="leftr"> <div class="imgr"></div> </div> <div class="rightr"> <div class="tr1">Titre</div> <div class="str">sous titre feat someone</div> <div class="barrer"></div> <div class="txtr"> TEXTE RP ICI </div> </div> </div></div>

Icon :

Taille de l'équipe : 7/12
Région d'origine : Volucité, Unys
Âge : 14 ans
Niveau : 41
Jetons : 3241
Points d'Expériences : 1370

7/12

Volucité, Unys

14 ans

3241

1370

pokemon

7/12

Volucité, Unys

14 ans

3241

1370

Magnolia Jones

est un Pokeathlète Agent

Mer 26 Aoû - 17:11

j'enchaîne avec un petit bout de code pour Bruce

nom stat

Code:

<style>:root{ --bg:#cccccc; --accentc1:black; --font:white;}.lignestat{ display:flex;}.titrestat{ font-family:Verdana; margin-right:20px; font-size:12px; margin-top:5px;}.statsb{ width:100px; height:22px; background:var(--bg); border:1px solid var(--accentc1); font-family:Verdana;}.statsb div{ background:var(--accentc1); padding:5px; font-size:10px; color:var(--font);}</style>
<div class="lignestat"> <div class="titrestat">nom stat</div> <div class="statsb"><div style="width:30%;">30</div></div></div>

C'est tout simple, tu ajoutes le style à ta tcard puis tu prends ce qui a après la balise qui ferme le style pour ajouter tes lignes. Tu peux changer la taille de la complétion en modifiant ce bout :

Code:

<div style="width:30%;">30</div>

pour le pourcentage de ton choix !
au niveau des couleurs tu peux personnaliser la petite barre très simplement avec le root : le gris correspond à la variable --bg, le noir à la variable --accentc1 et le blanc de la police à --font
si tu veux modifier le "nom stat" tu as accès à son css dans la classe "titrestat"

et je crois que c'est tout !

pokemon

Contenu sponsorisé

est un

Page 2 sur 2 • 1, 2

Sauter vers:

Permission de ce forum:

Vous ne pouvez pas répondre aux sujets dans ce forum