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 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:



    avatar
    lulu-lorry
    MasculinAge : 49Messages : 48

    le Sam 7 Nov 2015 - 15:49

    merci beaucoup
    avatar
    luna-chan86
    FémininAge : 28Messages : 179

    le Dim 8 Nov 2015 - 12:29

    Merci Nyo :)
    avatar
    Luirio
    MasculinAge : 27Messages : 135

    le Mar 10 Nov 2015 - 16:41

    Je vais essayé ça =) merci
    avatar
    Sylane
    FémininAge : 20Messages : 7

    le Ven 13 Nov 2015 - 1:06

    (:
    avatar
    emelinerst
    FémininAge : 25Messages : 27

    le Mer 18 Nov 2015 - 20:53

    merci pour le tutu :)
    avatar
    MLD
    FémininAge : 24Messages : 85

    le Jeu 19 Nov 2015 - 7:17

    Merci du partage !
    avatar
    Yam'
    FémininAge : 23Messages : 73

    le Sam 21 Nov 2015 - 16:01

    merci!
    avatar
    sweetheart.
    FémininAge : 30Messages : 120

    le Mer 25 Nov 2015 - 19:55

    Merci



    Un bisou pour Invité


    Un bisou pour...
    Invité
    avatar
    Invité

    le Sam 9 Jan 2016 - 15:00

    Merci du partage, j'aime beaucoup :love:
    avatar
    KTMiz
    MasculinAge : 18Messages : 47

    le Dim 7 Fév 2016 - 14:35

    merci



    avatar
    alex24d
    FémininAge : 30Messages : 95

    le Dim 28 Fév 2016 - 13:06

    j'adore merci
    avatar
    Amacky
    FémininAge : 25Messages : 130

    le Dim 28 Fév 2016 - 16:38

    Merciiiiiii c'est super jolie
    avatar
    Ava G. Oaken
    FémininAge : 19Messages : 10

    le Lun 29 Fév 2016 - 19:54

    Merci
    avatar
    skyfighter
    MasculinAge : 34Messages : 351

    le Jeu 10 Mar 2016 - 14:23

    merci





    avatar
    Laluna
    FémininAge : 23Messages : 70

    le Mar 15 Mar 2016 - 14:38

    Mercii **
    avatar
    Youp
    FémininAge : 22Messages : 579

    le Lun 21 Mar 2016 - 2:20

    Nihihi j'aimerais savoir comment tu places ton image, merci grand padawane Razz



    avatar
    karimserk
    MasculinAge : 17Messages : 5

    le Jeu 24 Mar 2016 - 11:31

    Merci Beaucoup !
    avatar
    Chadot
    FémininAge : 29Messages : 175

    le Mar 5 Avr 2016 - 8:07

    Merci



    avatar
    Arkaline
    FémininAge : 26Messages : 180

    le Lun 11 Avr 2016 - 17:31

    Merci !



    Arkaline
    avatar
    Ariemm
    FémininAge : 16Messages : 107

    le Jeu 14 Avr 2016 - 13:34

    merci, c'est très beau ^^
    avatar
    marie-noelle
    FémininAge : 60Messages : 100

    le Dim 8 Mai 2016 - 22:39

    merci
    avatar
    Edward Speleers
    FémininAge : 29Messages : 452

    le Ven 20 Mai 2016 - 21:16

    Je vais essayer, merci :)



    avatar
    .loumpia
    FémininAge : 25Messages : 199

    le Dim 29 Mai 2016 - 12:42

    :)
    avatar
    Invy
    FémininAge : 24Messages : 48

    le Lun 30 Mai 2016 - 14:51

    Merci beaucoup! :friends:
    avatar
    akiraexile
    FémininAge : 19Messages : 7

    le Lun 27 Juin 2016 - 17:58

    Merci beaucoup :-)
    Contenu sponsorisé


      La date/heure actuelle est Lun 18 Déc 2017 - 18:25