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 - 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
    Solitude
    FémininAge : 42Messages : 283

    le Mer 10 Déc - 15:18

    Merci beaucoup



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    avatar
    Doctor Who
    MasculinAge : 24Messages : 160

    le Jeu 18 Déc - 21:00

    Merci beaucoup ♥





    DOCTOR WHO ☼
    © Yamashita d'épicode
    avatar
    Invité

    le Ven 19 Déc - 19:28

    Merci !
    avatar
    Xenala
    FémininAge : 34Messages : 28

    le Ven 26 Déc - 17:53

    Merci ^^
    avatar
    Agnïeszka
    FémininAge : 22Messages : 39

    le Ven 9 Jan - 22:47

    merci
    avatar
    Brookinette
    FémininAge : 24Messages : 46

    le Lun 12 Jan - 13:30

    J'aime beaucoup très beau travail :)
    avatar
    Akina-chan
    FémininAge : 23Messages : 138

    le Mer 28 Jan - 21:15

    J'adore ! Merci <3
    avatar
    Junior.
    FémininAge : 20Messages : 76

    le Mar 17 Fév - 2:59

    Merci ! **
    avatar
    Paradéo
    FémininAge : 19Messages : 21

    le Mar 17 Fév - 11:55

    AWESOME ! *^*
    avatar
    .lovely
    FémininAge : 20Messages : 54

    le Mar 17 Fév - 18:21

    j'adore, merci
    avatar
    sabritheducks_79
    FémininAge : 30Messages : 88

    le Mar 24 Fév - 21:08

    C'est ce que je recherchais !!! parfait !!
    avatar
    Girly
    FémininAge : 19Messages : 116

    le Mar 3 Mar - 18:39

    merci
    avatar
    Azuriel
    FémininAge : 22Messages : 129

    le Mer 4 Mar - 13:44

    Merci ^^
    avatar
    Aspartame
    FémininAge : 23Messages : 6

    le Mer 4 Mar - 20:02

    Merciiiiiii cheers
    avatar
    Morphine.
    FémininAge : 26Messages : 40

    le Sam 14 Mar - 21:16

    Merci beaucoup **



    avatar
    Raven Sumire
    FémininAge : 23Messages : 43

    le Dim 15 Mar - 22:47

    Merci beaucoup :3
    avatar
    Selmacke
    FémininAge : 27Messages : 79

    le Lun 16 Mar - 14:46

    Merci à toi :)
    avatar
    Dacina moe
    FémininAge : 39Messages : 152

    le Jeu 19 Mar - 14:59

    Super, merci pour ce template
    avatar
    Minze
    FémininAge : 23Messages : 37

    le Dim 29 Mar - 1:11

    merci



    avatar
    Pooni
    FémininAge : 19Messages : 39

    le Dim 5 Avr - 19:19

    Un rendu simple mais facilement personnalisable : C'est parfait.
    Merci à toi !
    avatar
    Miku
    MasculinAge : 24Messages : 70

    le Sam 11 Avr - 18:25

    Merci !
    avatar
    Tit_Kiwi
    FémininAge : 25Messages : 25

    le Ven 24 Avr - 15:12

    Merci pour ce code :heart:
    avatar
    Acédie
    FémininAge : 19Messages : 91

    le Ven 24 Avr - 15:34

    merci !
    avatar
    Yasashi
    FémininAge : 21Messages : 45

    le Ven 24 Avr - 20:37

    Markiii !
    avatar
    Reece.
    FémininAge : 18Messages : 34

    le Mer 20 Mai - 15:27

    Merci
    Contenu sponsorisé


      La date/heure actuelle est Sam 19 Aoû - 0:02