toolbar problème d'affichage

3 participants

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

Résolu toolbar problème d'affichage

Message par Chlirr Lun 7 Déc 2015 - 13:16

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://testpourbloodthirsty.bb-fr.com/

Description du problème

Bonjour,

je suis toujours bloquer avec ma toolbar
Je vous explique, j'ai voulu fusionner la toolbar et la barre de navigation comme présente sur Never Utopia par exple.
C'est à dire il n'y a que Le profil avec "bienvenue x", et les notifications, et le menu de base comme sur la barre de navigation normale.
Le problème est que j'ai mis ce code dans une page java :
Code:
$(function () {
            $(window).load(function () {
                $('#fa_toolbar #fa_search').after('<ul id="menu"><li><a href="/">Accueil</a></li>
<li><a href="http://www.btmg.fr/?page=welcome">SITE</a></li>
<li><a href="/faq">Faq</a></li>
<li><a href="/search">Rechercher</a></li>
<li><a href="/memberlist">Membres</a></li>
<li><a href="/register">S'enregistrer</a></li>
<li><a href="/groups">Groupes</a></li>
<li><a href="/login">Connexion</a></li>

        </ul>');
            });
        });
        $(function()
        {_lang["Welcome"] = "";} );

Ca apparait bien jusqu'à 3, 4 listes mais au delà ça disparait. Premier problème.

Le 2eme soucis j'ai voulu suivre ce tuto afficher l'avatar du membre dans la toolbar
cependant ça ne fonctionne absolument pas

et le css de tout celà :
Code:
/*Toolbar*/

div#fa_search {
  display:none!important;
}

span#fa_share {
  display:none!important;
}

a#fa_hide {
  display: none!important;
}

        .fa_avatar {
          width: 25px;
          height: 25px;
          position: relative;
          top: -3px;
          margin-right: 5px;
          border-radius: 3px;
          margin-bottom: -10px;
        }

J'aimerai que l'on m'explique. Je sais qu'il y a une limite pour la case "bienvenue" pour ne pas tout déstructuré par exple.
Mais pour la barre en elle-même ? Dans le code de base css ou de la toolbar, y'a t il une limite pour ne pas pouvoir mettre autant de boutons de menu que l'on souhaite ?
Merci à celui ou celle qui m'aidera à y voir clair.


Dernière édition par Chlirr le Mar 8 Déc 2015 - 21:02, édité 1 fois
Chlirr

Chlirr
***

Messages : 106
Inscrit(e) le : 03/06/2015

http://btmg.forumactif.com/
Chlirr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: toolbar problème d'affichage

Message par Peggy06 Lun 7 Déc 2015 - 13:45

Bonjour, Chirr,
Ce sujet pourrait peut-être vous intéresser,
https://forum.forumactif.com/t380910-integrer-la-barre-de-navigation-dans-la-toolbar
Bonne chance
Peggy06

Peggy06
****

Messages : 323
Inscrit(e) le : 24/10/2014

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

Résolu Re: toolbar problème d'affichage

Message par Chlirr Lun 7 Déc 2015 - 14:22

Edit : j'ai rien dit
y'a juste du css à faire mtn pour la remettre comme au début Mad

mais à oui je pensais que ça collait juste la barre de navigation à la toolbar...autant pour moi

1 probleme de résolu ou presque
j'ai un soucis lorsque je scroll pour naviguer sur le forum, le menu scroll vers le haut de la page et disparait... sauf si je retourne tout en haut du forum elle revient Sad

et pour le 2eme
j'ai tout suivi correctement et pourtant l'avatar ne s'affiche pas

Edit 2eme soucis:
à l'instant ou j'ai enlevé le script pour la toolbar, l'avatar est apparu à côté de bienvenue

C'est vraiment à cause du code?
Chlirr

Chlirr
***

Messages : 106
Inscrit(e) le : 03/06/2015

http://btmg.forumactif.com/
Chlirr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: toolbar problème d'affichage

Message par mariok13 Lun 7 Déc 2015 - 14:59

bonjour

dis moi c'est ce genre que tu cherche

toolbar problème d'affichage Captur13

toolbar problème d'affichage Captur14
mariok13

mariok13
****

Messages : 421
Inscrit(e) le : 06/06/2015

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

Résolu Re: toolbar problème d'affichage

Message par Chlirr Lun 7 Déc 2015 - 15:04

Bonjour Mariok13,

j'ai réussi à fusionne la barre de navigation avec la toolbar, sauf que, lorsqu'on scroll vers le bas, le menu disparait de la toolbar. Je ne sais pas pourquoi. Je te montre le code :

Code:
        /**=========modif nav bar R-max =========**/
        /**===ont replace la navbar===**/
        #nav_bar_1{
          width:100%auto;
          left:-70px; /*position du menu par rapport a la gauche*/
          position:relative;
          top:-25px !important; /*ont remonte le menu de 25px*/
          z-index:20003 !important; /*ont le fait passé par dessus la toolbar*/
}

#nav_bar_1 a
{
font-family:Della Respira;
color:#fff !important;
}

#nav_bar_1 a:hover
{
  text-decoration:none !important;
  color:#AAA !important
}


        /**===ont rend la toolbar blue===**/
        #fa_toolbar {
            left: 0px; /*position de la toolbar par rapport au coté gauche*/
            height: 30px; /*epaisseur de la toolbar*/
            }
        /**===========fin modiff R-max ==========**/

Code:
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
          <!--============== R-max ========================-->
          <table id="nav_bar_1" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                      <tr>
                          <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                      </tr>
                    </table>
          <!--============== fin R-max =========================-->

Ce que je veux c'est que le menu reste fixe dans la toolbar.
Chlirr

Chlirr
***

Messages : 106
Inscrit(e) le : 03/06/2015

http://btmg.forumactif.com/
Chlirr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: toolbar problème d'affichage

Message par Chlirr Mar 8 Déc 2015 - 12:12

Up

après d'autres essais le probleme persiste

j'ai trouvé sur Never Utopia une personne ayant le même soucis, j'ai essayé de corriger le problème avec les explications et en passant en position fixed. La barre ne disparait plus lors du scroll mais mtn impossible de la placer SUR la toolbar. Si je remonte le "top" à 0 pour bien la mettre sur la barre, elle disparait en dessous de la toolbar.
Qui peut m'aider à résoudre le problème svp ?

je remet les nouveaux codes
Code:

                /**=========debut barre de navig =========**/
                /**===ont replace la navbar===**/
                    #nav_bar_1 {
        position: fixed;
        left: 100px;
        right: 160px;
        text-align: center;
        top: 30px;
        z-index: 999;
    }
       
        #nav_bar_1 a
        {
  font-size: 16px;
        font-family:Della Respira;
        color:#fff !important;
        }
       
        #nav_bar_1 a:hover
        {
          text-decoration:none !important;
          color:#AAA !important
        }
       
       
                /**===ont rend la toolbar blue===**/
                #fa_toolbar {
                    left: 0px; /*position de la toolbar par rapport au coté gauche*/
                    height: 30px; /*epaisseur de la toolbar*/
                    }
                /**===========fin barre de navig==========**/
   
Code:
        <body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
                  <!--============== R-max ========================-->
                  <table id="nav_bar_1" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                              <tr>
                                  <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                              </tr>
                            </table>
                  <!--============== fin R-max =========================-->

Et bien sur j'ai fini à la lettre ce tuto : forum.forumactif.com/t380910-integrer-la-barre-de-navigation-dans-la-toolbar
lien du tuto de never utopia qui corrige le problème mais ne fonctionne pas avec moi :'( :http://www.never-utopia.com/t58096-probleme-toolbar-barre-de-navigation-resolu?highlight=toolbar
Chlirr

Chlirr
***

Messages : 106
Inscrit(e) le : 03/06/2015

http://btmg.forumactif.com/
Chlirr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: toolbar problème d'affichage

Message par Chlirr Mar 8 Déc 2015 - 21:01

Up j'ai trouvé la solution, il fallait mettre un z-index plus petit sur la toolbar dans le css.

Merci bcp Very Happy

Chlirr

Chlirr
***

Messages : 106
Inscrit(e) le : 03/06/2015

http://btmg.forumactif.com/
Chlirr a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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