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 : 20Message(s) : 36
    AMIANTE
    le Lun 29 Fév 2016 - 17:45
    merci beaucoup :love:


    uc
    FémininAge : 22Message(s) : 78
    Smikyou
    le Jeu 10 Mar 2016 - 23:03
    ty
    FémininAge : 18Message(s) : 145
    Saphire
    le Sam 26 Mar 2016 - 15:46
    merci
    MasculinAge : 17Message(s) : 47
    KTMiz
    le Dim 27 Mar 2016 - 0:28
    Merci super taff


    MasculinAge : 20Message(s) : 77
    Junichi Kudo
    le Lun 28 Mar 2016 - 3:15
    Thanks !
    FémininAge : 19Message(s) : 87
    Dreamyland
    le Ven 1 Avr 2016 - 1:23
    Merciii
    FémininAge : 28Message(s) : 36
    Cornelia
    le Sam 2 Avr 2016 - 15:27
    Merci
    MasculinAge : 19Message(s) : 19
    XIII
    le Dim 24 Avr 2016 - 14:34
    Thx :)
    MasculinAge : 20Message(s) : 41
    Saik
    le Dim 22 Mai 2016 - 23:51
    merci !
    FémininAge : 19Message(s) : 47
    Discorde
    le Ven 3 Juin 2016 - 18:36
    Merci beaucoup :p
    MasculinAge : 16Message(s) : 101
    Iguolta
    le Ven 3 Juin 2016 - 22:49
    Merci ^^



    Merci à Cruelly pour le kit Very Happy
    Merci beaucoup ^^:

    Merci Raeden Liddell Very Happy


    Merci Bubodox Very Happy


    Merci Shoki Very Happy
    MasculinAge : 27Message(s) : 129

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    *-Atlas-*
    le Lun 6 Juin 2016 - 4:25
    Merci


    MasculinAge : 20Message(s) : 163

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kirito
    le Mar 7 Juin 2016 - 17:03
    Merci ! :)
    FémininAge : 22Message(s) : 40
    Wilh
    le Jeu 9 Juin 2016 - 16:38
    SUPER ! *_*
    FémininAge : 27Message(s) : 8
    Olympea59140
    le Dim 12 Juin 2016 - 10:11
    Merci du partage :)
    FémininAge : 15Message(s) : 66

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Sakura Yuuki
    le Mer 22 Juin 2016 - 14:37
    Merci x)


    MasculinAge : 16Message(s) : 28
    Nekrofyre
    le Jeu 30 Juin 2016 - 22:47
    cool
    FémininAge : 76Message(s) : 14
    Yukiho
    le Dim 3 Juil 2016 - 15:38
    Merci !
    MasculinAge : 22Message(s) : 23
    Noburnak
    le Ven 8 Juil 2016 - 1:08
    OMG OUI MERCI
    FémininAge : 21Message(s) : 37
    Rebekaah
    le Mar 26 Juil 2016 - 17:25
    J'adore merci du partage !
    FémininAge : 19Message(s) : 33
    Kacisse
    le Lun 1 Aoû 2016 - 15:15
    merci aussi !
    FémininAge : 23Message(s) : 18
    Priss.
    le Lun 1 Aoû 2016 - 21:33
    Très original j'adore :)


    FémininAge : 17Message(s) : 106
    Litonya
    le Mer 3 Aoû 2016 - 13:23
    michi !
    FémininAge : 19Message(s) : 30
    Perle
    le Dim 7 Aoû 2016 - 14:06
    Merci bien !
    FémininAge : 20Message(s) : 211
    Djeina
    le Ven 12 Aoû 2016 - 4:37
    Merci du partage ^^
    Contenu sponsorisé
    Aujourd'hui à 3:53

      La date/heure actuelle est Lun 26 Sep 2016 - 3:53