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 : 18Message(s) : 101
    lΔω
    le Mer 20 Mai 2015 - 15:53
    C'est super, merci :)
    FémininAge : 16Message(s) : 52
    Sparky59
    le Dim 7 Juin 2015 - 1:21
    Merci ^^
    FémininAge : 24Message(s) : 128
    Monaka
    le Mar 9 Juin 2015 - 8:47
    c'est ce que je recherchais ^^
    FémininAge : 27Message(s) : 107

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Zélya
    le Mar 9 Juin 2015 - 11:49
    bonjour merci du partage


    FémininAge : 21Message(s) : 23
    Heryon
    le Mar 9 Juin 2015 - 20:12
    Merci pour ce partage ! :hug:
    MasculinAge : 21Message(s) : 38
    Krager
    le Sam 13 Juin 2015 - 12:20
    merci
    FémininAge : 13Message(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)
    Flaura
    le Sam 13 Juin 2015 - 21:48
    Merci !


    FémininAge : 25Message(s) : 8
    sugarbomb
    le Mar 23 Juin 2015 - 21:26
    Merciiii
    MasculinAge : 26Message(s) : 220
    Fame
    le Sam 27 Juin 2015 - 18:55
    merci :)
    FémininAge : 22Message(s) : 43
    LadyAither
    le Dim 12 Juil 2015 - 20:58
    Merci à toi ♥
    Invité
    le Dim 26 Juil 2015 - 17:05
    Je te l'emprunte pour mon forum, merci du partage :3
    FémininAge : 17Message(s) : 46
    wolopi
    le Mer 29 Juil 2015 - 13:59
    Merci beaucoup!
    MasculinAge : 21Message(s) : 58
    Abate.7
    le Sam 1 Aoû 2015 - 22:29
    merci
    FémininAge : 28Message(s) : 130
    mon-etoile
    le Jeu 20 Aoû 2015 - 20:27
    Merci
    FémininAge : 24Message(s) : 1354

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kelalin
    le Jeu 20 Aoû 2015 - 22:38
    Merci ! (*≧▽≦)
    MasculinAge : 21Message(s) : 35
    Shinichi
    le Ven 21 Aoû 2015 - 3:12
    Merci bien.
    FémininAge : 23Message(s) : 69
    Milkiniz
    le Dim 23 Aoû 2015 - 13:15
    Merci beaucoup pour le partage !
    FémininAge : 32Message(s) : 70
    meolyne
    le Mar 8 Sep 2015 - 22:40
    Merci
    FémininAge : 25Message(s) : 296

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Depp
    le Ven 11 Sep 2015 - 16:59
    Merci beaucoup :)


    FémininAge : 19Message(s) : 18
    .Mei
    le Dim 18 Oct 2015 - 22:32
    Merci !
    FémininAge : 14Message(s) : 10
    Milkamiam
    le Lun 19 Oct 2015 - 18:10
    thanks :3
    FémininAge : 25Message(s) : 15
    Tristelune
    le Mar 20 Oct 2015 - 0:39
    Merci pour le codage (:
    FémininAge : 24Message(s) : 44
    Ivelyne
    le Mer 28 Oct 2015 - 9:01
    Simple et sympathique. Merci !
    MasculinAge : 34Message(s) : 27

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Yttel
    le Lun 2 Nov 2015 - 13:52
    Merci ^^
    MasculinAge : 29Message(s) : 30
    Eiffel01
    le Lun 2 Nov 2015 - 18:32
    Thank you
    Contenu sponsorisé
    Aujourd'hui à 10:24

      La date/heure actuelle est Jeu 29 Sep 2016 - 10:24