Avant tout, ne soyez pas effrayez devant tous ces codes qui ne vous dises peut-être rien du tout. Vous n'avez qu'à suivre ces indications et vous devriez y arriver! Ce code est libre (uniquement sur AMC) à qui voudra s'en servir comme base et il peut être modifié selon vos préférences.
Tout d'abord, vous pouvez commencer par trouver une belle image et celle-ci doit être de 600px de
largeur. Si vous n'êtes pas doué en graphisme, vous pouvez prendre une image que vous aimez et ,avec un logiciel comme Photofiltre, simplement la recadrer pour qu'elle fasse 600px de largeur. La hauteur importe peu, c'est comme vous le sentez!
Passons maintenant aux choses un peu plus sérieuses. Le codage. Pour les personnes prudentes, vous pouvez seulement changer les couleurs, selon l'image choisie. Les couleurs sont toutes les lettres ou tous les chiffres précédés de « # ». Par exemple, #ffffff est la couleur blanche et #000000 est la couleur noire. Afin de modifier les couleurs, vous pouvez utiliser la « pipette » de votre logiciel et prendre les couleurs sur votre image. Si vous désirez être encore plus prudents, vous pouvez remplacer ces séries de lettres/chiffres par la couleur voulue. Par exemple, vous pouvez remplacer #ffffff par
white ou alors consulter
ce site et trouver les couleurs qui vous conviennent!
Voici la liste des couleurs utilisées dans mon code et ce qu'elles représentent:
#ffffff (blanc): Contour entier du topic et titre des catégories.
#eeeeee: Couleur de fond du topic.
#bbbbbb: Ombre derrière les mots Ton Pseudo et Catégorie. Couleur également utilisée pour les bordures (sous Ton Pseudo, sous les catégories et autour des cartes) et les mots Tickets et Légende.
En faisant CTRL+F, vous pouvez rechercher ces codes de couleur et les remplacer par celles que vous préférez.
Attend! Comment bien s'assurer que je change le bon truc?Pour vous aidez, je vais aussi faire un petit cours 101 de codage.
- À chaque fois que la couleur est précédée de « border: ?px solid #couleur », vous allez changer la couleur des bordures (sous Ton Pseudo, sous les catégories et autour des cartes).
- À chaque fois que la couleur est précédée de « color: #couleur », vous allez changer la couleur du texte.
- À chaque fois que la couleur est précédée de « text-shadow: 2px 2px 0px #couleur », vous allez changer l'ombre derrière le texte (Ton Pseudo et Catégorie).
- Et finalement, à chaque fois que la couleur est précédée de « background-color: #couleur », vous allez changer la couleur de fond.
Mais c'est quoi des bordures sous les catégories?Il existe différents types de bordures: solid, double et dotted sont les plus utilisés.
- Solid: Une barre remplie. Si le code est écrit « border-bottom:5px solid #couleur; », vous allez avoir une barre comme celle sous la deuxième catégorie.
- Double: Une double barre. Si le code est écrit « border-bottom:5px double #couleur; », vous allez avoir une barre comme sur la première catégorie.
- Dotted: Une barre pointillée. Si le code est écrit « border-bottom:5px dotted #couleur; », vous allez avoir une barre comme sur la dernière catégorie.
Vous pouvez donc choisir le style qui vous plaît le plus et il suffit de remplacer les mots « solid », « double » et « dotted ». Si vous êtes inquiets de le faire vous-même, je suis toujours à disposition!
Et c'est quoi une légende?Vous pouvez choisir l'importance que vous accordez à vos cartes! Par exemple, une carte ayant comme légende 20/20 est presque impossible à avoir, tandis qu'une carte ayant 10/20 a moins d'importance aux yeux de son propriétaire.
Pour aider les nouveaux membres et les moins expérimentés du HTML, j'ai gardé le texte sous les cartes, mais vous pouvez remplacer le texte par une image et créer des légendes personnalisées!
Le reste, vous n'avez pas à vous en préoccuper, sauf si vous savez comment faire et que le langage HTML n'est plus un secret pour vous.
Et si vous avez la moindre question ou problème avec le code, vous pouvez me contacter en message privé!
Bonne chance!