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.


    Barre de navigation en footer façon sites

    Partagez
    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 Dim 19 Mai 2013 - 14:20
    Rappel du premier message :

      Plop,

      Un petit tuto pour mettre en forme votre navigation de manière un peu plus originale, en bas de page.

      Aperçu :


      Pour commencer, le code brut. Dans le template overall_footer_end, repérez cette partie :



      Que vous remplacez par :



      Votre "barre" de navigation est maintenant installée (pensez à valider le template), il ne reste plus qu'à enlever celle prédéfinie par forumactif. Pour cela, dans le template overall_header, repérez cette partie :



      Que vous supprimez. Enregistrez, et la barre a disparue.


      Personnalisation.


      C'est bien beau, mais comment personnaliser sa nouvelle navigation ? Rien de plus simple, il suffit de suivre les étapes.


      Le bloc de navigation en lui-même.


      Le code qui suit vous permet de décrypter chaque élément. Les "margin" permettent de position le bloc, qui peut varier selon vos forum. Pour vous donner un coup de patte, dans l'ordre "0px 0 px -10px -10px" donne "marge du haut, marge de droite, marge du bas, marge de gauche".



      Pour remplacer l'image de fond par une couleur, remplacez :

      Code:
      background-image: url('LIEN DE L'IMAGE');
      Par :

      Code:
      background-color: code couleur;
      Le contenu.




      Vous pouvez bien sûr remplacer ou ajouter d'autres liens. Le "ADRESSE DU FORUM" est à compléter par un bout de votre adresse, celle de la page d'accueil (exemple : http://halloweens-test.forumactif.org/groups?tt=1).



      Han mais ... VOUS NE VOYEZ AUCUN CODES ! Normal, avant de copier/coller, un remerciement est apprécié, ça ne prend pas beaucoup de temps mais ça fait plaisir. Après ça, les codes vous serons dévoilés. Vous savez tout Wink
      Amusez-vous bien \o/


    Dernière édition par Halloween le Mar 20 Aoû 2013 - 13:25, édité 1 fois


    Je mets les voiles, que le vent te soit favorable matelot !
    MasculinAge : 26Message(s) : 38
    Darth Bogus
    le Lun 9 Nov 2015 - 9:03
    Guud
    FémininAge : 66Message(s) : 254

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Elocha
    le Lun 9 Nov 2015 - 11:27
    cool, merci !


    eLoChA.
    FémininAge : 21Message(s) : 82
    Sury
    le Jeu 12 Nov 2015 - 11:02
    Superbe merci !!!! Very Happy
    FémininAge : 19Message(s) : 38
    Utauko
    le Mar 24 Nov 2015 - 12:14
    Merci beaucoup :3
    FémininAge : 17Message(s) : 658

    Les Guildes
    Guilde des Conteurs:
    3/10  (3/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    0/10  (0/10)
    Ondée
    le Mar 8 Déc 2015 - 13:06
    Merci Hallo' Very Happy


    EN VACANCES JUSQU'À DÉBUT AOÛT - TOTALEMENT ABSENTE
    MasculinAge : 20Message(s) : 33
    #FifuKing.
    le Mer 9 Déc 2015 - 10:31
    merci beaucoup !
    FémininAge : 19Message(s) : 68
    Antithée
    le Ven 11 Déc 2015 - 17:09
    C'est super, merci !
    FémininAge : 14Message(s) : 112
    Pikabouh
    le Ven 11 Déc 2015 - 21:16
    Woua, trop génial, merci !
    MasculinAge : 15Message(s) : 48
    Zekarant
    le Ven 18 Déc 2015 - 19:03
    Merci
    MasculinMessage(s) : 107

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Del
    le Jeu 7 Jan 2016 - 21:04
    Merci !


    « Run you clever boy and remember... »
    FémininAge : 14Message(s) : 165
    KimmyKinder
    le Sam 9 Jan 2016 - 15:36
    Thx
    FémininAge : 22Message(s) : 71
    Yam'
    le Mar 12 Jan 2016 - 18:52
    Génial! Merci!
    MasculinAge : 18Message(s) : 58
    Yukihyo
    le Jeu 14 Jan 2016 - 2:48
    Très sympa merci Very Happy
    MasculinAge : 20Message(s) : 51
    Rimaï J. Godwin
    le Jeu 14 Jan 2016 - 20:32
    Merci ^^
    MasculinAge : 26Message(s) : 81

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kortyx
    le Ven 15 Jan 2016 - 18:41
    Merci !
    MasculinAge : 14Message(s) : 10
    kingor
    le Dim 24 Jan 2016 - 18:05
    Merci
    FémininAge : 22Message(s) : 99
    Dearborn
    le Dim 31 Jan 2016 - 14:17
    Merci!
    FémininAge : 23Message(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)
    Brume Sauvage
    le Lun 1 Fév 2016 - 12:21
    Super !
    Merci pour ce codage :3
    FémininAge : 17Message(s) : 48
    P-Summers
    le Mar 2 Fév 2016 - 11:12
    Merci !
    MasculinAge : 22Message(s) : 1992
    WizzyFree
    le Mar 16 Fév 2016 - 20:29
    Merci :)


    FémininAge : 22Message(s) : 44
    pinkwinee
    le Ven 26 Fév 2016 - 3:04
    CUTE Very Happy
    FémininAge : 17Message(s) : 47
    Yamashita
    le Ven 26 Fév 2016 - 11:31
    Très joli, merci beaucoup. ♥


    MasculinAge : 15Message(s) : 11
    Hivernxl
    le Sam 27 Fév 2016 - 15:37
    Merci.
    MasculinAge : 23Message(s) : 56

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Choubakawa
    le Dim 28 Fév 2016 - 10:22
    Merci :)


    FémininAge : 20Message(s) : 249
    Aki'
    le Dim 28 Fév 2016 - 18:05
    Merci
    Contenu sponsorisé
    Aujourd'hui à 17:22

      La date/heure actuelle est Mer 28 Sep 2016 - 17:22