Test libre service pc - tcard obeline
avatar
Messages : 89
Date d'inscription : 22/02/2015
Eveillé






Mar 11 Sep - 15:14



Obéline
Coordinatrice Performer
Informations
Nom: Obéline Gauthier
Age: 16 ans
Origine: La Frescale - Kalos
Dortoir: Mentali
Spécialité: Coordinateur
Parcours: Performer
Promotion: 5ème promotion
ID: 0309
Grade & Niveau: 1 & 28
Points total: 140
Points utilisés: 0
Points actuels: 140
Jetons actuels: 1454
Capsules secrètes
√ Force
☐ Vol
√ Surf
√ Coupe
√ Cascade
√ Plongée
Inventaire
- iPok
- 4 Pokéballs
- Arrosoir Phampy
-  Ruban Concours (+1 Beauté à l'équipe)
- CT11 Zénith (2 utilisations restantes)
- Roche Chaude
- Orbe Flamme
- Pendentif Touga
- String de Roseverte
- Pierre Lune
- Pierre Glacée
- Baies: 5 Nanab, 6 Repoi, 10 Fraive, 7 Oran, 2 Pêcha, 1 Nanana, 1 Alga
- Bonus RP: BC #3
Progression
Grade 0
√ Niveau 2
Grade 1
√ Niveau 10
√ 2 Pokémons
√ 1 event (www)
√ 1 cours (www)
Grade 2
√ Niveau 20
√ 4 Pokémons
√ Event 1  (www, www, www)
√ Event 2  (www)
√ Event 3 (www, www, www)
√ Cours Spé (www)
√ Cours Classe (www)
√ Cours (www)
√ Mission 1 (www)
☐ Mission 2  

Historique
18/12/15Validation
18/12/15Obtention de Goupix
18/12/15+ 2 Pokéballs (collectionneur)
22/12/15+ 3 Pokéballs (cadeau de Noël d'Alex ♥)
08/02/16Obtention oeuf Emolga Shiny
16/02/16Capture de Scarabrute (SC #17)
16/02/16- 1 pokéball
20/02/16Grade 0 - Coordinateur
20/02/16 + Arrosoir Phampy
02/04/16 Grade 1 - Performer
02/04/16 + Roche Chaude
02/04/16 + Ruban concours
02/04/16 + CT 11 - Zénith
02/04/16 1 utilisation CT 11 sur Pixi
07/04/16 Eclosion oeuf Emolga
07/04/16 + 1 baie Nanab, 1 baie Repoi, 1 baie Faive, 1 baie Oran (CS Coupe)
25/04/16 Obtention Doudouvet (don d'Alex)
26/04/16 + Orbe Flamme (pâques event)
07/05/16 Capture Stalgamin (SC #18)
07/05/16 - 1 Pokéball
03/08/16 + 2 pokéballs (boutique été)
03/08/16 + 1 pendentif Touga (boutique été)
03/08/16 - 350j (boutique été)
08/08/16 Capture Psykokwak (SC #18)
08/08/16 - 1 Pokéball
22/08/16 + 1 baie Faive, 1 baie Oran (CS Coupe)
04/09/16Obtention oeuf Sonistrelle Shiny
14/09/16-1500j (oeuf)
19/09/16 + 1 Pierre Aube (échange Audray)
19/09/16 - 250j (échange)
19/12/16 + 500 jetons (king's game !)
20/12/16 + 2 Pokéballs (achat)
20/12/16 - 100 jetons
20/12/16 Eclosion Sonistrelle (www)
20/12/16 + 1 baie Fraive (www)
21/12/16 + 4 baies Fraive, + 1 baie Oran, + 2 baies Repoi (serre)
02/01/17 Obtention Denticrisse (www)
02/01/17 - 1 pokéball
11/01/17 + 1 Pierre Lune (plongée)
11/01/17 + 1 baie Pêcha, + 1 baie Nanana (coupe)
13/01/17 + 3 baies Fraive, + 4 baies Oran, + 4 baies Nanab, + 3 baies Repoi (serre)
21/02/17 + 1 Pierre Glacée (don Etna)
21/02/17 + 1 Pierre feu (cadeau SC Noel)
27/03/17 Evolution Pixi en Feunard (www)
27/03/17 - 1 pierre feu
14/04/17 + 1 baie Pêcha, + 1 baie Alga (coupe)
07/08/18 Obtention Goupix d'Alola (échange Leype)
07/08/18 - 1 pierre aube (échange Leype)



Dates & Délais
Achat d'oeuf ▬ 14/09/16 (délai 1 mois)
Evolution ▬ 27/03/17 (délai 2 mois)
Utilisation de la CS Coupe  ▬ 09/01/17 (délai 1 semaine)
Utilisation de la CS Plongée  ▬ 09/01/17 (délai 1 semaine)
Voir le profil de l'utilisateur http://chutestisback.forumactif.org
avatar
Messages : 89
Date d'inscription : 22/02/2015
Eveillé






Mar 11 Sep - 16:00

Roleplays
Semestre 1
Semestre 2
Voir le profil de l'utilisateur http://chutestisback.forumactif.org
avatar
Messages : 89
Date d'inscription : 22/02/2015
Eveillé






Mar 11 Sep - 16:21



Pixi
Goupix, Female, Malpoli

Objet tenu
ROCHE CHAUDE - Zénith dure 3 tours de plus
Talent
SECHERESSE - Déclenche un ensoleillement lorque le pokémon est envoyé au combat
Statistiques
PV: 38
ATT: 41
DEF: 40
S.ATT: 50
S.DEF: 65
VIT: 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.

Attaques
Flammèche -  Danse Flamme - Feu Follet - Rebondifeu - Zénith CT
Mimi Queue - Hurlement - Vive Attaque
Regard Touchant
Onde Folie - Chatîement
Représailles - Feinte


Ekko
Emolga, Male, Malin
Objet tenu
AUCUN
Talent
STATIK - Si un adversaire utilise une attaque directe et inflige des dégâts, il a 30 % de chances d'être paralysé.
Statistiques
PV: 55
ATT: 75
DEF: 60
S.ATT: 75
S.DEF: 60
VIT: 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
Vive-Attaque - Mimi-Queue - Reflet
Poursuite
Voir le profil de l'utilisateur http://chutestisback.forumactif.org
avatar
Messages : 89
Date d'inscription : 22/02/2015
Eveillé






Mar 11 Sep - 16:27

RELATIONS
Nom Prenom
Dortoir - Parcours - Specialité
Dortoir - Parcours - Specialité
Nom Prenom
Dortoir - Parcours - Specialité
Dortoir - Parcours - Specialité
Roleplays
Aucun
Nom Prenom
Dortoir - Parcours - Specialité
Dortoir - Parcours - Specialité
Nom Prenom
Dortoir - Parcours - Specialité
Dortoir - Parcours - Specialité
Roleplays
Aucun

Voir le profil de l'utilisateur http://chutestisback.forumactif.org
avatar
Messages : 89
Date d'inscription : 22/02/2015
Eveillé






Mar 11 Sep - 18:11

Code T-Card #1

BONJOUR. CA FAIT LONGTEMPS.

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 !



Obéline
Coordinatrice Performer
Informations
Nom: Obéline Gauthier
Age: 16 ans
Origine: La Frescale - Kalos
Dortoir: Mentali
Spécialité: Coordinateur
Parcours: Performer
Promotion: 5ème promotion
ID: 0309
Grade & Niveau: 1 & 1
Points total: 100
Points utilisés: 0
Points actuels: 100
Jetons actuels: 1000
Capsules secrètes
√ Force
☐ Vol
√ Surf
√ Coupe
√ Cascade
√ Plongée
Inventaire
- Objet 1
- Objet 2
- Objet 3
- Baies: 5 Nanab, 6 Repoi, 10 Fraive, 7 Oran, 2 Pêcha, 1 Nanana, 1 Alga
- Bonus RP: BC #3
Progression
Grade 0
√ Niveau 2
Grade 1
√ Niveau 10
√ 2 Pokémons
√ 1 event (www)
√ 1 cours (www)
Grade 2
√ Niveau 20
√ 4 Pokémons
√ Event 1  (www, www, www)
√ Event 2  (www)
√ Event 3 (www, www, www)
√ Cours Spé (www)
√ Cours Classe (www)
√ Cours (www)
√ Mission 1 (www)
☐ Mission 2  

Historique
18/12/15Validation
18/12/15Obtention de Goupix
18/12/15+ 2 Pokéballs (collectionneur)
22/08/16 + 1 baie Faive (CS Coupe)
04/09/16Obtention oeuf Sonistrelle Shiny
14/09/16-1500j (oeuf)



Dates & Délais
Achat d'oeuf ▬ 14/09/16 (délai 1 mois)
Evolution ▬ 27/03/17 (délai 2 mois)
Utilisation de la CS Coupe  ▬ 09/01/17 (délai 1 semaine)
Utilisation de la CS Plongée  ▬ 09/01/17 (délai 1 semaine)


Code:
<style>:root{--main-color: #d56074; --fond-color:#e8e7e7; --cadre-color:#f8f8f8; --gris-color:#f2f2f2; --texte-color: #aeaeae; --white-color: #fff;}</style>

<link type="text/css" rel="stylesheet" href="http://chupp.fr/pokecommunity/obeline/obeline_tcard.css"><link href='https://fonts.googleapis.com/css?family=Roboto:300,100,500' rel='stylesheet' type='text/css'><style>.wrapper a{color: #d56074!important;}</style><div class="wrapper"><div class="zone_titre"><div class="big_titre"s style="line-height:1.2; letter-spacing: 10px;">Obéline</div><span style="font-size: 12px; letter-spacing: 0px;">Coordinatrice Performer</span></div><div class="zone_avatar"><img src="https://i.imgur.com/MkksEi9.png"></div><div class="zone_informations"><div class="titre_rose left10">Informations</div><div class="zone_infodet scroll"><span class="gras left10">Nom:</span> Obéline Gauthier
<span class="gras left10">Age:</span> 16 ans
<span class="gras left10">Origine:</span> La Frescale - Kalos
<span class="gras left10">Dortoir:</span> Mentali
<span class="gras left10">Spécialité:</span> Coordinateur
<span class="gras left10">Parcours:</span> Performer
<span class="gras left10">Promotion:</span> 5ème promotion
<span class="gras left10">ID:</span> 0309</div><div class="pokemon"><img src="http://cdn.bulbagarden.net/upload/8/85/037MS.png"><img src="https://cdn.bulbagarden.net/upload/1/10/038MS.png"><img src="https://cdn.bulbagarden.net/upload/5/5c/127MS.png"><img src="https://cdn.bulbagarden.net/upload/7/72/125MS.png"><img src="https://cdn.bulbagarden.net/upload/1/16/777MS.png"><img src="https://cdn.bulbagarden.net/upload/a/a0/780MS.png"></div></div><div class="zone_gauche"><div class="stats"><div class="les_stats"><span class="gras">Grade & Niveau:</span> 1 & 1
<span class="gras">Points total:</span> 100
<span class="gras">Points utilisés:</span> 0
<span class="gras">Points actuels:</span> 100
<span class="gras">Jetons actuels:</span> 1000</div></div><div class="capsules"><div class="capsules_titre">Capsules secrètes</div><div class="cs_gauche">√ Force
☐ Vol
√ Surf</div><div class="cs_gauche">√ Coupe
√ Cascade
√ Plongée</div></div></div><div class="zone_inventaire"><div class="titre_rose left10 soulignement">Inventaire</div><div class="inventaire_info scroll left10">- Objet 1
- Objet 2
- Objet 3
- [b]Baies: [/b]5 Nanab, 6 Repoi, 10 Fraive, 7 Oran, 2 Pêcha, 1 Nanana, 1 Alga
- [b]Bonus RP: [/b]BC #3</div></div><div class="zone_progression"><div class="titre_progression">Progression</div><div class="progression_info scroll left10"><div class="grade">Grade 0</div>√ Niveau 2<div class="grade">Grade 1</div>√ Niveau 10
√ 2 Pokémons
√ 1 event ([url=http://pokemoncommunity.forumactif.org/t4555p15-event-3-nouvel-an-2016#47110]www[/url])
√ 1 cours ([url=http://pokemoncommunity.forumactif.org/t4488-cours-05-scientifique-quand-le-soleil-s-eclipse-on-en-voit-la-grandeur-termine]www[/url])<div class="grade">Grade 2</div>√ Niveau 20
√ 4 Pokémons
√ Event 1  ([url=http://pokemoncommunity.forumactif.org/t4780p75-event-4-saint-valentin#50759]www[/url], [url=http://pokemoncommunity.forumactif.org/t4780p100-event-4-saint-valentin#50848]www[/url], [url=http://pokemoncommunity.forumactif.org/t4780p125-event-4-saint-valentin#51553]www[/url])
√ Event 2  ([url=http://pokemoncommunity.forumactif.org/t4941-evenement-6-poisson-d-avril-et-chasse-aux-oeufs#52559]www[/url])
√ Event 3 ([url=http://pokemoncommunity.forumactif.org/t5607-event-ete-2016-meme-dans-le-noir-tu-peux-le-voir-leype-obeline#59486]www[/url], [url=http://pokemoncommunity.forumactif.org/t5607-event-ete-2016-meme-dans-le-noir-tu-peux-le-voir-leype-obeline#59667]www[/url], [url=http://pokemoncommunity.forumactif.org/t5607-event-ete-2016-meme-dans-le-noir-tu-peux-le-voir-leype-obeline#59772]www[/url])
√ Cours Spé ([url=http://pokemoncommunity.forumactif.org/t4528-cours-05-coordinateur-fabulous-jusqu-au-bout-de-la-trompe]www[/url])
√ Cours Classe ([url=http://pokemoncommunity.forumactif.org/t5779-cours-athletisme-gym-et-lutte#63668]www[/url])
√ Cours ([url=http://pokemoncommunity.forumactif.org/t5648-cours-ete-2016-un-concours-de-jeunes-talents]www[/url])
√ Mission 1 ([url=http://pokemoncommunity.forumactif.org/t5409-mission-d-ete-2016-le-desastre-des-belettes]www[/url])
☐ Mission 2  </div></div>
<div class="zone_historique"><div class="titre_rose left10">Historique</div><div class="historique_info scroll left10"><span class="date">18/12/15</span>Validation
<span class="date">18/12/15</span>Obtention de Goupix
<span class="date">18/12/15</span>+ 2 Pokéballs [size=9](collectionneur)[/size]
<span class="date">22/08/16</span> + 1 baie Faive [size=9]([url=http://pokemoncommunity.forumactif.org/t5599-une-drole-de-rencontre-ft-obeline#60227]CS Coupe[/url])[/size]
<span class="date">04/09/16</span>Obtention oeuf Sonistrelle Shiny
<span class="date">14/09/16</span>-1500j [size=9]([url=http://pokemoncommunity.forumactif.org/t683p325-acheter-des-oeufs#60209]oeuf[/url])[/size]
</div></div><div style='clear:both;'></div></div>


<div class="wrapper"><div class="dates_zone"><div class="titre_rose soulignement">Dates & Délais</div><span class="date">Achat d'oeuf ▬ </span> 14/09/16 (délai 1 mois)
<span class="date">Evolution ▬ </span> 27/03/17 (délai 2 mois)
<span class="date">Utilisation de la CS Coupe  ▬ </span> 09/01/17 (délai 1 semaine)
<span class="date">Utilisation de la CS Plongée  ▬ </span> 09/01/17 (délai 1 semaine)
</div></div>


Pour cette première partie le code est assez simple en soit. Il suffit juste de remplacer les textes et les images !


Les couleurs
Pour changer les couleurs, c'est SUPER simple et ça ne demande qu'un changement !

Au début du code vous avez cette partie (que vous retrouverez dans tous les posts):
Code:
<style>:root{--main-color: #d56074; --fond-color:#e8e7e7; --cadre-color:#f8f8f8; --gris-color:#f2f2f2; --texte-color: #aeaeae; --white-color: #fff;}</style>

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 !



Roleplays
Semestre 1
Semestre 2


Code:
<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: 38
ATT: 41
DEF: 40
S.ATT: 50
S.DEF: 65
VIT: 65
Compétences
Duel 0
Recherche 0
Athlétisme 0
Beauté 0
Obtention : Le collectionneur le 01/09/2015.
TEXTE

Attaques
Flammèche -  Danse Flamme - Feu Follet - Rebondifeu - Zénith CT
Mimi Queue - Hurlement - Vive Attaque
Regard Touchant
Onde Folie - Chatîement
Représailles - Feinte


Ekko
Emolga, Male, Malin
Objet tenu
AUCUN
Talent
STATIK - Si un adversaire utilise une attaque directe et inflige des dégâts, il a 30 % de chances d'être paralysé.
Statistiques
PV: 55
ATT: 75
DEF: 60
S.ATT: 75
S.DEF: 60
VIT: 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
Vive-Attaque - Mimi-Queue - Reflet
Poursuite


Code:
<style>:root{--main-color:#d56074; --fond-color:#e8e7e7; --cadre-color:#f8f8f8; --gris-color:#f2f2f2; --texte-color: #aeaeae; --white-color: #fff;} .pkmn1{--main-color: #f08030;} .pkmn2{--main-color: #dd3b47;} p, td, th {font-family: Roboto;}</style>
<link type="text/css" rel="stylesheet" href="http://chupp.fr/pokecommunity/obeline/pokemon_tcard.css"><link href='https://fonts.googleapis.com/css?family=Roboto:300,100,500' rel='stylesheet' type='text/css'><div class="wrapper"><div class="fullzone pkmn1"><div class="topleft"><div class="imgpokemon"><img src="http://cdn.bulbagarden.net/upload/e/ec/Spr_5b_037.png" style="margin-top: -10px;">
</div><div class="zonenompokemon"><div class="nompkmn" style="letter-spacing: 10px; font-size: 38px">Nom</div><div class="typepoke"><img src="http://www.pokepedia.fr/images/9/9d/Miniat_type_feu_4_d.png" style="margin-top: 8px;"></div><div class="soustitrepoke">Espece, Sexe, Nature</div></div>
<div class="storange">Objet tenu</div>NOM - Effet
<div class="storange">Talent</div>NOM - Effet</div><div class="topright"><div class="statspoke"><div class="titrestat">Statistiques</div><table border="0"><tr valign="top"><td width="50">PV: 38</br>ATT: 41</br>DEF: 40</td><td width="50">S.ATT: 50</br>S.DEF: 65</br>VIT: 65</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> Le collectionneur le 01/09/2015.
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/9/9d/Miniat_type_feu_4_d.png"></td><td width="350">Flammèche -  Danse Flamme - Feu Follet - Rebondifeu - Zénith [size=10]CT[/size]</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">Mimi Queue - Hurlement - Vive Attaque </td></tr><tr valign="top" style="margin-bottom:15px;"><td width="50"><img src="https://i.imgur.com/0tzXeV3.gif"></td><td width="350">Regard Touchant </td></tr><tr valign="top" style="margin-bottom:15px;"><td width="50"><img src="http://www.pokepedia.fr/images/c/c8/Miniat_type_spectre_4_d.png"></td><td width="350">Onde Folie - Chatîement </td></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">Représailles - Feinte </td></tr> </table></div></div>

<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 :
Code:
<style>:root{--main-color:#d56074; --fond-color:#e8e7e7; --cadre-color:#f8f8f8; --gris-color:#f2f2f2; --texte-color: #aeaeae; --white-color: #fff;} .pkmn1{--main-color: #f08030;} .pkmn2{--main-color: #dd3b47;} p, td, th {font-family: Roboto;}</style>

Il faudra enlever ce bout de code :
Code:
.pkmn1{--main-color: #f08030;} .pkmn2{--main-color: #dd3b47;}

Et le code marchera comme les autres, vous aurrez juste à changer le #d5607 du --main-color au début du code.


Si par contre vous voulez avoir une couleur différentre pour chaque pokémon, il vous faudra faire 2 choses. Dans cette partie :
Code:
<style>:root{--main-color:#d56074; --fond-color:#e8e7e7; --cadre-color:#f8f8f8; --gris-color:#f2f2f2; --texte-color: #aeaeae; --white-color: #fff;} .pkmn1{--main-color: #f08030;} .pkmn2{--main-color: #dd3b47;} p, td, th {font-family: Roboto;}</style>

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.  

Pour le commencer vous avez besoin de ceci :
Code:
<style>:root{--main-color:#d56074; --fond-color:#e8e7e7; --cadre-color:#f8f8f8; --gris-color:#f2f2f2; --texte-color: #aeaeae; --white-color: #fff;} .pkmn1{--main-color: #f08030;} .pkmn2{--main-color: #dd3b47;} p, td, th {font-family: Roboto;}</style>
<link type="text/css" rel="stylesheet" href="http://chupp.fr/pokecommunity/obeline/pokemon_tcard.css"><link href='https://fonts.googleapis.com/css?family=Roboto:300,100,500' rel='stylesheet' type='text/css'><div class="wrapper">

Ensuite viennent les blocs pour chaque pokémon que vous pouvez enchainer à la suite. Si votre pokémon a un seul type utiliser ce bloc-ci :
Code:
<div class="fullzone pkmn1"><div class="topleft"><div class="imgpokemon"><img src="http://cdn.bulbagarden.net/upload/e/ec/Spr_5b_037.png" style="margin-top: -10px;">
</div><div class="zonenompokemon"><div class="nompkmn" style="letter-spacing: 10px; font-size: 38px">Nom</div><div class="typepoke"><img src="http://www.pokepedia.fr/images/9/9d/Miniat_type_feu_4_d.png" style="margin-top: 8px;"></div><div class="soustitrepoke">Espece, Sexe, Nature</div></div>
<div class="storange">Objet tenu</div>NOM - Effet
<div class="storange">Talent</div>NOM - Effet</div><div class="topright"><div class="statspoke"><div class="titrestat">Statistiques</div><table border="0"><tr valign="top"><td width="50">PV: 38</br>ATT: 41</br>DEF: 40</td><td width="50">S.ATT: 50</br>S.DEF: 65</br>VIT: 65</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> Le collectionneur le 01/09/2015.
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/9/9d/Miniat_type_feu_4_d.png"></td><td width="350">Flammèche -  Danse Flamme - Feu Follet - Rebondifeu - Zénith [size=10]CT[/size]</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">Mimi Queue - Hurlement - Vive Attaque </td></tr><tr valign="top" style="margin-bottom:15px;"><td width="50"><img src="https://i.imgur.com/0tzXeV3.gif"></td><td width="350">Regard Touchant </td></tr> </table></div></div>

S'il a deux types :
Code:
<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 :
Code:
<div class="imgpokemon"><img src="http://cdn.bulbagarden.net/upload/e/ec/Spr_5b_037.png" style="margin-top: -10px;">
</div>

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 >
:

Code:
<tr valign="top" style="margin-bottom:15px;"><td width="50"><img src="http://www.pokepedia.fr/images/9/9d/Miniat_type_feu_4_d.png"></td><td width="350">Attaque 1 - Attaque 2 ...</td></tr>

Et puis voilà !



RELATIONS
Nom Prenom
Dortoir - Parcours - Specialité
Description de la relation/div>
Nom Prenom
Dortoir - Parcours - Specialité
Description de la relation
Roleplays
- Titre du RP



Code:
<link type="text/css" rel="stylesheet" href="http://chupp.fr/pokecommunity/obeline/obeline_tcard.css"><link href='https://fonts.googleapis.com/css?family=Roboto:300,100,500' rel='stylesheet' type='text/css'><style> :root{--main-color: #d56074; --fond-color:#e8e7e7; --cadre-color:#f8f8f8; --gris-color:#f2f2f2; --texte-color: #aeaeae; --white-color: #fff;}</style><div class="wrapper"><div class="zone_titre"><div style="font-size:30px; letter-spacing: 10px;">RELATIONS</div></div><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><div class="zone_relation"><img src="https://i.imgur.com/7RtEE46.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>
</div></div></div>
<div style="clear:both;"></div></div></div>


ALORS, dernière partie, les relations !

Les couleurs
C'est toujours pareil je pense que vous avez compris l'idée maintenant ;D

Le code

On commence par ce morceau de code :

Code:
<link type="text/css" rel="stylesheet" href="http://chupp.fr/pokecommunity/obeline/obeline_tcard.css"><link href='https://fonts.googleapis.com/css?family=Roboto:300,100,500' rel='stylesheet' type='text/css'><style> :root{--main-color: #d56074; --fond-color:#e8e7e7; --cadre-color:#f8f8f8; --gris-color:#f2f2f2; --texte-color: #aeaeae; --white-color: #fff;}</style><div class="wrapper"><div class="zone_titre"><div style="font-size:30px; letter-spacing: 10px;">RELATIONS</div></div>

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 !

En espérant que ce code vous plaise !


Voir le profil de l'utilisateur http://chutestisback.forumactif.org
Contenu sponsorisé







Page 1 sur 1

 Sujets similaires

-
» [PREZ]NoRePlay
» Règlement Libre Service & Commandes
» Centre commercial des bonbons fruités ~ Le libre service
» Le libre service de Darcy. ♠
» Libre service de designs pour PRD

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Forum test 2.0 :: commencement :: YOLOYLOY-