Connexion
Pokemon Community :: Hors-jeu :: Atelier graphique :: Commandes

Pokemon Community

T’façon tu m’aimes trop pour me tuer là. Et on est sur un forum tout public tu n’as pas le droit..
en savoir plus ?
Marcher puis dormir sous la lune.
Marcher puis s'enlacer jusqu'à l'aurore.
Marcher puis s'aimer pour l'éternité.
Marchaimer.
en savoir plus ?
Contrairement à ce que tu penses, les gens ne sont pas prisonniers de leurs idéaux. Et tu devrais toi-même en prendre conscience ...
en savoir plus ?
Les gosses dans ton genre n'ont aucune expérience de vie. Et certainement pas leur mot à dire pour juger les autres.
en savoir plus ?
T’es là depuis une seconde à peine et tu me casses déjà les couilles. C’est parfait.
en savoir plus ?
Je ferai tout pour que ce soit notre flamme qui reste allumée à la fin de ce combat.
en savoir plus ?
Je te l'ai dis Alex, à demi mot, que je t'aime. C'est vrai, pourtant je t'aime… Est-ce là? La fin de notre relation? Un message perdu que j'essaie de sauver au bord d'une plage alors que tu te noies dans tes sanglots? Je ne me savais pas condamné aux sables
en savoir plus ?
Tu es prêt Germain ? Reste sage et admire le spectacle, surtout n'interviens pas et sois gentil, trouve moi une cigarette.
en savoir plus ?
Je ne peux pas te contredire, tu as merdé en beauté.
en savoir plus ?
Je continuerai de t’aider, de t’assister, ou te servir, pour atteindre ton rêve. Même en sachant tout ça. Même si, pour se faire, je dois abandonner mes propres rêves.
en savoir plus ?
Son paquet d'Eucalyptus avait provoqué le chaos.
en savoir plus ?
Mademoiselle Potts ? Je suis désolée mais … est-ce que vous pourriez m’aider à trouver un partenaire, je ne connais personne et je …
en savoir plus ?
-50%
Le deal à ne pas rater :
Echo Flex : contrôle des appareils connectés par commande vocale ...
14.99 € 29.99 €
Voir le deal

Paul Nyllis
http://pokemoncommunity.forumactif.org/t3874-0280-paul-nyllis-noctali
http://pokemoncommunity.forumactif.org/t3876-paul-nyllis-noctali
Icon : COMMANDES | Max's codes - Page 2 NLyjW
Taille de l'équipe : 32/33
Région d'origine : Rosalia, Johto
Âge : 19
Niveau : 64
Jetons : 5563
Points d'Expériences : 2088
COMMANDES | Max's codes - Page 2 NLyjW
32/33
Rosalia, Johto
19
64
5563
2088
pokemon
COMMANDES | Max's codes - Page 2 NLyjW
32/33
Rosalia, Johto
19
64
5563
2088
Paul Nyllis
est un Topdresseur Stratège
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 :
COMMANDES | Max's codes - Page 2 1543863697-signa-par-max
Merchiii Max pour cette superbe signature !
Sirius B. Powell
http://pokemoncommunity.forumactif.org/t4167-sirius-b-powell-sending-your-selfies-to-nasa-because-you-re-a-star
http://pokemoncommunity.forumactif.org/t4169-sirius-b-powell-noctali
Icon : COMMANDES | Max's codes - Page 2 BHJ22Y
Taille de l'équipe : 12
Région d'origine : Algatia - Hoenn
Âge : 19 yo
Niveau : 51
Jetons : 7892
Points d'Expériences : 1589
COMMANDES | Max's codes - Page 2 BHJ22Y
12
Algatia - Hoenn
19 yo
51
7892
1589
pokemon
COMMANDES | Max's codes - Page 2 BHJ22Y
12
Algatia - Hoenn
19 yo
51
7892
1589
Sirius B. Powell
est un Coordinateur Mode


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
Sirius B. Powell
http://pokemoncommunity.forumactif.org/t4167-sirius-b-powell-sending-your-selfies-to-nasa-because-you-re-a-star
http://pokemoncommunity.forumactif.org/t4169-sirius-b-powell-noctali
Icon : COMMANDES | Max's codes - Page 2 BHJ22Y
Taille de l'équipe : 12
Région d'origine : Algatia - Hoenn
Âge : 19 yo
Niveau : 51
Jetons : 7892
Points d'Expériences : 1589
COMMANDES | Max's codes - Page 2 BHJ22Y
12
Algatia - Hoenn
19 yo
51
7892
1589
pokemon
COMMANDES | Max's codes - Page 2 BHJ22Y
12
Algatia - Hoenn
19 yo
51
7892
1589
Sirius B. Powell
est un Coordinateur Mode
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
Erika Uchida
http://pokemoncommunity.forumactif.org/t6876-469-erika-uchida-de-reine-a-geisha-adulte#70942
http://pokemoncommunity.forumactif.org/t6878-erika-uchida-adulte#71031
Icon : COMMANDES | Max's codes - Page 2 1552388472-icon-profil-erika
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
COMMANDES | Max's codes - Page 2 1552388472-icon-profil-erika
10/15
Née à Johto, a passée son adolescence à Kalos
30
30
1018
658
pokemon
COMMANDES | Max's codes - Page 2 1552388472-icon-profil-erika
10/15
Née à Johto, a passée son adolescence à Kalos
30
30
1018
658
Erika Uchida
est un Adulte Artiste Geisha
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
Sirius B. Powell
http://pokemoncommunity.forumactif.org/t4167-sirius-b-powell-sending-your-selfies-to-nasa-because-you-re-a-star
http://pokemoncommunity.forumactif.org/t4169-sirius-b-powell-noctali
Icon : COMMANDES | Max's codes - Page 2 BHJ22Y
Taille de l'équipe : 12
Région d'origine : Algatia - Hoenn
Âge : 19 yo
Niveau : 51
Jetons : 7892
Points d'Expériences : 1589
COMMANDES | Max's codes - Page 2 BHJ22Y
12
Algatia - Hoenn
19 yo
51
7892
1589
pokemon
COMMANDES | Max's codes - Page 2 BHJ22Y
12
Algatia - Hoenn
19 yo
51
7892
1589
Sirius B. Powell
est un Coordinateur Mode
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
Compte PNJ
Icon : COMMANDES | Max's codes - Page 2 CeOUB4f
Région d'origine : -
Âge : -
Niveau : 0
Jetons : 0
Points d'Expériences : 12820
COMMANDES | Max's codes - Page 2 CeOUB4f
-
-
0
0
12820
pokemon
COMMANDES | Max's codes - Page 2 CeOUB4f
-
-
0
0
12820
Compte PNJ
est un PNJs



yuna frostheart
infos
texte
service
texte
Client
texte
Lucifer
Textetexte
Textetexte
Textetexte
Textetexte
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>


COMMANDES | Max's codes - Page 2 7z5c
Enzo White
http://pokemoncommunity.forumactif.org/t7536-514-enzo-white-la-panique-mecanique-adulte#76980
http://pokemoncommunity.forumactif.org/t7548-enzo-white-adulte#77041
Icon : COMMANDES | Max's codes - Page 2 BHJNPf
Taille de l'équipe : 5/7
Région d'origine : Hoenn - Pacifiville
Âge : 25 ans
Niveau : 10
Jetons : 1320
Points d'Expériences : 190
COMMANDES | Max's codes - Page 2 BHJNPf
5/7
Hoenn - Pacifiville
25 ans
10
1320
190
pokemon
COMMANDES | Max's codes - Page 2 BHJNPf
5/7
Hoenn - Pacifiville
25 ans
10
1320
190
Enzo White
est un Adulte Blogueur
petit code de thèse pour salomé Smile





salome.pc/theses/nomdelathese


Grand Titre
petit titre
gras souligné italique
texte
texte
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
Hagawa Haru
http://pokemoncommunity.forumactif.org/t5221-370-hagawa-haru-phyllali
http://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
COMMANDES | Max's codes - Page 2 Tumblr_inline_mxrm54BUyO1s46qka
15
Unys
15
51
3190
1738
pokemon
COMMANDES | Max's codes - Page 2 Tumblr_inline_mxrm54BUyO1s46qka
15
Unys
15
51
3190
1738
Hagawa Haru
est un Coordinateur Performer
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 !
Dakoy Ra
http://pokemoncommunity.forumactif.org/t8162-556-dakoy-ra-quand-l-eau-est-a-12c-il-faut-s-attendre-a-ce-qu-elle-soit-froide-voltali
http://pokemoncommunity.forumactif.org/t8229-dakoy-ra-voltali
Icon : COMMANDES | Max's codes - Page 2 K1gt
Taille de l'équipe : 6 +2
Région d'origine : Sinnoh - Joliberges
Âge : 15
Niveau : 16
Jetons : 2384
Points d'Expériences : 304
COMMANDES | Max's codes - Page 2 K1gt
6 +2
Sinnoh - Joliberges
15
16
2384
304
pokemon
COMMANDES | Max's codes - Page 2 K1gt
6 +2
Sinnoh - Joliberges
15
16
2384
304
Dakoy Ra
est un Pokeathlète Médecin
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 !

Alone Akabara
http://pokemoncommunity.forumactif.org/t8357-567-the-second-twin-is-here-alone-akabara-phyllali
http://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 : 430
The King of Snow
13/24
Hoenn
16 ans
22
673
430
pokemon
The King of Snow
13/24
Hoenn
16 ans
22
673
430
Alone Akabara
est un Scientifique Chercheur Pokemon
Commande de Nom

Type de code : Relation
Maquette ou explications du code souhaité :
Plan :
COMMANDES | Max's codes - Page 2 Plan_r10

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

Bruce Hedge
http://pokemoncommunity.forumactif.org/t8078-550-le-traqueur-de-peche-bruce-hedge-voltali
http://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 : 798
Points d'Expériences : 576
COMMANDES | Max's codes - Page 2 0001-1270291033
15/17
Alola - Ula Ula
16
22
798
576
pokemon
COMMANDES | Max's codes - Page 2 0001-1270291033
15/17
Alola - Ula Ula
16
22
798
576
Bruce Hedge
est un Topdresseur Spé. Type
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
Sirius B. Powell
http://pokemoncommunity.forumactif.org/t4167-sirius-b-powell-sending-your-selfies-to-nasa-because-you-re-a-star
http://pokemoncommunity.forumactif.org/t4169-sirius-b-powell-noctali
Icon : COMMANDES | Max's codes - Page 2 BHJ22Y
Taille de l'équipe : 12
Région d'origine : Algatia - Hoenn
Âge : 19 yo
Niveau : 51
Jetons : 7892
Points d'Expériences : 1589
COMMANDES | Max's codes - Page 2 BHJ22Y
12
Algatia - Hoenn
19 yo
51
7892
1589
pokemon
COMMANDES | Max's codes - Page 2 BHJ22Y
12
Algatia - Hoenn
19 yo
51
7892
1589
Sirius B. Powell
est un Coordinateur Mode
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.
x1 Pokéball
Grade 0
Le contenu de ton bouton 1
Le contenu de ton bouton 1


Surnom
info info info nfo info infnfo info infnfo info infnfo info infnfo info infnfo info inf
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.
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
Sirius B. Powell
http://pokemoncommunity.forumactif.org/t4167-sirius-b-powell-sending-your-selfies-to-nasa-because-you-re-a-star
http://pokemoncommunity.forumactif.org/t4169-sirius-b-powell-noctali
Icon : COMMANDES | Max's codes - Page 2 BHJ22Y
Taille de l'équipe : 12
Région d'origine : Algatia - Hoenn
Âge : 19 yo
Niveau : 51
Jetons : 7892
Points d'Expériences : 1589
COMMANDES | Max's codes - Page 2 BHJ22Y
12
Algatia - Hoenn
19 yo
51
7892
1589
pokemon
COMMANDES | Max's codes - Page 2 BHJ22Y
12
Algatia - Hoenn
19 yo
51
7892
1589
Sirius B. Powell
est un Coordinateur Mode
pour dakoy





Dossier patient
Numero de dossier
0000000
texte texte
texte inventaire
texte progression
texte divers




Dossier patient
Numero de dossier
0000000
info infos
attaques
att
100
def
100
att spé
100
def spé
100
vit
100
hp
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
hp
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
Magnolia Jones
http://pokemoncommunity.forumactif.org/t8743-starlight-magnolia-jones#88911
http://pokemoncommunity.forumactif.org/t8783-magnolia-jones-mentali
Icon : COMMANDES | Max's codes - Page 2 PYbUMuk
Taille de l'équipe : 1
Région d'origine : Volucité, Unys
Âge : 13 ans
Niveau : 0
Jetons : 92
Points d'Expériences : 393
COMMANDES | Max's codes - Page 2 PYbUMuk
1
Volucité, Unys
13 ans
0
92
393
pokemon
COMMANDES | Max's codes - Page 2 PYbUMuk
1
Volucité, Unys
13 ans
0
92
393
Magnolia Jones
est un Nouveau Membre

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>


twinkle, twinkle falling star
Magnolia Jones
http://pokemoncommunity.forumactif.org/t8743-starlight-magnolia-jones#88911
http://pokemoncommunity.forumactif.org/t8783-magnolia-jones-mentali
Icon : COMMANDES | Max's codes - Page 2 PYbUMuk
Taille de l'équipe : 1
Région d'origine : Volucité, Unys
Âge : 13 ans
Niveau : 0
Jetons : 92
Points d'Expériences : 393
COMMANDES | Max's codes - Page 2 PYbUMuk
1
Volucité, Unys
13 ans
0
92
393
pokemon
COMMANDES | Max's codes - Page 2 PYbUMuk
1
Volucité, Unys
13 ans
0
92
393
Magnolia Jones
est un Nouveau Membre
j'enchaîne avec un petit bout de code pour Bruce


nom stat
30



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 !


twinkle, twinkle falling star
pokemon
Contenu sponsorisé
est un
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum