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 : 25Message(s) : 1143

    Les Guildes
    Guilde des Conteurs:
    3/10  (3/10)
    Guilde des Illusionnistes:
    0/10  (0/10)
    Guilde des Architectes:
    0/10  (0/10)
    Rozenbrez
    le Jeu 18 Juil 2013 - 12:57
    C'est fort sympathique, cela change des navigations habituelles. Merci Halloween <3


    FémininAge : 22Message(s) : 57
    Ryuu
    le Jeu 18 Juil 2013 - 21:46
    Merci Very Happy


    FémininAge : 24Message(s) : 90
    pika-cerise
    le Ven 19 Juil 2013 - 19:45
    Merci
    FémininAge : 27Message(s) : 134
    hirondelle
    le Sam 20 Juil 2013 - 14:34
    C'est jolie ♥
    Invité
    le Mar 6 Aoû 2013 - 15:46
    Merci pour le tuto Hallow' Very Happy

    Je vais y jeter un oeil, ça m'intrigue ! ( c'est classe en plus cette disposition ! :p ).
    MasculinAge : 15Message(s) : 396

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    0/10  (0/10)
    Chione
    le Jeu 8 Aoû 2013 - 13:25
    merki



    FEZ!FEZ!
    FémininAge : 27Message(s) : 101
    Lady Doll
    le Ven 13 Sep 2013 - 18:51
    merci =)
    FémininAge : 19Message(s) : 245
    Tameless+
    le Mer 18 Sep 2013 - 22:38
    j'adore même l'image!! ** wow merci! ^^


    FémininAge : 19Message(s) : 245
    Tameless+
    le Mer 18 Sep 2013 - 22:49
    Ah mais j'ai un problème, sur mon forum test, l'image se répète ? j'ai rien changé du tout du code, les scripts sont donc les même. quelque pourait-il m'aide? un gros merci à celui ou celle qui trouvera ^^


    FémininAge : 41Message(s) : 80
    TATACARO13
    le Mer 25 Sep 2013 - 22:23
    merci




    FémininAge : 18Message(s) : 114
    Fartiny
    le Ven 27 Sep 2013 - 16:35
    Merci :)
    FémininAge : 24Message(s) : 39

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    xToshi-Shûx
    le Sam 28 Sep 2013 - 0:07
    Sympa comme rendu, j'aime bien ^^ Merci pour le partage x)


    MasculinAge : 24Message(s) : 49
    Raymanou
    le Jeu 3 Oct 2013 - 1:15
    Merci pour ce tuto qui est vraiment génial Wink
    MasculinAge : 20Message(s) : 38
    pierre31250
    le Dim 6 Oct 2013 - 20:13
    merci
    FémininAge : 20Message(s) : 61

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Pony62
    le Sam 19 Oct 2013 - 18:05
    J'aime beaucoup le rendu, je regarde ça merci ! Very Happy


    Underconstruction ♫
    FémininAge : 25Message(s) : 36
    md1991
    le Dim 20 Oct 2013 - 22:29
    Ca a l'air intéressant merci


    FémininAge : 20Message(s) : 161
    Lestrange
    le Mer 30 Oct 2013 - 13:57
    C'est super pratique ça °° Merci !
    FémininAge : 24Message(s) : 30
    Tinker•Bell
    le Lun 4 Nov 2013 - 23:55
    Merci !
    MasculinAge : 25Message(s) : 63
    teck
    le Jeu 21 Nov 2013 - 12:07
    merci


    MasculinAge : 20Message(s) : 147

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    FreeSpirit
    le Sam 23 Nov 2013 - 18:53
    merci
    FémininAge : 24Message(s) : 93

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Namco
    le Dim 24 Nov 2013 - 2:42
    cool ! merci *_*
    FémininAge : 41Message(s) : 236
    Solitude
    le Lun 25 Nov 2013 - 10:44
    Merci


    ~ Je suis capable du meilleur comme du pire, mais dans le pire c'est moi la meilleure. ~
    FémininAge : 30Message(s) : 239
    Euterpe
    le Ven 6 Déc 2013 - 12:48
    Mode curieuse!

    Superbe en tous cas merci
    Invité
    le Sam 7 Déc 2013 - 13:10
    Merci :)
    FémininAge : 19Message(s) : 180

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Sakura-chan
    le Sam 7 Déc 2013 - 13:54
    Génial, merci beaucoup ! ^^
    Contenu sponsorisé
    Aujourd'hui à 8:59

      La date/heure actuelle est Mar 27 Sep 2016 - 8:59