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:


    MasculinAge : 48Message(s) : 48
    lulu-lorry
    le Sam 7 Nov 2015 - 16:49
    merci beaucoup
    FémininAge : 27Message(s) : 149
    luna-chan86
    le Dim 8 Nov 2015 - 13:29
    Merci Nyo :)
    MasculinAge : 26Message(s) : 26
    Luirio
    le Mar 10 Nov 2015 - 17:41
    Je vais essayé ça =) merci
    FémininAge : 19Message(s) : 7
    Sylane
    le Ven 13 Nov 2015 - 2:06
    (:
    FémininAge : 24Message(s) : 27
    emelinerst
    le Mer 18 Nov 2015 - 21:53
    merci pour le tutu :)
    FémininAge : 23Message(s) : 82
    MLD
    le Jeu 19 Nov 2015 - 8:17
    Merci du partage !
    FémininAge : 22Message(s) : 71
    Yam'
    le Sam 21 Nov 2015 - 17:01
    merci!
    FémininAge : 28Message(s) : 108
    sweetheart.
    le Mer 25 Nov 2015 - 20:55
    Merci


    Un bisou pour Invité


    Un bisou pour...
    Invité
    Invité
    le Sam 9 Jan 2016 - 16:00
    Merci du partage, j'aime beaucoup :love:
    MasculinAge : 17Message(s) : 47
    KTMiz
    le Dim 7 Fév 2016 - 15:35
    merci


    FémininAge : 28Message(s) : 93
    alex24d
    le Dim 28 Fév 2016 - 14:06
    j'adore merci
    FémininAge : 24Message(s) : 125
    Amacky
    le Dim 28 Fév 2016 - 17:38
    Merciiiiiii c'est super jolie
    FémininAge : 18Message(s) : 10
    Ava G. Oaken
    le Lun 29 Fév 2016 - 20:54
    Merci
    MasculinAge : 33Message(s) : 339

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    skyfighter
    le Jeu 10 Mar 2016 - 15:23
    merci




    FémininAge : 22Message(s) : 67
    Laluna
    le Mar 15 Mar 2016 - 15:38
    Mercii **
    FémininAge : 21Message(s) : 497

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    2/10  (2/10)
    Youp
    le Lun 21 Mar 2016 - 3:20
    Nihihi j'aimerais savoir comment tu places ton image, merci grand padawane Razz


    MasculinAge : 16Message(s) : 5
    karimserk
    le Jeu 24 Mar 2016 - 12:31
    Merci Beaucoup !
    FémininAge : 28Message(s) : 154
    Chadot
    le Mar 5 Avr 2016 - 10:07
    Merci


    FémininAge : 25Message(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)
    Arkaline
    le Lun 11 Avr 2016 - 19:31
    Merci !
    FémininAge : 15Message(s) : 75
    Ariemm
    le Jeu 14 Avr 2016 - 15:34
    merci, c'est très beau ^^
    FémininAge : 58Message(s) : 83
    marie-noelle
    le Lun 9 Mai 2016 - 0:39
    merci
    FémininAge : 28Message(s) : 320
    Edward Speleers
    le Ven 20 Mai 2016 - 23:16
    Je vais essayer, merci :)


    FémininAge : 24Message(s) : 182
    .loumpia
    le Dim 29 Mai 2016 - 14:42
    :)
    FémininAge : 23Message(s) : 48
    Invy
    le Lun 30 Mai 2016 - 16:51
    Merci beaucoup! :friends:
    FémininAge : 18Message(s) : 7
    akiraexile
    le Lun 27 Juin 2016 - 19:58
    Merci beaucoup :-)
    Contenu sponsorisé
    Aujourd'hui à 19:24

      La date/heure actuelle est Dim 25 Sep 2016 - 19:24