AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Catégories en un bloc

    Partagez
    avatar
    NyoTheNeko
    FémininAge : 23Messages : 5018

    le Mar 1 Juil 2014 - 0:20

    Rappel du premier message :

    Catégories



    Ceci est un code de catégories crée suite à la Demande de Risa, ici.

    Pour phbb2 ▬ CSS3 & HTML5 ▬ Code mit sous hide ▬ Ce que ça donne


    Les effets et images


    Le carré noir tout à gauche est l'image de nouveaux/pas de nouveaux messages et est en 75px de largeur et 90px de hauteur.
    Le second carré noir (légèrement transparent) est l'image de description de catégories et est en 130px de largeur et 70px de hauteur. Vous pouvez également le mettre en 90px de hauteur (pour qu'il soit de la même hauteur que le reste) mais vous devrez alors changer quelque peu sa position dans le CSS (cf. indications plus bas). Au passage de la souris, l'image va d'une opacité de 70% à 100%.
    Il y a un overflow: auto aussi bien sur la description que sur la liste des sous-forums. Cependant, sur certains navigateurs, la barre ne se voit pas pour les sous-forums (notamment Firefox).
    Tous les liens ont un effet au passage de la souris (le texte s'allonge et change de couleur).
    L'écriture spéciale utilisée est Nothing You Could Do. Vous retrouvez son link juste au-dessus de BEGIN catrow. Vous pouvez la changer/retirer, mais pensez alors à retirer ou changer chacune de ses apparitions dans le CSS (sous la forme de font-family: 'Nothing You Could Do')!

    Le code


    Code HTML à placer dans Affichage -> Page d'accueil -> Templates -> Général -> index_box /!\ Attention!: C'est le template en entier! /!\ :


    Code HTML à placer dans chaque description de catégories :


    Le CSS:


    Pour mettre l'image de description à 90px et bien la placer


    Le code correspondant est celui-ci et vous verrez que tout est déjà indique dans le CSS::


    Cependant, pour être plus claire, voilà ce qui est à mettre exactement, si seul la hauteur de cette image change:



    avatar
    Donquichotte
    MasculinAge : 21Messages : 48

    le Mer 29 Juin 2016 - 7:25

    Comment copié le code svp
    avatar
    Leelo
    FémininAge : 26Messages : 147

    le Lun 18 Juil 2016 - 16:41

    merci
    avatar
    Sukinette
    FémininAge : 32Messages : 1188

    le Jeu 11 Aoû 2016 - 22:40

    Merci ♥



      Merci pour les avatars Clémentine & Narakye ♥♥
    avatar
    Lena Choux
    FémininAge : 20Messages : 29

    le Dim 30 Oct 2016 - 14:31

    Merci
    avatar
    RPG Maker
    FémininAge : 23Messages : 44

    le Mer 23 Nov 2016 - 22:51

    Merci, c'est sympas. ^^
    avatar
    Scratpub
    FémininAge : 28Messages : 66

    le Dim 27 Nov 2016 - 19:07

    Super merci !
    avatar
    Nono-Chan
    FémininAge : 19Messages : 273

    le Mer 7 Déc 2016 - 18:54

    marchi
    avatar
    Talesof91
    FémininAge : 27Messages : 75

    le Mar 13 Déc 2016 - 21:46

    Merci ^^
    avatar
    Dark6nika
    FémininAge : 24Messages : 118

    le Mer 21 Déc 2016 - 11:23

    Merci pour le partage ! ^-^



    Wolftactick
    FémininAge : 15Messages : 71

    le Dim 22 Jan 2017 - 12:41

    Woawh
    avatar
    Sakura Sinister
    FémininAge : 30Messages : 34

    le Jeu 2 Fév 2017 - 1:27

    Merci :)
    avatar
    JabberJay58
    FémininAge : 20Messages : 19

    le Ven 10 Fév 2017 - 22:58

    Merci
    avatar
    Nyotengu
    FémininAge : 23Messages : 84

    le Jeu 9 Mar 2017 - 17:55

    merci
    avatar
    Nyotengu
    FémininAge : 23Messages : 84

    le Jeu 9 Mar 2017 - 17:55

    merci
    avatar
    Mariana Greyson
    FémininAge : 18Messages : 66

    le Lun 27 Mar 2017 - 15:09

    mrc
    avatar
    missmarie
    FémininAge : 26Messages : 21

    le Lun 3 Avr 2017 - 22:18

    Merci !!
    avatar
    ArgelTown
    MasculinAge : 17Messages : 23

    le Mar 4 Avr 2017 - 20:15

    Merci
    avatar
    .Kira
    FémininAge : 27Messages : 4

    le Ven 21 Juil 2017 - 19:05

    C'est tres simpa
    avatar
    Jixdu
    FémininAge : 16Messages : 27

    le Lun 7 Aoû 2017 - 12:08

    Merci !
    avatar
    Jigsaw.
    FémininAge : 26Messages : 19

    le Mar 15 Aoû 2017 - 23:51

    Merci à toi ! Very Happy
    Contenu sponsorisé


      La date/heure actuelle est Ven 18 Aoû 2017 - 9:03