Tout comme pour le topic de Brownie, ne vous inquiétez pas au niveau du code, je vais tenter de tout vous expliquer !
1ERE PARTIE : IMPORTATION DES CODES
Alors, déjà, la plupart du code css (pour changer les couleurs, les positionnement, etc) sont dans une feuille css qui est sur mon Dropbox. Pour importer ce code, il faut un créer un lien entre la page css et le poste du forum, d'ou la première ligne du code qui commence par < link ... > link >.
La seconde ligne qui commence aussi par link permet de charger les polices d'écriture. Dans mon cas j'ai décidé de prendre
Lobster.
Sans ces deux lignes-là, vous ne pourrez pas avoir ce rendu, il ne faut donc pas y toucher. Par contre, comme le code est présent sur mon dropbox, vous ne pouvez pas le modifier tout seul. Je vous met le lien pour télécharger la page css :
PacMan.css. Si vous voulez changer quelque chose dedans, vous pouvez, il vous suffira ensuite de changer le lien pour mettre votre page css !
2EME PARTIE : HAUT DU TOPIC
Nous arrivons dans la partie visible du code ! Le premier < div > ouvert permet de mettre en place le fond et lecontour bleu. Le haut correspond à un gif venant de PacMan, il s'agit d'une image toute simple d'ou le < img />. Ensuite, il y a une table qui permet d'avoir dans un premier temps les légendes de votre topic, que vous ne pouvez pas modifier car ce sont des images, et ensuite, vos tickets. Dans l'exemple il s'agit de deux tickets de Lillis. Vous n'avez qu'à changer les liens et y mettre vos propres tickets.
Enfin, il y a l'image qui correspond au titre du thème qui correspond à PacMan. Il s'agit à nouveau d'une image.
3EME PARTIE : CATEGORIES
Le code est composé en gros de 3 parties. Le titre de la catégorie, le fond de cette catégorie, que vous pouvez mettre plusieurs fois de suite, et enfin la fin de catégorie avec les fantômes.
Alors, pour le titre, il est en deux parties : Le titre de la catégorie, que j'ai nommé "Catégorie", et le fond avec PacMan. Vous n'avez qu'à changer la partie Catégorie par le nom que vous voulez donner.
Ensuite, il y a la partie de rangement à proprement parler. Dans la première catégorie, j'ai mis deux zone de rangement et une seul dans la deuxième catégories. Vous pouvez en rajouter autant que vous voulez, il faut placer les bornes div entre vos cartes :
- Code:
-
<div class="Rangement" style="margin-top:-10px; margin-bottom:-45px"> </div>
. Pour le rangement des cartes, j'ai utilisé l'effet Loupe. Pour mettre la légende, vous devez utiliser ce code là :
- Code:
-
<a class="Loupe"><img src="URL CARTE" height="150" width="80" class="Opacite"><span><img src="URL CARTE"/ alt="Neige"><div class="NOM CARTE"><img src="LIEN DE LA LEGENDE "></div></span></a>
.Pour les lien, voici les lien :
Facile -
Touchable -
Difficile -
IntouchableEnfin, il y a la dernière partie qui correspond juste au petit point avec les fantômes.
4EME PARTIE : CARTES VOULUES
Malheureusement, quand j'ai crée le thème, je ne pensais pas le mettre libre, du coup, je n'ai pas prévu comment faire les rond des cartes voulues. Pour cela, soit vous créez vous même les rond de taille 78*78, soit vous pouvez me demander. Ensuite, vous pouvez juste changer la partie Nom pour y mettre le nom du peronnage que vous souhaitez !