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 : 20Message(s) : 57
    [LT]BountyS4
    le Ven 12 Aoû 2016 - 17:32
    merci, l'idee est genial !


    MasculinAge : 30Message(s) : 25
    LeMonarque
    le Sam 13 Aoû 2016 - 12:20
    Merci
    FémininAge : 25Message(s) : 181
    Laora || Peter
    le Sam 13 Aoû 2016 - 22:55
    J'adore, merci du partage !


    FémininAge : 17Message(s) : 511

    Les Guildes
    Guilde des Conteurs:
    0/10  (0/10)
    Guilde des Illusionnistes:
    1/10  (1/10)
    Guilde des Architectes:
    0/10  (0/10)
    NanoiHime
    le Lun 15 Aoû 2016 - 2:40
    mercii




    MasculinAge : 20Message(s) : 52
    Thanos
    le Ven 19 Aoû 2016 - 2:09
    Merci
    FémininAge : 20Message(s) : 72
    LegendsOfToday
    le Ven 19 Aoû 2016 - 14:54
    Merci !
    MasculinAge : 24Message(s) : 80

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Drogba JR
    le Mer 14 Sep 2016 - 17:21
    merci
    FémininAge : 24Message(s) : 66
    Ookami Shiroi
    le Mer 21 Sep 2016 - 17:18
    Merci
    FémininAge : 23Message(s) : 29
    Yunroxas
    le Sam 24 Sep 2016 - 18:09
    Merci c'est très jolie !
    Contenu sponsorisé
    Aujourd'hui à 20:55

      La date/heure actuelle est Mar 27 Sep 2016 - 20:55