barre de navigation

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu barre de navigation

Message par Lana2 le Mar 12 Avr 2016 - 14:48

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Opera
Personnes concernées par le problème : Moi uniquement
Lien du forum : http://thenewromance.forumactif.org

Description du problème

Bonjour,

J'ai essayé d'installer une barre de navigation flottante sans succès.

J'ai ensuite essayé de mettre une barre la barre de navigation en haut du forum en utilisant ce TUTO , mais encore une fois sans succès

Est ce quelqu'un peu me venir en aide sachant que je ne suis pas une pro dans le domaine Crying or Very sad


Dernière édition par Lana2 le Mer 13 Avr 2016 - 21:41, édité 1 fois

Lana2
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 15/10/2015

http://thenewromance.forumactif.org
Lana2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: barre de navigation

Message par Lana2 le Mer 13 Avr 2016 - 16:02

Up

Lana2
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 15/10/2015

http://thenewromance.forumactif.org
Lana2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: barre de navigation

Message par MlleAlys le Mer 13 Avr 2016 - 16:39

Bonjour,

Pour fixer la barre de navigation en haut de l'écran :

Dans votre panneau d'administration,

  • Allez dans affichage > templates > général
  • Editez le template overall_header (haut de page) edit
  • Localisez le passage suivant (ligne 273 si le template n'a pas été modifié) :
    Code:

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

    Ce passage correspond au tableau qui contient la barre de navigation ( la variable {GENERATED_NAV_BAR} est remplacé par les liens à l'affichage)
  • Ajoutez id="navig" dans la balise du tableau, ce qui donne :
    Code:

                <table id="navig" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                   <tr>
                      <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                   </tr>
                </table>

  • Enregistrez le template
  • Publiez le template ajout pour que la modification soit prise en compte sur le forum.


=> Pour l'instant, rien a changé, mais comme on a donné un identifiant au tableau, on va pouvoir utiliser cet identifiant pour le déplacer.

  • Allez dans affichage > couleurs > onglet "feuille de style css"
  • Ajoutez le code suivant :
    Code:

    /*début navigation flottante*/
    #navig {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        background: #F0D1A3;
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
        border-spacing: 5px;
    }
    /*fin navigation flottante*/

    (Si vous avez déjà des codes dans la feuille de style, vous descendez tout en bas, vous passez deux/trois lignes avant de coller celui-ci, pour être sûr qu'ils ne se chevauchent pas.)
    description du code :
    Code:

    /*début navigation flottante*/
    #navig {
        position: fixed; /*pour la faire flotter*/
        top: 0; /*pour la positionner tout en haut de l écran*/
        left: 0; /*pour la coller à gauche de l écran*/
        width: 100%;  /*pour qu elle fasse la largeur de l écran*/
        z-index: 999; /*pour rester au dessus des éléments du forum*/
        background: #F0D1A3;  /*couleur de fond*/
        box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);  /*pour un effet d'ombre*/
        border-spacing: 5px; /*pour que le contenu ne colle pas aux bords du tableau*/
    }
    /*fin navigation flottante*/

  • Enregistrez


=> Normalement c'est bon ! Wink A vous de voir si vous souhaitez apporter des modifications de style...

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: barre de navigation

Message par Lana2 le Mer 13 Avr 2016 - 21:01

Bonsoir et merci pour votre réponse

Je teste de ce pas Very Happy

Lana2
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 15/10/2015

http://thenewromance.forumactif.org
Lana2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: barre de navigation

Message par Lana2 le Mer 13 Avr 2016 - 21:34

Ca ne fonctionne pas Sad

Lana2
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 15/10/2015

http://thenewromance.forumactif.org
Lana2 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: barre de navigation

Message par MlleAlys le Mer 13 Avr 2016 - 21:36

Si vous avez bien fait la modification sur ce forum : http://thenewromance.forumactif.org/
alors je ne vois pas la modification du template :
vérifiez que vous avez correctement ajouté l'identifiant id="navig" dans la balise table, que le template et bien enregistré ET publié en cliquant sur l'icône ajout de la liste des templates.
Le css ne peut pas fonctionner si la modification du template n'est pas correctement faite.

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: barre de navigation

Message par Lana2 le Mer 13 Avr 2016 - 21:39

C'est bon ça fonctionne !!

J'avais forcer les templates par défaut la cruche !!


Merci beaucoup car je galère depuis un bon moment avec cette barre de navigation  cheers cheers

Lana2
Nouveau membre

Féminin
Messages : 15
Inscrit(e) le : 15/10/2015

http://thenewromance.forumactif.org
Lana2 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum