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 Lun 30 Juin 2014 - 22: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 : 41Message(s) : 236
    Solitude
    le Mer 10 Déc 2014 - 14:18
    Merci beaucoup


    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    MasculinAge : 23Message(s) : 160
    Doctor Who
    le Jeu 18 Déc 2014 - 20:00
    Merci beaucoup ♥




    DOCTOR WHO ☼
    © Yamashita d'épicode
    Invité
    le Ven 19 Déc 2014 - 18:28
    Merci !
    FémininAge : 33Message(s) : 28
    Xenala
    le Ven 26 Déc 2014 - 16:53
    Merci ^^
    FémininAge : 21Message(s) : 33

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Agnïeszka
    le Ven 9 Jan 2015 - 21:47
    merci
    FémininAge : 24Message(s) : 46
    Brookinette
    le Lun 12 Jan 2015 - 12:30
    J'aime beaucoup très beau travail :)
    FémininAge : 23Message(s) : 136

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Akina-chan
    le Mer 28 Jan 2015 - 20:15
    J'adore ! Merci <3
    FémininAge : 19Message(s) : 76
    Junior.
    le Mar 17 Fév 2015 - 1:59
    Merci ! **
    FémininAge : 18Message(s) : 21
    Paradéo
    le Mar 17 Fév 2015 - 10:55
    AWESOME ! *^*
    FémininAge : 19Message(s) : 53
    .lovely
    le Mar 17 Fév 2015 - 17:21
    j'adore, merci
    FémininAge : 29Message(s) : 82
    sabritheducks_79
    le Mar 24 Fév 2015 - 20:08
    C'est ce que je recherchais !!! parfait !!
    FémininAge : 19Message(s) : 116
    Girly
    le Mar 3 Mar 2015 - 17:39
    merci
    FémininAge : 21Message(s) : 129
    Azuriel
    le Mer 4 Mar 2015 - 12:44
    Merci ^^
    FémininAge : 22Message(s) : 6
    Aspartame
    le Mer 4 Mar 2015 - 19:02
    Merciiiiiii cheers
    FémininAge : 25Message(s) : 39
    Morphine.
    le Sam 14 Mar 2015 - 20:16
    Merci beaucoup **


    FémininAge : 22Message(s) : 43
    Raven Sumire
    le Dim 15 Mar 2015 - 21:47
    Merci beaucoup :3
    FémininAge : 26Message(s) : 79
    Selmacke
    le Lun 16 Mar 2015 - 13:46
    Merci à toi :)
    FémininAge : 38Message(s) : 120
    Dacina moe
    le Jeu 19 Mar 2015 - 13:59
    Super, merci pour ce template
    FémininAge : 22Message(s) : 37
    Minze
    le Dim 29 Mar 2015 - 0:11
    merci


    FémininAge : 18Message(s) : 39
    Pooni
    le Dim 5 Avr 2015 - 17:19
    Un rendu simple mais facilement personnalisable : C'est parfait.
    Merci à toi !
    MasculinAge : 23Message(s) : 70
    Miku
    le Sam 11 Avr 2015 - 16:25
    Merci !
    FémininAge : 24Message(s) : 25
    Tit_Kiwi
    le Ven 24 Avr 2015 - 13:12
    Merci pour ce code :heart:
    FémininAge : 18Message(s) : 89
    Acédie
    le Ven 24 Avr 2015 - 13:34
    merci !
    FémininAge : 21Message(s) : 43
    Yasashi
    le Ven 24 Avr 2015 - 18:37
    Markiii !
    FémininAge : 17Message(s) : 33
    Reece.
    le Mer 20 Mai 2015 - 13:27
    Merci
    Contenu sponsorisé
    Aujourd'hui à 15:15

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