SECHERESSE - Déclenche un ensoleillement lorque le pokémon est envoyé au combat
Statistiques
PV: 38ATT: 41DEF: 40
S.ATT: 50S.DEF: 65VIT: 65
Compétences
Duel Recherche Athlétisme Beauté
Obtention : Le collectionneur le 01/09/2015. Pixi est le premier pokemon d’Obéline. De nature malpoli, ce Goupix est une véritable petite teigne. Pixi regarde toujours les autres de haut d’un ton hautain et dédaigneux. Elle ne supporte pas qu’on la touche et passe des heures à se lécher pour nettoyer son pelage. Elle a tendance à ignorer aussi bien les pokemon que les humains. A une exception près : sa dresseuse. En effet, Pixi change complètement de caractère avec Obéline, elle devient caline et gentille. Du coup Obéline a du mal à comprendre pourquoi les autres trouvent sa Pixi si désagréable, c'est vrai qu'elle a son petit caractère mais pour elle ils exagèrent un peu. Pixi a été le seul pokémon d'Obéline pendant tout le premier semestre où elle était un peu le centre d'attention de sa dresseuse. Mais depuis le deuxième semestre, Pixi voit d'un très mauvais oeil les nouveaux Pokémon qui rejoignent l'équipe et elle passe son temps à se disputer avec eux ou à les ignorer royalement... De plus, Obéline lui teint quelques mèches de sa frange en noir, blanc et rouge pour qu’elles soient assroties. Pixi en est très fière.
STATIK - Si un adversaire utilise une attaque directe et inflige des dégâts, il a 30 % de chances d'être paralysé.
Statistiques
PV: 55ATT: 75DEF: 60
S.ATT: 75S.DEF: 60VIT: 103
Compétences
Duel Recherche Athlétisme Beauté
Obtention : Un oeuf, reçu le 06/02/2016 Obéline a reçu cet oeuf sans qu'elle sache jamais de qui il venait. Mais cela n'a pas empêché la jeune fille d'en prendre le plus grand soin ! Pendant un mois, la gamine s'en est occupée consciencieusement, se demandant quel pokémon allait bien pouvoir en sortir. Et un jour, un mignon petit Emolga chromatique en est sorti. Ekko, qui a gagné son surnom à cause de son rire qu'il répète comme un écho, est de nature malin et le montre bien. Incapable de tenir en place plus de deux secondes, il voltige toujours au dessus d'Obéline et s'amuse à embêter tout le monde à coup de bourrasques et de coup de jus bien placé. Ce Pokémon est un véritable farceur. Vous pouvez être sur qu'il a déjà préparer des dizaines de plans pour vous embêter dans sa petite tête et qu'il prendra un malin plaisir à se moquer de vous avec son petit rire insupportable. Sa victime préférée est Pixi à qui il en fait voir de toutes les couleurs. Obéline fait aussi partie de ses victimes, même si dans le fond il aime beaucoup sa dresseuse qui l'élève avec amour depuis son premier jour et que, même si elle ne le sait pas, il saura se montrer fiable quand la situation l'exigera. Mais en attendant, autant s'amuser !
Attaques
Eclair - Chargeur - Etincelle - Onde de choc - Boule Elek
J'ai récemment changé la T-Card d'Obéline, donc je vous propose ici le code de son ancienne t-card que j'ai nettoyé au mieux et qui est TRES facile à modifier au niveau des couleurs !
Si vous voulez la reprendre, je vous conseille de le faire en 4 posts : 1 pour le général, 1 pour les rps, 1 pour les pokémons et 1 pour les relations ;D
Je vais vous mettre ci-dessous chaque partie avec son code et son explication !
Ce petit morceau de code contrôle en réalité toutes les couleurs du code. Par exemple, ma couleur principale l'espèce de rose, c'est la #d56074 que vous retrouvez après --main-color. Si vous voulez changer ce rose pour une couleur qui correspond plus à votre personnage, il vous suffire de remplacer le #d56074 de cette partie par le code couleur de votre choix et ça changera TOUT ce qui était en rose par la couleur que vous avez choisi ! Merveilleux n'est-ce pas ? ;D
Voilà plus en détails ce que chaque couleur contrôle, si vous voulez changer plus de couleurs : --main-color: #d56074; > la couleur principale, le rose dans mon cas --fond-color:#e8e7e7; > le fond de la T-Card, le gris foncé --cadre-color:#f8f8f8; > le fond des cadres gris --gris-color:#f2f2f2; > dans les cadres gris, il y a parfois d'autres zones d'un gris plus clair (comme la liste des pokémons dans informations), c'est cette couleur là que ce code change --texte-color: #aeaeae; > la couleur du texte --white-color: #fff; > tout ce qui est en blanc dans mon cas.
L'avatar Un avatar de taille 200*320, classique sur le forum du coup.
La liste des informations Ici je me suis contentée de lister quelques informations, mais vous pouvez en ajouter ou en enlever sans souci ! Un scroll s'ajoutera si besoin !
La liste des pokémon Ici on ne peut mettre 6 pokémons maximum, pour garder l'idée de team dans les jeux. Pour les images, j'ai utilisé les sprites de https://bulbapedia.bulbagarden.net/ pour garder la même taille à peu près. Pour info, les sprites font 40*40 chacun !
<style> :root{--main-color: #d56074; --fond-color:#e8e7e7; --cadre-color:#f8f8f8; --texte-color: #aeaeae; --white-color: #fff;}</style><link type="text/css" rel="stylesheet" href="http://chupp.fr/pokecommunity/obeline/obeline_rps.css"><div class="wrapper"><div class="zone_titre">Roleplays</div><div class="zone_informationsrp"><div class="titre_roserp">Semestre 1</div><ul><li><a href="http://pokemoncommunity.forumactif.org/t4825-sous-les-feuilles-d-automne-o-leype">Nom du rp</a>, [i]avec nom du partenaire[/i] | <span class="maincolor"> fini</span></li><li><a href="http://pokemoncommunity.forumactif.org/t4825-sous-les-feuilles-d-automne-o-leype">Nom du rp</a>, [i]avec nom du partenaire[/i] | <span class="maincolor"> fini</span></li><li><a href="http://pokemoncommunity.forumactif.org/t4825-sous-les-feuilles-d-automne-o-leype">Nom du rp</a>, [i]avec nom du partenaire[/i] | <span class="maincolor"> fini</span></li></ul><div class="titre_roserp">Semestre 2</div><ul><li><a href="http://pokemoncommunity.forumactif.org/t4825-sous-les-feuilles-d-automne-o-leype">Nom du rp</a>, [i]avec nom du partenaire[/i] | <span class="maincolor"> fini</span></li></ul></div></div>
Pour les rp maintenant, un code plutôt simple également.
Les couleurs Pour changer les couleurs, c'est exactement comme pour la partie précédente ;3
Les parties Dans chaque catégorie on a un titre :
Code:
<div class="titre_roserp">Semestre 2</div>
Ensuite on ouvre une liste avec ce mini bout de code :
Code:
<ul>
Suivi donc d'un certain nombre de RP qui correspondent à ce bout de code :
Code:
<li><a href="http://pokemoncommunity.forumactif.org/t4825-sous-les-feuilles-d-automne-o-leype">Nom du rp</a>, [i]avec nom du partenaire[/i] | <span class="maincolor"> fini</span></li>
Vous pouvez en ajouter autant que vous voulez, les uns à la suite des autres, tant qu'ils sont entre le ul d'avant et le /ul qui arrive après !
Puis à la fin de chaque partie il y a un petit
Code:
</ul>
qui ferme la liste de la catégorie.
A partir de là vous pouvez ajouter une nouvelle catégorie avec son titre en premier, puis ul, puis les rps, puis refermer le tout avec /ul
Nom
Espece, Sexe, Nature
Objet tenu
NOM - Effet
Talent
NOM - Effet
Statistiques
PV: 38ATT: 41DEF: 40
S.ATT: 50S.DEF: 65VIT: 65
Compétences
Duel 0 Recherche 0 Athlétisme 0 Beauté 0
Obtention : Le collectionneur le 01/09/2015. TEXTE
STATIK - Si un adversaire utilise une attaque directe et inflige des dégâts, il a 30 % de chances d'être paralysé.
Statistiques
PV: 55ATT: 75DEF: 60
S.ATT: 75S.DEF: 60VIT: 103
Compétences
Duel 0 Recherche 0 Athlétisme 0 Beauté 0
Obtention : Un oeuf, reçu le 06/02/2016 Obéline a reçu cet oeuf sans qu'elle sache jamais de qui il venait. Mais cela n'a pas empêché la jeune fille d'en prendre le plus grand soin ! Pendant un mois, la gamine s'en est occupée consciencieusement, se demandant quel pokémon allait bien pouvoir en sortir. Et un jour, un mignon petit Emolga chromatique en est sorti. Ekko, qui a gagné son surnom à cause de son rire qu'il répète comme un écho, est de nature malin et le montre bien. Incapable de tenir en place plus de deux secondes, il voltige toujours au dessus d'Obéline et s'amuse à embêter tout le monde à coup de bourrasques et de coup de jus bien placé. Ce Pokémon est un véritable farceur. Vous pouvez être sur qu'il a déjà préparer des dizaines de plans pour vous embêter dans sa petite tête et qu'il prendra un malin plaisir à se moquer de vous avec son petit rire insupportable. Sa victime préférée est Pixi à qui il en fait voir de toutes les couleurs. Obéline fait aussi partie de ses victimes, même si dans le fond il aime beaucoup sa dresseuse qui l'élève avec amour depuis son premier jour et que, même si elle ne le sait pas, il saura se montrer fiable quand la situation l'exigera. Mais en attendant, autant s'amuser !
Attaques
Eclair - Chargeur - Etincelle - Onde de choc - Boule Elek
<div class="fullzone pkmn2"><div class="topleft"><div class="imgpokemon"><img src="https://cdn.bulbagarden.net/upload/2/2b/Spr_5b2_025_m.png" style="margin-top: -10px;"></div><div class="zonenompokemon" style="margin-top: 10px;"><div class="nompkmn" style="letter-spacing: 10px; font-size: 38px">Ekko</div><div class="typepoke"><img src="http://www.pokepedia.fr/images/1/19/Miniat_type_%C3%A9lectrik_4_d.png" style="margin-top: -2px;"><img src="http://www.pokepedia.fr/images/a/a6/Miniat_type_vol_4_d.png" style="margin-top: 0px;"></div><div class="soustitrepoke">Emolga, Male, Malin</div></div><div class="storange">Objet tenu</div>AUCUN<div class="storange">Talent</div>STATIK - Si un adversaire utilise une attaque directe et inflige des dégâts, il a 30 % de chances d'être paralysé.</div><div class="topright"><div class="statspoke"><div class="titrestat">Statistiques</div><table border="0"><tr valign="top"><td width="50">PV: 55</br>ATT: 75</br>DEF: 60</td><td width="50">S.ATT: 75</br>S.DEF: 60</br>VIT: 103</td></tr></table></div><div class="competences"><div class="titrecomp">Compétences</div>Duel 0 Recherche 0 Athlétisme 0 Beauté 0</div></div><div class="histoire"><span class="storange">Obtention :</span> Un oeuf, reçu le 06/02/2016 Obéline a reçu cet oeuf sans qu'elle sache jamais de qui il venait. Mais cela n'a pas empêché la jeune fille d'en prendre le plus grand soin ! Pendant un mois, la gamine s'en est occupée consciencieusement, se demandant quel pokémon allait bien pouvoir en sortir. Et un jour, un mignon petit Emolga chromatique en est sorti. Ekko, qui a gagné son surnom à cause de son rire qu'il répète comme un écho, est de nature malin et le montre bien. Incapable de tenir en place plus de deux secondes, il voltige toujours au dessus d'Obéline et s'amuse à embêter tout le monde à coup de bourrasques et de coup de jus bien placé. Ce Pokémon est un véritable farceur. Vous pouvez être sur qu'il a déjà préparer des dizaines de plans pour vous embêter dans sa petite tête et qu'il prendra un malin plaisir à se moquer de vous avec son petit rire insupportable. Sa victime préférée est Pixi à qui il en fait voir de toutes les couleurs. Obéline fait aussi partie de ses victimes, même si dans le fond il aime beaucoup sa dresseuse qui l'élève avec amour depuis son premier jour et que, même si elle ne le sait pas, il saura se montrer fiable quand la situation l'exigera. Mais en attendant, autant s'amuser !</div> <div class="titre">Attaques</div><div class="zoneattaque"><table border="0"><tr valign="top" style="margin-bottom:15px;"><td width="50"><img src="http://www.pokepedia.fr/images/1/19/Miniat_type_%C3%A9lectrik_4_d.png"></td><td width="350">Eclair - Chargeur - Etincelle - Onde de choc - Boule Elek</td></tr><tr valign="top" style="margin-bottom:15px;"><td width="50"><img src="http://www.pokepedia.fr/images/e/e3/Miniat_type_normal_4_d.png"></td><td width="350">Vive-Attaque - Mimi-Queue - Reflet </td></tr></tr> <tr valign="top" style="margin-bottom:15px;"><td width="50"><img src="http://www.pokepedia.fr/images/1/16/Miniat_type_t%C3%A9n%C3%A8bres_4_d.png"></td><td width="350">Poursuite </td></tr></table></div></div></div>
Le code le plus complexe du lot je pense, mais rien d'insurmontable !
Les couleurs Petite subtilité ici. Vous avez le choix entre deux options : avoir la même couleur pour tous vos pokémons ou une couleur pour chacun.
Pour avoir la même couleur pour tous vos pokémons,dans ce cas dans cette partie :
il faudra changer la couleur du .pkmn1{--main-color: #f08030;} pour le premier pokemon, du .pkmn2{--main-color: #dd3b47;} pour le deuxième... Si vous voulez ajouter un pokémon il vous suffira d'ajouter
Code:
.pkmn3{--main-color: #votrecouleur;}
avec la couleur de votre choix. Si vous voulez en ajouter un quatrième .pkmn4{--main-color: #votrecouleur;} etc...
La deuxième chose à changer c'est lorsque vous ajouter un bloc pour un pokémon, vous verrez au début du bloc
Code:
<div class="fullzone pkmn2">
OU
Code:
<div class="fullzone pkmn1">
Il vous suffira juste de remplacer le chiffre de pkmn par celui qui correspond !
LE CODE BREF, venons en au code. que je vais vous décortiquer un peu.
<div class="fullzone pkmn2"><div class="topleft"><div class="imgpokemon"><img src="https://cdn.bulbagarden.net/upload/2/2b/Spr_5b2_025_m.png" style="margin-top: -10px;"></div><div class="zonenompokemon" style="margin-top: 10px;"><div class="nompkmn" style="letter-spacing: 10px; font-size: 38px">Ekko</div><div class="typepoke"><img src="http://www.pokepedia.fr/images/1/19/Miniat_type_%C3%A9lectrik_4_d.png" style="margin-top: -2px;"><img src="http://www.pokepedia.fr/images/a/a6/Miniat_type_vol_4_d.png" style="margin-top: 0px;"></div><div class="soustitrepoke">Emolga, Male, Malin</div></div><div class="storange">Objet tenu</div>AUCUN<div class="storange">Talent</div>STATIK - Si un adversaire utilise une attaque directe et inflige des dégâts, il a 30 % de chances d'être paralysé.</div><div class="topright"><div class="statspoke"><div class="titrestat">Statistiques</div><table border="0"><tr valign="top"><td width="50">PV: 55</br>ATT: 75</br>DEF: 60</td><td width="50">S.ATT: 75</br>S.DEF: 60</br>VIT: 103</td></tr></table></div><div class="competences"><div class="titrecomp">Compétences</div>Duel 0 Recherche 0 Athlétisme 0 Beauté 0</div></div><div class="histoire"><span class="storange">Obtention :</span> Un oeuf, reçu le 06/02/2016 TEXTE</div> <div class="titre">Attaques</div><div class="zoneattaque"><table border="0"><tr valign="top" style="margin-bottom:15px;"><td width="50"><img src="http://www.pokepedia.fr/images/1/19/Miniat_type_%C3%A9lectrik_4_d.png"></td><td width="350">Eclair - Chargeur - Etincelle - Onde de choc - Boule Elek</td></tr><tr valign="top" style="margin-bottom:15px;"><td width="50"><img src="http://www.pokepedia.fr/images/e/e3/Miniat_type_normal_4_d.png"></td><td width="350">Vive-Attaque - Mimi-Queue - Reflet </td></tr></tr></table></div></div>
Enfin lorsque vous avez fini votre liste, il ne vous reste plus qu'à ajouter ce petit bout de code :
Code:
</div>
LES IMAGES Pour l'image du pokémon, j'utilise les sprites de https://bulbapedia.bulbagarden.net/ ceux de noir et blanc 2 et qui font 96*96 en taille. Pour les pokémon d'Alola... Je les cherche ailleurs en général maiis ils sont rarement à la bonne taille du coup je dois modifier un peu leur position pour les centrer. Pour ce faire dans le code de l'image vous avez ça :
Il faut que vous changiez le margin-top: -10px pour changer sa hauteur et si vous voulez changer sa position horizontale ajoutez après margin-top: -10px;
Code:
margin-left: 10px
Pour les types, aussi bien dans les attaques ou dans le type du pokémon j'utilise cette liste là :
Les Attaques Pour les attaques c'est un bon vieux tableau !
Pour ajouter une ligne il faudra ajouter ceci avant le < /table > :
Ensuite pour ajouter des relations c'est ce bout là :
Code:
<div class="zone_relation"><img src="https://i.imgur.com/sAFud2K.png"><div class="nom_rela">Nom Prenom</div><div class="info_rela">Dortoir - Parcours - Specialité</div><div class="desc_rela scroll">Description de la relation</div><div class="zone_rela_rp"><div class="rp_rela"><div class="nom_rela2">Roleplays</div>- <a href="http://pokemoncommunity.forumactif.org/t4825-sous-les-feuilles-d-automne-o-leype">Titre du RP</a> - <a href="http://pokemoncommunity.forumactif.org/t5514-sc-ete-2016-elapronom-avec-obeline-gauthier">Titre du RP</a></div></div></div>
Vous pouvez en ajouter autant que vous voulez, les uns à la suite des autres !
Si jamais vous ne voulez pas mettre de partie pour les RP, il faudra utiliser ce code là à la place :
Code:
<div class="zone_relation"><img src="https://i.imgur.com/sAFud2K.png"><div class="nom_rela">Nom Prenom</div><div class="info_rela">Dortoir - Parcours - Specialité</div><div class="desc_rela scroll" style="height: 150px;">Description de la relation</div></div>
Et enfin lorsque vous avez fini votre liste, il faudra terminer le code par :
Code:
<div style="clear:both;"></div></div></div>
Les images Les images sont ici de taille : 200*96
ET VOILÀ POUR LE CODE !
Note :
Si jamais vous utilisez ce code, n'hésitez pas à me le dire ici, je demande pas de crédits mais ça fait toujours plaisir de savoir qu'on utilise mes codes <3
De même si vous avez la moindre question ou le moindre souci, n'hésitez pas à me contacter par mp ou sur discord ;D Je me ferais un plaisir de vous aider !