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

    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 : 21Message(s) : 65
    Nana-Yankee
    le Sam 12 Juil 2014 - 22:00
    merci
    FémininAge : 20Message(s) : 51
    Sachem
    le Lun 21 Juil 2014 - 1:01
    Merci !
    FémininAge : 22Message(s) : 9733

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    2/10  (2/10)
    Guilde des Architectes:
    10/20  (10/20)
    Halloween
    le Mar 22 Juil 2014 - 16:30
    Merci pour le partage Nyo, je déplace Wink


    Je mets les voiles, que le vent te soit favorable matelot !
    FémininAge : 18Message(s) : 37
    Tine
    le Mar 22 Juil 2014 - 17:02
    Mici ♥
    FémininAge : 23Message(s) : 21
    Illiade
    le Mar 22 Juil 2014 - 19:41
    Encore une fois, merci pour ce code, ça m'aide vraiment à comprendre les templates et le CSS ^^
    FémininAge : 15Message(s) : 10
    Immortaly
    le Mar 22 Juil 2014 - 22:42
    Merchi !
    FémininAge : 38Message(s) : 120
    Dacina moe
    le Mer 23 Juil 2014 - 3:04
    merci
    FémininAge : 27Message(s) : 35

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Smokerlilitrope
    le Mer 23 Juil 2014 - 4:24
    merci
    FémininAge : 21Message(s) : 132

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Afterglow.winter
    le Mer 23 Juil 2014 - 12:33
    Merci :)


    How do you get up from an all time low?
    FémininAge : 35Message(s) : 163
    Eshon
    le Mer 23 Juil 2014 - 16:30
    Merci ! C'est très réussit ! ^^
    FémininAge : 27Message(s) : 292
    Tatia38
    le Jeu 24 Juil 2014 - 10:00
    merci pour le partage
    FémininAge : 17Message(s) : 132
    Airore
    le Ven 25 Juil 2014 - 9:52
    Merci !
    FémininAge : 32Message(s) : 175
    Allison01
    le Ven 25 Juil 2014 - 10:31
    Whaouu superbe  :hug: 
    Merci ^^
    FémininAge : 16Message(s) : 3929

    Les Guildes
    Guilde des Conteurs:
    1/10  (1/10)
    Guilde des Illusionnistes:
    3/10  (3/10)
    Guilde des Architectes:
    0/10  (0/10)
    Clarisse
    le Ven 25 Juil 2014 - 14:02
    Merchi. ^^


    Coucou Invité!
    FémininAge : 15Message(s) : 64
    Little Melody
    le Ven 25 Juil 2014 - 16:08
    Merci
    FémininAge : 22Message(s) : 104
    Asuka
    le Mar 5 Aoû 2014 - 23:02
    Merci !


    FémininAge : 33Message(s) : 668

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Angie H.-Carter
    le Lun 11 Aoû 2014 - 15:04
    merci nyo ^^ je vais le testé^^


    Your my brillant! You shine into the darkness and you guide me in my  life with no fear. I love you so much and i don't want to loose you in my heart. You will be my love forerver. You and me it's like the sky and the sea...This is LIFE!
    FémininAge : 19Message(s) : 150

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    0/10  (0/10)
    SpicAsh
    le Mer 13 Aoû 2014 - 9:00
    Merci !
    FémininAge : 14Message(s) : 36
    NaruChan
    le Ven 15 Aoû 2014 - 21:51
    Je vais tester, merci
    FémininAge : 25Message(s) : 38
    soraya
    le Dim 17 Aoû 2014 - 9:37
    wow j'aime beaucoup. je vais sûrement l'utiliser pour la prochaine version de mon forum. merci <3



       
    Cory Monteith  1982 - 2013 Oh, why you look so sad? Tears are in your eyes come on and come to me now. Don't be ashamed to cry, let me see you through 'cause I've seen the dark side too. © by anaëlle.
    FémininAge : 16Message(s) : 55
    Zappy
    le Dim 17 Aoû 2014 - 19:45
    Merci
    FémininAge : 25Message(s) : 471

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Dydy
    le Lun 18 Aoû 2014 - 16:27
    merci du partage


    FémininAge : 20Message(s) : 61
    kingyo-chan
    le Jeu 21 Aoû 2014 - 12:18
    je t'aime très beaucoup avec tous pleins de cœurs partout. ♥♥♥


    FémininAge : 26Message(s) : 37
    black . Devil
    le Jeu 21 Aoû 2014 - 13:17
    Merci :)
    Contenu sponsorisé
    Aujourd'hui à 15:36

      La date/heure actuelle est Lun 26 Sep 2016 - 15:36