personnalisation barre de navigation [resolu]

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

Résolu personnalisation barre de navigation [resolu]

Message par Zoulinou le 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

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. le 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.
# Tropactif #

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 le 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?




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. le 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.
# Tropactif #

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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

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

Message par Zoulinou le 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

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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

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

Message par Zoulinou le Mer 12 Oct 2011 - 19:43

vous parlez de cette balise?

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

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 le Mer 12 Oct 2011 - 19:44

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

SoraNoHime
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

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

Message par Zoulinou le 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?

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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

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

Message par Zoulinou le Ven 14 Oct 2011 - 20:46

un petit up merci Smile

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 le Lun 17 Oct 2011 - 17:46

oupy :p

merci

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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

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

Message par Zoulinou le Lun 17 Oct 2011 - 18:16

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

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 le Lun 17 Oct 2011 - 18:22

^^ je retourne donc à mes tests

SoraNoHime
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

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

Message par Zoulinou le 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). ^^


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 le Ven 21 Oct 2011 - 12:33

un petit up svp

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 le 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
+ Hyperactif +

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

http://fanasiacodes.bbfr.net/
SoraNoHime a été remercié(e) par l'auteur de ce sujet.

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

Message par Zoulinou le 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!!!

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 le Mer 26 Oct 2011 - 8:21

bonjour, un petit up svp ^^

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 le Sam 29 Oct 2011 - 2:43

un petit up ^^

merci

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 le Dim 6 Nov 2011 - 21:06

toujours un up svp ^^

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 le Lun 14 Nov 2011 - 14:47

un petit up svp ^^

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


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