personnalisation barre de navigation [resolu]

3 participants

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

Résolu personnalisation barre de navigation [resolu]

Message par Zoulinou Mer 12 Oct 2011 - 17:50

Bonjour a tous

je voudrai savoir ou modifier la barre de navigation (ou elle se trouve dans les templates)

ou

comment remplacer celle existante par une que j'ai créé


merci


Dernière édition par Zoulinou le Ven 18 Nov 2011 - 10:30, édité 2 fois
avatar

Zoulinou
***

Messages : 168
Inscrit(e) le : 05/09/2011

http://gfx-art.graphforum.com/
Zoulinou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation barre de navigation [resolu]

Message par Roxy. Mer 12 Oct 2011 - 18:02

Bonsoir,
Le code de la barre de navigation ce trouve dans le template overall_header.
Ensuite le code à modifier (si cela n'a jamais été fait) est le suivant :
Code:
        <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                      <tr>
                          <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                      </tr>
                    </table>
Cordialement.
Roxy.

Roxy.
Membre habitué

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation barre de navigation [resolu]

Message par Zoulinou Mer 12 Oct 2011 - 18:17

excellent

remplacé en deux secondes

un grand merci Roxy

une question va en découler:

c'est une barre JQuery et donc j'ai des scripts (deux) a mettre

seulement je ne sais pas ou les mettre et surtout comment les insérer

pouvez vous m'aider la dessus?



avatar

Zoulinou
***

Messages : 168
Inscrit(e) le : 05/09/2011

http://gfx-art.graphforum.com/
Zoulinou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation barre de navigation [resolu]

Message par Roxy. Mer 12 Oct 2011 - 18:44

Avez-vous essayez de remplacer le code que je vous ai donner par le code de la barre JQuery ?
Cordialement.
Roxy.

Roxy.
Membre habitué

Féminin
Messages : 1058
Inscrit(e) le : 24/07/2011

http://roxy-test.forumgratuit.org/
Roxy. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation barre de navigation [resolu]

Message par SoraNoHime Mer 12 Oct 2011 - 18:47

Bonsoir pour vos scripts, mettez les dans PA > Modules > Gestion des Javascripts. cochez sur toutes les pages pour chacun d'entre eux.

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: personnalisation barre de navigation [resolu]

Message par Zoulinou Mer 12 Oct 2011 - 18:56

oui j'ai remplacé cette ligne :

Code:
 <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>

par:

Code:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Test menu</title>
<link rel="stylesheet" type="text/css" href="styles.css" />
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.lavalamp-1.3.3.min.js"></script>
<script type="text/javascript" src="superfish.js"></script>
<script type="text/javascript">
//<![CDATA[
jQuery(function(){

   jQuery.noConflict();

   jQuery('ul.nav-menu').superfish({
      delay:        200,                            // one second delay on mouseout
      animation:    {'marginLeft':'0px',opacity:'show',height:'show'},  // fade-in and slide-down animation
      speed:        'fast',                        // faster animation speed
      autoArrows:  true,                          // disable generation of arrow mark-up
      onBeforeShow: function(){ this.css('marginLeft','20px'); },
      dropShadows:  false                          // disable drop shadows
   });

   jQuery('ul.nav-menu ul > li').addClass('noLava');
   jQuery('ul.nav-menu > li').addClass('top-level');
   jQuery('ul.nav-menu > li > a.sf-with-ul').parent('li').addClass('sf-ul');
   jQuery('ul.nav-menu li ul').append('<li class="bottom_bg noLava"></li>');

   var active_subpage = jQuery('ul.nav-menu ul li.current-cat, ul.nav-menu ul li.current_page_item').parents('li.top-level').prevAll().length;
   var isHome = 1;

   if (active_subpage) jQuery('ul.nav-menu').lavaLamp({ startItem: active_subpage });
   else if (isHome === 1) jQuery('ul.nav-menu').lavaLamp({ startItem: 0 });
   else jQuery('ul.nav-menu').lavaLamp();

});
//]]>
</script>
</head>
<body>
   <div id="menu">
      <!-- Start Menu -->
      <ul class="nav-menu">
         <li><span class="Acceuil"></span><a target="_parent" href="http://mon fofo/" class="avant">Acceuil</a></li>

            <li><span class="Calendrier"></span><a target="_parent" href="http://mon fofo/">Calendrier</a></li>
           
         <li>
            <span class="forum"></span><a target="_parent" href="http://mon fofo/" class="avant">Forum</a>
            <ul>
               <li><span class="L'équipe du forum"></span><a target="_parent" href="http://mon fofo">L'équipe du forum</a></li>
               <li><span class="membres"></span><a target="_parent" href="http://mon fofot">Membres</a></li>
                    <li><span class="groupes"></span><a target="_parent" href="http://mon fofos">Groupes</a></li>
            </ul>
         </li>

         <li>
            <span class="faq"></span><a target="_parent" href="http://mon fofo">Faq</a>
            <ul>
                    <li><span class="faq"></span><a target="_parent" href="http://mon fofo">Faq</a></li>
                    <li><span class="Le règlement"></span><a target="_parent" href="http://mon fofo">Le règlement</a></li>
               <li><span class="Guide du bb code"></span><a target="_parent" href="http://mon fofo">Guide du bb code</a></li>
                    <li><span class="Language graphique"></span><a target="_parent" href="http://mon fofo">Language graphique</a></li>
            </ul>
         </li>

         <li>
            <span class="rechercher"></span><a target="_parent" href="http://mon fofo">Rechercher</a>
            <ul>
               <li><span class="Messages sans réponses"></span><a target="_parent" href="http://mon fofo">Messages sans réponses</a></li>
               <li><span class="Sujets actif"></span><a target="_parent" href="http://mon fofo">Sujets actif</a></li>
               <li><span class="News posts"></span><a target="_parent" href="http://mon fofo">News posts/ dernière visite</a></li>
               <li><span class="Voir Ses Messages"></span><a target="_parent" href="http://mon fofo">Voir Ses Messages</a></li>
                    <li><span class="rechercher"></span><a target="_parent" href="http://mon fofo">Rechercher</a></li>
            </ul>
         </li>

            <li><span class="profil"></span><a target="_parent" href="http://mon fofo" >Profil</a></li>
           
         <li><span class="message"></span><a target="_parent" href="http://mon fofo">Messages</a></li>

         <li><li><span class="decon"></span><a target="_parent" href=" http://mon fofo" class="apr">(Dé)connexion</a></li></ul>
      </ul>
      <!-- End Menu -->
   </div>
</body>

maintenant le css pas de problème, il fonctionne, mais maintenant j'ai deux scripts




@Macema

j'ai essayé mais cela ne fonctionne pas de cette facon
avatar

Zoulinou
***

Messages : 168
Inscrit(e) le : 05/09/2011

http://gfx-art.graphforum.com/
Zoulinou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation barre de navigation [resolu]

Message par SoraNoHime Mer 12 Oct 2011 - 19:22

Pour la css quoiqu'il arrive, vous devez l'inclure dans la votre à PA > Affichage > couleurs > feuille de style css.

Pour ceci :
Code:
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.lavalamp-1.3.3.min.js"></script>
<script type="text/javascript" src="superfish.js"></script>

placez les en derrière la balise DESCRIPTION ^^ elle est assez visible
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: personnalisation barre de navigation [resolu]

Message par Zoulinou Mer 12 Oct 2011 - 19:43

vous parlez de cette balise?

Code:
<span class="gen">{SITE_DESCRIPTION}<br />  </span>
                  </td>
avatar

Zoulinou
***

Messages : 168
Inscrit(e) le : 05/09/2011

http://gfx-art.graphforum.com/
Zoulinou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation barre de navigation [resolu]

Message par SoraNoHime Mer 12 Oct 2011 - 19:44

exactement mettez juste entre
Code:
</span
> et
Code:
</td>
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: personnalisation barre de navigation [resolu]

Message par Zoulinou Mer 12 Oct 2011 - 19:59

rien ne se passe

je ne dois pas remplacer:
Code:

src="jquery-1.6.1.min.js"

par l'adresse du script posté sur le forum?
avatar

Zoulinou
***

Messages : 168
Inscrit(e) le : 05/09/2011

http://gfx-art.graphforum.com/
Zoulinou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation barre de navigation [resolu]

Message par SoraNoHime Mer 12 Oct 2011 - 20:11

Bon on va reprendre au début, je pense que ce sera plus simple. Quel est votre code html pour ceci, vos codes scripts, votre code css. Si possible me fournir le lien du tuto en question, ou alors me donner les codes. Ainsi je pourrais tester de mon coté et mieux vous épauler
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: personnalisation barre de navigation [resolu]

Message par Zoulinou Ven 14 Oct 2011 - 20:46

un petit up merci Smile
avatar

Zoulinou
***

Messages : 168
Inscrit(e) le : 05/09/2011

http://gfx-art.graphforum.com/
Zoulinou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation barre de navigation [resolu]

Message par Zoulinou Lun 17 Oct 2011 - 17:46

oupy :p

merci
avatar

Zoulinou
***

Messages : 168
Inscrit(e) le : 05/09/2011

http://gfx-art.graphforum.com/
Zoulinou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation barre de navigation [resolu]

Message par SoraNoHime Lun 17 Oct 2011 - 17:55

^^ petit détail ayant son importance, j'aurais besoin que vous hébergiez les images fournies et que vous me le transmettiez ^^

Cordialement.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: personnalisation barre de navigation [resolu]

Message par Zoulinou Lun 17 Oct 2011 - 18:16

c'est déjà fait en mp dans le dernier css Wink
avatar

Zoulinou
***

Messages : 168
Inscrit(e) le : 05/09/2011

http://gfx-art.graphforum.com/
Zoulinou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation barre de navigation [resolu]

Message par SoraNoHime Lun 17 Oct 2011 - 18:22

^^ je retourne donc à mes tests
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: personnalisation barre de navigation [resolu]

Message par Zoulinou Lun 17 Oct 2011 - 18:56

le css est normalement réglé comme il faut, je l'ai modifié.
(c'est le seul truc que je maitrise quasiment). ^^

avatar

Zoulinou
***

Messages : 168
Inscrit(e) le : 05/09/2011

http://gfx-art.graphforum.com/
Zoulinou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation barre de navigation [resolu]

Message par Zoulinou Ven 21 Oct 2011 - 12:33

un petit up svp
avatar

Zoulinou
***

Messages : 168
Inscrit(e) le : 05/09/2011

http://gfx-art.graphforum.com/
Zoulinou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation barre de navigation [resolu]

Message par SoraNoHime Dim 23 Oct 2011 - 14:02

Voici où j'en suis actuellement forum test. Avez-vous pu avancer de votre coté ? Comme vous pouvez le voir il manque toujours la fleche qui défile.
SoraNoHime

SoraNoHime
Membre actif

Féminin
Messages : 6218
Inscrit(e) le : 10/06/2010

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

Résolu Re: personnalisation barre de navigation [resolu]

Message par Zoulinou Dim 23 Oct 2011 - 14:17

je venais justement prendre des news

pwoi c laid sur fond blanc mdrrrrr

pour la fleche qui défile, je vais voir si je peux vous donner quelque chose qui va plus qu'aider!!!

si vous pouvez, c'est d'essayer de bien placer la flache bleu dans les menus déroulant.

merci pour votre aide!!!
avatar

Zoulinou
***

Messages : 168
Inscrit(e) le : 05/09/2011

http://gfx-art.graphforum.com/
Zoulinou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation barre de navigation [resolu]

Message par Zoulinou Mer 26 Oct 2011 - 8:21

bonjour, un petit up svp ^^
avatar

Zoulinou
***

Messages : 168
Inscrit(e) le : 05/09/2011

http://gfx-art.graphforum.com/
Zoulinou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation barre de navigation [resolu]

Message par Zoulinou Sam 29 Oct 2011 - 2:43

un petit up ^^

merci
avatar

Zoulinou
***

Messages : 168
Inscrit(e) le : 05/09/2011

http://gfx-art.graphforum.com/
Zoulinou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation barre de navigation [resolu]

Message par Zoulinou Dim 6 Nov 2011 - 21:06

toujours un up svp ^^
avatar

Zoulinou
***

Messages : 168
Inscrit(e) le : 05/09/2011

http://gfx-art.graphforum.com/
Zoulinou a été remercié(e) par l'auteur de ce sujet.

Résolu Re: personnalisation barre de navigation [resolu]

Message par Zoulinou Lun 14 Nov 2011 - 14:47

un petit up svp ^^
avatar

Zoulinou
***

Messages : 168
Inscrit(e) le : 05/09/2011

http://gfx-art.graphforum.com/
Zoulinou 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