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 !
    FémininAge : 23Message(s) : 67
    Yumi-chan
    le Lun 28 Avr 2014 - 19:19
    Très originale et sympathique comme barre de navigation. Thanks. ♥
    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 Jeu 1 Mai 2014 - 16:58
    Merci du partage :)


    How do you get up from an all time low?
    MasculinAge : 21Message(s) : 69
    Usopp
    le Ven 2 Mai 2014 - 11:02
    Merci^^
    FémininAge : 18Message(s) : 97

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Argy
    le Ven 2 Mai 2014 - 17:25
    Whao c'est superbe **
    Merci beaucoup <3
    La barre est trop galère à faire en image, comme j'essaie de faire habituellement :'3
    FémininAge : 18Message(s) : 165
    Capouccino
    le Lun 5 Mai 2014 - 21:38
    Merci o/


    "Espérer l'inespérable c'est croire en l'impossible."
    FémininAge : 23Message(s) : 115
    Noruenu
    le Mar 6 Mai 2014 - 1:15
      Merci du partage !  :hug: 
    FémininAge : 18Message(s) : 46
    Mephitis.
    le Mar 6 Mai 2014 - 20:55
    Merci pour ce tuto *w*
    MasculinAge : 23Message(s) : 160
    Doctor Who
    le Jeu 8 Mai 2014 - 18:07
    Merci, ça vas être très utile :)




    DOCTOR WHO ☼
    © Yamashita d'épicode
    MasculinAge : 20Message(s) : 20
    Aleksei
    le Lun 12 Mai 2014 - 2:08
    Merci!! (:
    FémininAge : 30Message(s) : 210

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Tchii
    le Mer 14 Mai 2014 - 23:22
    Coucou!
    Merci pour ce petit code.
    A trés vite!
    Tchii!
    FémininAge : 24Message(s) : 43
    Chatchoum
    le Dim 18 Mai 2014 - 21:45
    vraiment sympathique !
    Merci
    MasculinAge : 21Message(s) : 32
    thib56
    le Mar 20 Mai 2014 - 12:10
    Merci.
    MasculinAge : 20Message(s) : 17
    stefansalvatore
    le Lun 26 Mai 2014 - 14:05
    sympa merci
    FémininAge : 18Message(s) : 28

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Sumaki
    le Mer 28 Mai 2014 - 0:40
    merci pour cette explication
    MasculinAge : 38Message(s) : 273

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Deed01
    le Mer 28 Mai 2014 - 3:43
    merci
    MasculinAge : 18Message(s) : 11
    Sasuke49
    le Jeu 29 Mai 2014 - 20:07
    Merci beaucoup !!
    FémininAge : 23Message(s) : 2324

    Les Guildes
    Guilde des Conteurs:
    5/10  (5/10)
    Guilde des Illusionnistes:
    5/10  (5/10)
    Guilde des Architectes:
    2/10  (2/10)
    Cruelly
    le Mer 4 Juin 2014 - 5:20
    Magnifique, sublime, je suis sans voix ! enfin moi sans voix jamais c'est une manière de parler mais J'AAADDDOOORRREEEE!!!!


    Absente pour une durée indéterminée.
    MasculinAge : 32Message(s) : 23
    Dada1779
    le Jeu 5 Juin 2014 - 8:45
    Sobre et très sympa merci
    MasculinAge : 21Message(s) : 65
    Dragma
    le Mar 10 Juin 2014 - 2:39
    Merci bien Wink
    MasculinAge : 17Message(s) : 162
    Nal Souclade
    le Mar 10 Juin 2014 - 18:16
    Enorme ! Merci beaucoup !
    FémininAge : 19Message(s) : 84
    Eleania Madena
    le Jeu 12 Juin 2014 - 9:54
    C'est une super bonne idée ! Merci :3


    MasculinAge : 48Message(s) : 48
    lulu-lorry
    le Ven 13 Juin 2014 - 13:56
    très grand merci
    MasculinAge : 22Message(s) : 139
    Reishi
    le Ven 13 Juin 2014 - 15:38
    merci ! Very Happy
    MasculinAge : 22Message(s) : 23
    SatoruMasao
    le Sam 14 Juin 2014 - 18:30
    Merci dude!
    MasculinAge : 21Message(s) : 8
    Moha.
    le Sam 14 Juin 2014 - 22:56
    Merci
    Contenu sponsorisé
    Aujourd'hui à 9:08

      La date/heure actuelle est Dim 25 Sep 2016 - 9:08