AccueilDernières imagesRechercherS'enregistrerConnexion

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.

Le Deal du moment : -17%
Casque de réalité virtuelle Meta Quest 2 ...
Voir le deal
249.99 €

    [Template] Barre de navigation au dessus du header/logo

    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Dim 1 Aoû 2010 - 12:00



    Salutation N'Utopien / N'Utopienne!!!

    Ce petit tutoriel vous permettra de placer votre barre de navigation au dessus de la bannière.

    Niveau: Facile Aperçu: Ici Fonctionne qu'avec les versions phpbb2 et punbb


    Vous êtes sur votre forum c'est bon? Alors commencer à allez sur votre panneau d'administration -> Affichage -> Template : Général -> Entrez dans le template Overall_header.

    Descendez vers le bas du code et copiez cette partie du template:

    Code:
    <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                   <tr>
                      <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                   </tr>
                </table><br />

    Remontez maintenant un peu plus haut et déplacez le code après cette partie:

    Code:
    <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
          <tr>
             <td class="bodyline">

    Ce qui vous donnera ça:

    Code:
    <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
          <tr>
             <td class="bodyline">
                <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                   <tr>
                      <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                   </tr>
                </table><br>

    |!| A noter que j'ai ajouté un saut de ligne
    Code:
    <br>
    à la fin pour qu'il y ait un espace entre la bannière et la barre de navigation.


    Et voila!! Une fois le code placé au bon endroit, il ne vous reste plus qu'à valider puis à confirmer la validation en cliquant sur la croix verte [Template] Barre de navigation au dessus du header/logo Ajouter


    C'est terminé, j'espère que ce tutoriel vous aura aidé et qu'il sera compréhensible pour tous.

    Bonne chance Wink.

    Autre tuto qui va avec celui-ci:

    [CSS] Barre de navigation


    Dernière édition par Sui' le Lun 2 Aoû 2010 - 9:54, édité 1 fois



    Merci beaucoup Woo pour ce kit *-*
    [Template] Barre de navigation au dessus du header/logo 657955SignatureSuicopie
    Sui' Art's
    Strawby
    Strawby
    FémininAge : 32Messages : 40

    Dim 1 Aoû 2010 - 19:18

    Merci beaucoup Sui'!! Je cherchais cette astuce depuis longtemps!!
    Sparrow-style
    Sparrow-style
    FémininAge : 39Messages : 32055

    Lun 2 Aoû 2010 - 0:52

    Précision à mettre dans le tuto : ne fonctionne qu'avec phpbb2 et punbb car ces versions permettent l'accès et surtout la modification des templates ^^

    Bon tuto en tout cas, merci Sui' ! Je pense qu'il est nettement possible de bien s'amuser avec ces astuces pour construire un forum qui a une apparence bien à lui^^



    sign
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Lun 2 Aoû 2010 - 10:00

    De rien Strawby :).

    J'ai rajouter ta précision dans le tuto Captain merci et de rien x).
    Ça permet plus d'originalité en effet et sa peu aidé les non graphistes pour personnalisé leur forum c'est sa qui est bien aussi.



    Merci beaucoup Woo pour ce kit *-*
    [Template] Barre de navigation au dessus du header/logo 657955SignatureSuicopie
    Sui' Art's
    Anonymous
    Invité

    Lun 30 Aoû 2010 - 17:04

    Je dois pas être douée mais on le place où au juste le code ?
    Merci =)
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Lun 30 Aoû 2010 - 17:29

    Faut le mettre vraiment tout à la fin ou un peu avant ?
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Lun 30 Aoû 2010 - 17:35

    Après cet partie c'est marquer je peux pas vous aidez plus à part si vous savez pas lire xD.

    Code:
    <table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
          <tr>
            <td class="bodyline">



    Merci beaucoup Woo pour ce kit *-*
    [Template] Barre de navigation au dessus du header/logo 657955SignatureSuicopie
    Sui' Art's
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Lun 30 Aoû 2010 - 17:36

    C'est bon j'avais trouver comme toujours mais maintenant les barres sont aux deux endroits et j'ai pas mis celui du bas sinon sa m'en fait trois barre.
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Lun 30 Aoû 2010 - 17:40

    Mais quand je dis copier/coller faut que tu retire ce que tu as copier au départ en gros c'est un couper/coller quoi.

    C'est pour sa que ta toujours des bug enfaite ^^".




    Merci beaucoup Woo pour ce kit *-*
    [Template] Barre de navigation au dessus du header/logo 657955SignatureSuicopie
    Sui' Art's
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Lun 30 Aoû 2010 - 17:42

    Mais sa change rien j'ai bien regarder il y est qu'une seul fois mon trucs?



    Dernière édition par Brain le Lun 30 Aoû 2010 - 17:45, édité 1 fois
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Lun 30 Aoû 2010 - 17:44

    Bon envoi ton template s'il te plait :/ en spoiler.



    Merci beaucoup Woo pour ce kit *-*
    [Template] Barre de navigation au dessus du header/logo 657955SignatureSuicopie
    Sui' Art's
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Lun 30 Aoû 2010 - 17:45

    tient le templates :

    Spoiler:
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Lun 30 Aoû 2010 - 17:52

    A croire que t'écoute pas ce que je te dis :/ enfin bref... le voila j'ai tester il marche

    Spoiler:



    Merci beaucoup Woo pour ce kit *-*
    [Template] Barre de navigation au dessus du header/logo 657955SignatureSuicopie
    Sui' Art's
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Lun 30 Aoû 2010 - 17:54

    Va falloir que tu m'explique pourquoi... j'ai pas tout compris mais bon sa marche merci .
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Lun 30 Aoû 2010 - 18:00

    Ta copier le code mais tu la pas supprimer donc tu avais deux fois le code, c'est ce que je t'ai dit plus haut.



    Merci beaucoup Woo pour ce kit *-*
    [Template] Barre de navigation au dessus du header/logo 657955SignatureSuicopie
    Sui' Art's
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Lun 30 Aoû 2010 - 18:11

    Je l'ai supprimer de ou j'ai copier coller

    Copier----->coller = 1 code pas deux ?
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Lun 30 Aoû 2010 - 18:15

    Non quand tu copie un code il reste la ou il est quand même, c'est quand tu coupe un code et que tu le colle qu'il n'y ai qu'une fois.



    Merci beaucoup Woo pour ce kit *-*
    [Template] Barre de navigation au dessus du header/logo 657955SignatureSuicopie
    Sui' Art's
    Anonymous
    Invité

    Lun 30 Aoû 2010 - 18:34

    Bon ... merci
    Sui'
    Sui'
    MasculinAge : 32Messages : 1865

    Lun 30 Aoû 2010 - 18:45

    Lol si ta pas réussi Hallow envoi ton template s'il te plait, sinon de rien x).



    Merci beaucoup Woo pour ce kit *-*
    [Template] Barre de navigation au dessus du header/logo 657955SignatureSuicopie
    Sui' Art's
    Anonymous
    Invité

    Lun 30 Aoû 2010 - 19:10

    Non c'est bon, merci =)
    [Je leur ai fais quoi aux codes pour qu'ils me haient à ce point ?]
    Soul
    Soul
    MasculinAge : 28Messages : 1723

    Lun 30 Aoû 2010 - 19:38

    Sui' a écrit:Non quand tu copie un code il reste la ou il est quand même, c'est quand tu coupe un code et que tu le colle qu'il n'y ai qu'une fois.

    Si tu le dit va savoir pourquoi mais bon ! merci encore .
    Apollo Justice
    Apollo Justice
    MasculinAge : 28Messages : 1166

    Sam 18 Sep 2010 - 16:43

    Lut' et merci Sui', je la cherchais s'tastuce Wink




    À bout de bras, à bout de larmes, j'ai construit mon Paradis
    J'ai fait comme Magritte, j'ai mis un verre sur l'parapluie
    Dans ma tête, j'ai tout rangé, j'ai soigné ma maladie
    Et je prends gout à être carré, un peu comme un cube Maggi
    Et je me sens comme Tyson, sur son toit, devant son pigeonnier
    Je l'ai déjà prouvé, j'ferais tout pour protéger
    Mon petit coin de Paradis, mon sas de décompression
    God damn, je suis happy, personne pourra m'le voler
    Je suis high, je suis high, sans avion, j'ai décollé
    Entouré des miens, je suis comme auréolé!
    ●Yosumi●
    ●Yosumi●
    MasculinAge : 28Messages : 3810

    Sam 18 Sep 2010 - 17:28

    Heyy

    Bon tuto Sui' !
    Mercii



    » ● l'Art de l'imagination ... «
    [Template] Barre de navigation au dessus du header/logo Ace10
    « Signature By Me' »
    ~ ♥ Mes Créations ! ♥ ~
    ♪ Fan de : Bang
    ♣ Navigateur du Phenix ! ♣
    Sighild
    Sighild
    FémininAge : 37Messages : 225

    Jeu 23 Sep 2010 - 19:25

    Très pratique! ça peut donner une belle organisation! ^^
    naruto-seikô
    naruto-seikô
    MasculinAge : 28Messages : 178

    Dim 17 Oct 2010 - 15:43

    J'ai une petite question ! Est ce qu'il est possible que la barre de navigation " vol " en haut de page ? Si oui, peut on le faire à partir de ce code S'il vous plaît ? Merci bien ! =)



    [Template] Barre de navigation au dessus du header/logo 184950Prince_persia

    Kit By Me
    Contenu sponsorisé


      La date/heure actuelle est Ven 29 Mar 2024 - 0:06