AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

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
    avatar
    NyoTheNeko
    FémininAge : 23Messages : 5018

    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:



    avatar
    Solitude
    FémininAge : 42Messages : 283

    le Mer 10 Déc 2014 - 15:18

    Merci beaucoup



    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    avatar
    Doctor Who
    MasculinAge : 24Messages : 160

    le Jeu 18 Déc 2014 - 21:00

    Merci beaucoup ♥





    DOCTOR WHO ☼
    © Yamashita d'épicode
    avatar
    Invité

    le Ven 19 Déc 2014 - 19:28

    Merci !
    avatar
    Xenala
    FémininAge : 34Messages : 28

    le Ven 26 Déc 2014 - 17:53

    Merci ^^
    avatar
    Agnïeszka
    FémininAge : 22Messages : 39

    le Ven 9 Jan 2015 - 22:47

    merci
    avatar
    Brookinette
    FémininAge : 25Messages : 46

    le Lun 12 Jan 2015 - 13:30

    J'aime beaucoup très beau travail :)
    avatar
    Akina-chan
    FémininAge : 24Messages : 138

    le Mer 28 Jan 2015 - 21:15

    J'adore ! Merci <3
    avatar
    Junior.
    FémininAge : 20Messages : 78

    le Mar 17 Fév 2015 - 2:59

    Merci ! **
    avatar
    Paradéo
    FémininAge : 20Messages : 21

    le Mar 17 Fév 2015 - 11:55

    AWESOME ! *^*
    avatar
    .lovely
    FémininAge : 20Messages : 54

    le Mar 17 Fév 2015 - 18:21

    j'adore, merci
    avatar
    sabritheducks_79
    FémininAge : 31Messages : 88

    le Mar 24 Fév 2015 - 21:08

    C'est ce que je recherchais !!! parfait !!
    avatar
    Girly
    FémininAge : 20Messages : 116

    le Mar 3 Mar 2015 - 18:39

    merci
    avatar
    Azuriel
    FémininAge : 22Messages : 129

    le Mer 4 Mar 2015 - 13:44

    Merci ^^
    avatar
    Aspartame
    FémininAge : 24Messages : 6

    le Mer 4 Mar 2015 - 20:02

    Merciiiiiii cheers
    avatar
    Morphine.
    FémininAge : 26Messages : 40

    le Sam 14 Mar 2015 - 21:16

    Merci beaucoup **



    avatar
    Raven Sumire
    FémininAge : 23Messages : 43

    le Dim 15 Mar 2015 - 22:47

    Merci beaucoup :3
    avatar
    Selmacke
    FémininAge : 27Messages : 89

    le Lun 16 Mar 2015 - 14:46

    Merci à toi :)
    avatar
    Dacina moe
    FémininAge : 39Messages : 158

    le Jeu 19 Mar 2015 - 14:59

    Super, merci pour ce template
    avatar
    Minze
    FémininAge : 23Messages : 37

    le Dim 29 Mar 2015 - 1:11

    merci



    avatar
    Pooni
    FémininAge : 19Messages : 39

    le Dim 5 Avr 2015 - 19:19

    Un rendu simple mais facilement personnalisable : C'est parfait.
    Merci à toi !
    avatar
    Miku
    MasculinAge : 25Messages : 70

    le Sam 11 Avr 2015 - 18:25

    Merci !
    avatar
    Tit_Kiwi
    FémininAge : 25Messages : 25

    le Ven 24 Avr 2015 - 15:12

    Merci pour ce code :heart:
    avatar
    Acédie
    FémininAge : 19Messages : 91

    le Ven 24 Avr 2015 - 15:34

    merci !
    avatar
    Yasashi
    FémininAge : 22Messages : 58

    le Ven 24 Avr 2015 - 20:37

    Markiii !
    avatar
    Reece.
    FémininAge : 18Messages : 34

    le Mer 20 Mai 2015 - 15:27

    Merci
    Contenu sponsorisé


      La date/heure actuelle est Lun 23 Oct 2017 - 11:32