epicode
Epicode, c'est sept ans d'entraide dans la création de forums. Vous y trouverez une gamme complète de libre-service, allant du simple avatar jusqu'à l'index codé intégralement. Venez fouiller pour trouver votre bonheur ! Si jamais vous n'y parvenez pas, vous pourrez toujours commander ! Nos graphistes et codeurs sont là pour vous, pour répondre à vos demandes et vous aider dans la conception de vos forums.

Epicode, c'est une offre complète allant jusqu'au conseil sur forum. Envie d'avis sur votre contexte, d'une relecture ? Nos conseillers se feront une joie de vous aider dans ces tâches difficiles, vous permettant d'avoir un forum parfait jusqu'à la virgule près.

Pour finir, Epicode c'est aussi des animations, des jeux, des concours, des défis, avec des animateurs haut en couleurs prêt à vous embarquer dans de folles aventures. Mais surtout, Epicode, c'est avant tout une ambiance chaleureuse, un staff disponible et un forum actif ! Rejoignez-nous !
entre donc,

Aller en bas
Membre timide
Clyde Ale
# [Facile] Catégories #2 - Clyde Ale - le Mer 21 Juin 2017 - 2:06
Je vous propose une mise en forme de catégories :3
Vous pouvez changer les couleurs. Le titre de forum devient blanc lorsque l'on passe le curseur dessus.
Amusez vous bien!

[Facile] Catégories #2 - Clyde Ale 443452Catschma

[Facile] Catégories #2 - Clyde Ale 590396873596fiche[Facile] Catégories #2 - Clyde Ale 877038851423NoNews
Clyde Ale
Membre timide
Date d'inscription : 10/06/2017
Messages : 132
Vieille admin - Briseuse de nuques
Cheshire Cat
# Re: [Facile] Catégories #2 - Clyde Ale - le Lun 26 Juin 2017 - 19:59
Coucou @Clyde Ale :)
J'ajoute tes exercices à l'index mais je préfère mettre le niveau "Difficile" comme on s'attaque aux templates. En fait le niveau Intermédiaire chez nous se trouve quand on commence à s'occuper des pages d'accueil ! :D
Cheshire Cat
Vieille admin - Briseuse de nuques
Date d'inscription : 15/12/2012
Messages : 4815
Membre timide
Clyde Ale
# Re: [Facile] Catégories #2 - Clyde Ale - le Mar 27 Juin 2017 - 15:23
Merci Cheshire :3
Clyde Ale
Membre timide
Date d'inscription : 10/06/2017
Messages : 132
Mini-graphiste
Alek
# Re: [Facile] Catégories #2 - Clyde Ale - le Ven 1 Mar 2019 - 13:05
Exercice bien sympa [Facile] Catégories #2 - Clyde Ale 1066248963
j'ai juste manqué de place pour les sous forums *ahem*



Le rendue : https://i.servimg.com/u/f57/19/46/10/54/exo_ca10.png ~
Alek
Mini-graphiste
Date d'inscription : 20/01/2018
Messages : 2287
Admin et designer
Myrddin
# Re: [Facile] Catégories #2 - Clyde Ale - le Mer 13 Mar 2019 - 20:26
*craque ses doigts pour la correction*

Coucou @Alek ! Alors déjà, excellent travail sur ses catégories, je vois que tu maîtrises à merveille les valeurs templates et ça, ça fait chaud dans le kokoro ! Néanmoins, tu te doutes que j'ai quelques remarques à faire, sinon c'est carrément pas drôle /PAN

Par exemple, ici :
Code:
<div class="bande">
  <div class="titre">
    Gros titre bouyah
  </div>
</div>

Il te manque une valeur template /PAN
Rappelle toi de notre cours, je t'avais expliqué qu'à cet endroit, c'est un titre que l'on doit rajouter dans le panneau d'administration pour chaque catégorie. Et pour qu'il soit différent et s'adapte à ce que tu y écriras dans le panneau d'admin, il faut alors que ce soit une valeur template. Là le souci, c'est que toutes les caté auront ce même titre !
Du coup, ça se présenterait plutôt comme ça :
Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<div class="titre">{catrow.tablehead.L_FORUM}</div>

<!-- END tablehead -->
<!-- BEGIN cathead -->
<!-- END cathead -->

Surtout ne pas oublier les boucles sinon ça ne fonctionne pas et le titre n'apparaît pas !

Ensuite, quelques petites remarques sur le CSS même si dans l'ensemble, c'est superbement geré et bravo pour l'intégration du display-flex, t'as géré !
Du coup, voilà ce qui me chagrine :
Code:
::-webkit-scrollbar {
      width: 3px; /*largeur de la scrollbar verticale*/
      height: 2px; /*hauteur de la scrollbar horizontale*/
      background-color: #5e1b1b;}

      ::-webkit-scrollbar-track {
      background-color: #762323; /*couleur du fond de la scrollbar*/}

    ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
      background-color: #5e1b1b; /*couleur de l'ascenseur*/;
      }
Ca, tu n'as pas besoin de le mettre dans tes catégories. En gros, comme le sélecteur à "::", il agira sur la totalité du forum. Si tu veux qu'il n'agisse que sur les catégories, tu dois rajouter le nom du bloc de la catégories devant, par exemple :
Code:
.categorie::-webkit-scrollbar
et etc pour toutes tes autres valeurs dans le genre.

Ensuite, le display flex justement ! Déjà, très bonne utilisation de ça comme je te disais plus haut, seulement j'ai une petite remarque toute bête, plus de l'ordre de la pratique que d'autre chose.
Code:
.display {
 display: flex;
}
N'oublies jamais de rajouter, après le display-flex, ceci :
Code:
flex-wrap:wrap; /*aligne les blocs dans une largeur définie en empêchant de dépasser et de casser le code*/

Sinon pour le reste, pour moi, tout est bon ! Les couleurs sont superbes, très bien agencées et ça envoie du bois ! Il ne te reste plus qu'à fair ces petites corrections et tout sera good pour toi ~
Un très bon exercice pour apprendre les catégories d'ailleurs, GG à @Clyde Ale pour l'avoir proposé !
Myrddin
Admin et designer
Date d'inscription : 24/03/2016
Messages : 2696


Alors comme ça on aime coder ? On aime le design ? Postule pour devenir designer !

[Facile] Catégories #2 - Clyde Ale Qqlf
Merci Azumii et Auryana pour les avatars et Azumii pour la signature [Facile] Catégories #2 - Clyde Ale 3775839356

[Facile] Catégories #2 - Clyde Ale If7y
Merci Aed [Facile] Catégories #2 - Clyde Ale 3775839356 ♥️
Contenu sponsorisé
Revenir en haut
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum