JinShop - La Boutique de CCs (Capsule de Code)

 

Bonjour et Bienvenue dans la Boutique de JinShop
L'objectif de notre Team Shop, c'est de vous fournir un codage à la hauteur de vos attentes.
Mais ce n'est pas tout. Car nos codes, même si ils peuvent être puissants et complexes, ils sont cependant garantie facile à prendre en main.
Rien de plus pénible que de devoir écrire un morceau de texte sans savoir où il doit aller au premier coup d’œil.
Pour réussir cela, on se donne à coeur d'écrire le code le plus court et le simple possible.

JinShop - Les codes de l'évolution !

Type de code : Signature
Objectif : Afficher son équipe de pokemon

Rendu visuel :

Spoiler:

Code HTML :

Code:


<section class="pkteam v-emerald">
    <div class="pkmn">
        <div class="icon">
            <img src="https://i.servimg.com/u/f39/20/45/94/38/magica10.png" />
        </div>
        <div class="infos">
            <div class="name">Erys</div>
            <div class="lvl">Niv 10</div>
        </div>
        <hr>
    </div>
</section>

Code CSS :

Code:

<link rel="stylesheet" href="https://nazell.space/share/pokemon/team-emerald/raw.css" />

Mise en place :
1 - Copie la balise link du CSS et colle la en première dans ta signature
2 - Copie/Colle le code HTML dans un éditeur
3 - Duplique l'intégralité de la balise <div class="">...</div> pour ajouter un nouveau pokemon.
4 - Modifie le nom et le level
5 - Change l'url de l'image
  5.1 - Je te conseille d'utiliser des images qui font 32x32 pixel
  5.2 - Si tu as un problème envoi moi un MP
6 - Copie l'intégralité de ton code et réduit le pour qu'il ne casse pas
6.1 - En le collant sur ce site Minify HTML Online
6.2 - Copie ton code réduit et colle le dans ta signature

Rendu du Code dans la signature :

Spoiler:

Un souci ? :
Contact moi par MP.
Non seulement je vais pouvoir t'aider, mais je vais aussi pouvoir améliorer mes explications pour que d'autres personnes utilise ce code le plus facilement possible.

Des améliorations ou un bug ? :
Là encore n'hésites pas à me contacter