Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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
    FémininAge : 22Message(s) : 5018

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    10/10  (10/10)
    NyoTheNeko
    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:


    FémininAge : 24Message(s) : 3
    Pààm
    le Mer 27 Aoû 2014 - 16:54
    Géant ! Ce que je cherchais. Je n'oublierai pas de vous créditer, merci beaucoup ! (:
    FémininAge : 33Message(s) : 146
    missphan
    le Ven 29 Aoû 2014 - 14:31
    superbe merci beaucoup
    FémininAge : 22Message(s) : 137
    MOON LEE
    le Ven 29 Aoû 2014 - 15:06
    merci
    FémininAge : 17Message(s) : 147
    Layla4
    le Sam 6 Sep 2014 - 19:36
    Merci !
    FémininAge : 20Message(s) : 153

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    3/10  (3/10)
    Frosty Blue
    le Dim 7 Sep 2014 - 10:29
    Merci beaucoup ^^
    FémininAge : 18Message(s) : 145
    Saphire
    le Dim 7 Sep 2014 - 10:29
    Tres beau merci
    FémininAge : 21Message(s) : 40

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Insanities
    le Ven 19 Sep 2014 - 4:08
    Merci du partage !


    FémininAge : 24Message(s) : 213
    Miyoko
    le Mer 24 Sep 2014 - 22:50
    Merci


    FémininAge : 16Message(s) : 64
    Faucon
    le Dim 28 Sep 2014 - 17:15
    Super, merci ♥
    MasculinAge : 20Message(s) : 28
    Kikton
    le Lun 29 Sep 2014 - 10:38
    Très jolie , j'adore
    Age : 51Message(s) : 415
    picka234
    le Jeu 16 Oct 2014 - 14:53
    merci!!


    FémininAge : 24Message(s) : 37
    lolosmile
    le Jeu 16 Oct 2014 - 20:08
    merci beaucoup
    FémininAge : 24Message(s) : 69
    plushmasters
    le Mar 21 Oct 2014 - 9:56
    trop beau <3
    FémininAge : 16Message(s) : 294

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    1/10  (1/10)
    Merwyn Arehdel
    le Dim 26 Oct 2014 - 13:54
    Merci ! ♥


    Just want to be yours.
    FémininAge : 15Message(s) : 293
    Lisou
    le Mar 28 Oct 2014 - 10:31
    Merci ♥
    FémininAge : 30Message(s) : 286

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    benficagirl
    le Sam 8 Nov 2014 - 3:53
    Merci :) j'aime bien :).
    MasculinAge : 26Message(s) : 192
    Hayate747
    le Sam 8 Nov 2014 - 10:25
    Merci
    MasculinAge : 20Message(s) : 56

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Storminder
    le Dim 9 Nov 2014 - 16:57
    Merci beaucoup !
    MasculinAge : 23Message(s) : 15
    Vaast
    le Dim 9 Nov 2014 - 18:23
    Merci !
    FémininAge : 18Message(s) : 59
    Azzuen
    le Jeu 20 Nov 2014 - 0:01
    Merciii!
    FémininAge : 14Message(s) : 148

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kau
    le Jeu 20 Nov 2014 - 17:09
    Elles sont trop cool, merci.
    Invité
    le Jeu 20 Nov 2014 - 23:15
    Merci !
    MasculinAge : 21Message(s) : 76
    Porcelain Detox
    le Dim 30 Nov 2014 - 17:21
    Merci <3
    MasculinAge : 19Message(s) : 38
    Raziel Dirty
    le Dim 30 Nov 2014 - 19:40
    Merci !
    FémininAge : 24Message(s) : 162
    petit lu
    le Lun 8 Déc 2014 - 18:24
    Un grand merci pour le partage
    très magnifique code ♥
    Contenu sponsorisé
    Aujourd'hui à 9:09

      La date/heure actuelle est Dim 25 Sep 2016 - 9:09