Menu accordéon vertical sur toutes les pages .

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

Résolu Menu accordéon vertical sur toutes les pages .

Message par Luluwebmaster le Mer 30 Jan 2013 - 10:23

Bonjour a tous !
Je voudrais savoir s'il serait possible de mettre le code de mon menu accordéon vertical sur toutes les pages ?

Car se serait beaucoup plus pratique Razz

Et aussi s'il est possible, que quand on change de page, et bien la musique ( car j'ai un lecteur d'installer ) reste , et que ça n la coupe pas.

Merci d'avanve Wink

cordialement Wink


Dernière édition par lucrote le Mer 30 Jan 2013 - 11:49, édité 1 fois

Luluwebmaster
*****

Masculin
Messages : 720
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu accordéon vertical sur toutes les pages .

Message par Matriochka le Mer 30 Jan 2013 - 10:55

Bonjour,

Pour la musique, j’avoue que je ne peux pas t’aider, mais pour ce qui est de l’accordéon, c’est possible en le plaçant dans le template overall_header à la place du message d’accueil (qui n’apparaît que sur la page d’accueil, comme son nom l’indique).

Peux-tu envoyer ici sous balises code le code que tu as actuellement dans ton message d’accueil, pour afficher cet accordéon ?

Je vais te guider si tu ne sais pas faire Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Menu accordéon vertical sur toutes les pages .

Message par Luluwebmaster le Mer 30 Jan 2013 - 11:01

Bonjour,
ok le voila :
Code:


<br/><br/><div id="acordvert"><div id="info6"><span class="titre"><div style="color: red "><blink>/!\Important./!\</blink></div><br/>
Les règles du forum.</span><div class="contenu">
<center>
<br/><br/><br/><br/>
Bonjour à tous,<br/><br/>
Comme sur tous forum, il y a des règles à respecter, les voici :<br/>
<br/><br/>
Le langage sms, les messages pornographiques, homophobes, xénophobes, <br/>ect..ainsi que le flood sont interdits sur le forum, tout message de ce genre seront automatiquement supprimés.<br/>
Vous pouvez flooder autant que vous voulez QUE <br/>
<a href="http://ekoloko.lebonforum.com/t86-flood" class="postlink" target="_blank" rel="nofollow">ICI</a>
<br/>
Le forum est un forum pour vous aider à connaitre ekoloko, pour vous aider dans vos quêtes, et non pour faire de la publicité ou flooder inutilement.<br/>
Quand vous postez, vérifier que vous êtes dans la bonne rubrique,<br/> car tout message qui ne sera pas dans la bonne rubrique seras mis à la corbeille.<br/><div style=" color: red">
Les modos on maintenant interdiction de réinitialiser la tchat-box quand aucun admin ( lulu ) n'est connecter sur la tchat-box, sous peine de ne plus pouvoir réinitialiser la tchat-box pendant 6 mois ! <br/>
</div>
J’espère que vous m'aurez compris. 
<br/><br/>
Merci de respecter ces règles sans quoi des sanctions seront prises !<br/><br/>

Cordialement.
</center>

  </div>

</div><div id="info7"><span class="titre"> Tchat-box. </span><div class="contenu">

<center>
     
               
<iframe id="widgetchatbox" src="/chatbox/index.forum" style="width:100%;height:300px;border:none"></iframe>

</center>
           

</h3>
  </div>

</div><div id="info1"><span class="titre">Description d'ekoloko.</span><div class="contenu">
<center>


Salut petit lecteur!<br/> Je vais te parler d'un site super et sécurisé, où tu te fais des amis cool et sympa : "ekoloko".<br/>
Tu te demande peut être qu'est-ce que c'est que ekoloko ? <br/>
Je te réponds: <br/>
Alors, ekoloko est un site écologique voila pourquoi le jeux s’appelle ekoloko il y a le mot ekolo.<br/>
C'est un site pour les enfants et les adolescents qui est basé sur la nature et les animaux !<br/>
Il aide, tous d'abord a initier les enfants a l'écologie.Pour jouer vous devez vous créer un Eko (C'est le nom des personnages d'ekoloko).<br/>
Tu peux commencer a jouer a ekoloko a partir de 6 ans.<br/>
Le bute dans ekoloko c'est de battre les méchant smog ( une armée de robot ..) qui veulent s'emparer d'ekoloko. <br/>Alors ta mission a toi et a nous tous c'est de les combattre en réussissant nos quête ( des mission ) et en montant de niveau.<br/>
Pour jouer, tu dois t'inscrire, choisir un eko et un look.<br/>
Tu peux acheter des habits chez la belle "mama colette" et discuter avec pleins d'autres ekos.<br/>
On peut aussi y faire des quêtes !<br/>Quand tu complète des quêtes, tu gagne des kokos (C'est l'argent du jeu), des points d'activités.<br/> Même de temps en temps, en fonction des quêtes, des objet (Cela peut être des habits ou des accessoires).
Pour avancer de niveau tu dois accomplir tes quêtes qui te feront avancer en points d'activités.<br/>
Sur ekoloko il y a plusieurs animékos ( personnes chargées de distraire les ekos avec les nombreux minis jeux qui s'y trouvent), des rangers(assistants des animékos mais qui n'ont pas les mêmes pouvoirs que les animékos.<br/>
Il y a deux "catégories" d'Ekos :Les Ekos non-pionnier et les Ekos pionnier.Être pionnier consiste a pouvoir faire plus de choses que les ekos non pionnier.<br/>Par exemple certains habits son exclusivement pour les pionnier (c'est a dire que les non-pionniers ne pourrons pas les porter).<br/>En étant pionnier tu  peux aussi jouer a certain jeux des résident d'ekoloko que les non-pionnier n'ont pas accès, tu obtiendras aussi des Point pionnier qui t'aiderons a porté des accessoires habits ou coiffure exclusif et magnifique !<br/>
Sur ekoloko, il a un système ou on ne peux pas écrire les chiffre ( 123..) et ou on ne peux pas écrire de vulgaire mot ... <br/>Si tu respecte pas cette règle ton ekos risque d’être bannie ( virer ) pendant un jours , ou une semaine si c'est grave ( c'est rare ).<br/>
En tous cas ekoloko est un site super qui t'initiera comme je le disait au début a l'écologie donc n'hésiter pas a rejoindre la communauté d'ekoloko en cliquant
<br/> <a href="http://us.ekoloko.com/ekoloko/login.html" class="postlink" target="_blank" rel="nofollow">ici !</a>
<br/><br/>
Cordialement, et j’espère te voir dessus.

</center></div></div><div id="info8"><span class="titre"><div>Ekoloko sur le forum !</div><br/>
</span><div class="contenu"><div class="ekolokosurleforum">
<center>
<IFRAME src="http://us.ekoloko.com/ekoloko/login.html?language=uk" width="1000" height="600" scrolling="auto" frameborder="1"></IFRAME>


</center>
</div>
  </div>

</div><div id="info8"><span class="titre"><div>Ekoloko land</div><br/>
</span><div class="contenu"><div class="ekolokosurleforum">
<center>
<IFRAME src="http://www.webidev.com/lucrote/ViewPage?Id=929222" width="1000" height="600" scrolling="auto" frameborder="1"></IFRAME>


</center>
</div>
  </div>

</div><div id="info2"><span class="titre">Statistiques du forum.</span><div class="contenu">




<center style ="color: red;  border: 20px #fa0000 inset;
       border-radius: 25px;
       box-shadow: 15px 15px 15px black;
       text-shadow: 2px 2px 4px black;">


Coucou {USER&amp;#8288;NAME} !</br>
Bienvenue sur J'aime ekoloko!</br>
Un forum qui parle d'ekoloko le jeu en ligne ! </br>
J'aime ekoloko est la pour t'aider dans ta longue histoire d'ekoloko !</br>
Un concoure ou un jeu est ouvert toutes les semaines !</br>



<p style="color: #ff4400" > Le forum a ouvert ses porte le {FORUMBIRTHDAY}.</p>

            <p style="color : #ff5900"> Il a {FORUMCOUNTFORUM} forums/catégories,</p>
            <p style="color: #ff7700">{FORUMCOUNTOPIC} sujets d'ouvert,</p>
              <p style="color: #ffaa00 " >{FORUMCOUNTPOST} messages poster.</p>
            <p style="color: #ffd500 "> Il y as {FORUMCOUNTUSER} membres.</p>
              <p style="color : #ffff0a">Nous souhaitons la bienvenue à {FORUMLASTUSER}</p>

<p style=" color: #e1ff00">Tu est né(e) le {USERBIRTHDAY} , tu as {USERAGE} ans.</p>
<p style="color: #aeff00 ">Tu t'est inscrit sur le forum le {USERREGDATE}.</p>
<p style="color: #88ff00">Tu as poster {USERCOUNTPOST} messages.</p>

Nous avons déjà eu : <br/>
<script type="text/javascript" src="http://compteur.websiteout.net/js/24/0/10000/0">
</script> <br/>visites ! <br/>

Bonne visite et bonne continuation ! </br>

L'admin de J'aime ekoloko ! </br>



     
               


</center>
           

</h3>
  </div>

</div><div id="info5"><span class="titre">Les coins important du forum. </span><div class="contenu">
<center>

<h3 style="color: green;">
Changer de langue : 
</h3>

<a href="http://ekoloko.lebonforum.com/" target="_blank"> <img src="http://nsa31.casimages.com/img/2013/01/25//130125022149814327.png" border="0"
  alt="Changer de langue" >



<h3 style="color: green;">
Le concoure de la semaine du 28 janvier au 3 février 2013 ( en cour ) :
</h3>



<a class="imginfo" href="http://ekoloko.lebonforum.com/t226-grand-concours-de-la-semaine-du-28-janvier-au-3-fevrier" ><img src="http://nsa32.casimages.com/img/2013/01/27//130127071125285917.png" /><span><table><img src="http://nsa32.casimages.com/img/2013/01/27//130127071125285917.png" /><div><a href="http://ekoloko.lebonforum.com/t226-grand-concours-de-la-semaine-du-28-janvier-au-3-fevrier" /></div><div><a href="http://ekoloko.lebonforum.com/t226-grand-concours-de-la-semaine-du-28-janvier-au-3-fevrier" /></div>Le concoure de la semaine du 28 janvier au 3 février 2013 ( en cour ).</table></span></a>


<h3 style="color: green;">
Election modérateur du 20 janvier au 10 mars.
</h3>
<a href="http://ekoloko.lebonforum.com/t213-election-moderateur-2-janvier-au-10-mars#3000" target="_blank">


<a class="imginfo" href="http://ekoloko.lebonforum.com/t213-election-moderateur-2-janvier-au-10-mars#3000" ><img src="http://nsa30.casimages.com/img/2013/01/20//130120044716527390.png" /><span><table><img src="http://nsa30.casimages.com/img/2013/01/20//130120044716527390.png" /><div><a href="http://ekoloko.lebonforum.com/t213-election-moderateur-2-janvier-au-10-mars#3000" /></div><div><a href="http://ekoloko.lebonforum.com/t213-election-moderateur-2-janvier-au-10-mars#3000" /></div>Election modérateur du 20 janvier au 10 mars.</table></span></a>

<h2 style="font-size: 16px;">
<p style="color: #48ff00">Important présente toi ! : </br>

<a href="http://ekoloko.lebonforum.com/h3-forumulaire">Formulaire de présentation</a>
</p>
</h2>




<h2 style="font-size: 16px;">
<p style="color: #48ff00">Tu as un problème ? </br>

<a href="http://ekoloko.lebonforum.com/h4-probleme">Clic ici.</a>
</p>
</h2>

</center>
</div>

</div><div id="info3"><span class="titre">Musique que le forum te propose. </span><div class="contenu"> <iframe scrolling="no" frameborder="0" allowTransparency="true" src="http://www.deezer.com/fr/plugins/player?autoplay=false&playlist=true&width=200&height=240&cover=true&type=playlist&id=150469001&title=&app_id=undefined" width="600" height="240"></iframe>
 

<center>
<iframe src="http://esa-dev.com/radio-live/player.php?en=0" width="300" height="100" allowtransparency="true" background-color="transparent" marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>

</center> </div></div><div id="info4"><span class="titre">Partenaires. </span><div class="contenu">


<center>
  <a href="http://www.webidev.com/lucrote/ViewPage?Id=929222" target="_blank"> <img src="http://nsa32.casimages.com/img/2012/12/09//121209104055105142.png" border="0"
  alt="Ekoloko Land !" ></a>


<a href="http://ekoloko-monde-super.forumactif.org/" target="_blank"> <img src="http://nsa32.casimages.com/img/2012/12/12/121212072140357306.png" border="0"
  alt="Ekoloko Land !" ></a>


  <a href="http://lesrangersekos.forumactif.org"> <img src="http://img11.hostingpics.net/pics/760385Bouton.png" border="0" alt="Les rangers ekos" ></a>  <a href="http://alouqua-world.forumactif.com"><img src="http://img15.hostingpics.net/pics/668473Partenariatlogo.jpg"></a>



<h1>  <a href="http://ekoloko.lebonforum.com/t197-parteneriat#2649"> Pour toutes demande de partenariat adressez-vous ici</a>
</h1>
</center>

        <center>


          <h1>vote pour le forum : </h1>



<!-- Début bouton de vote - Root-top.com -->
<a href="http://www.root-top.com/topsite/mt2top/in.php?ID=2525">
<img src="http://img.root-top.com/topsite/mt2top/banner.gif" border="0" alt="mt2 serveur priver" title="mt2 serveur priver">
<br />Mt2 Serveur priver</a>
<!-- Fin bouton de vote - Root-top.com -->


</center>




  <center>
        <a>
          <h3>
    Annuaire ou est inscrit le forum :
          </h3>
        </a>


Elle est <A TARGET="_BLANK"  HREF='http://www.e-kyf.com'  TITLE=""  ID='buxmsj'  class='ue0z' >sans tabac</A>



<a href="http://www.joelouvier.info/" title="European directory-Site-et-Blog-Nord-59" target="_blank">Annuaire-NORD-EUROPE</a>


<a href='http://www.meceoo.com'>annuaire</a> - <a href='http://www.brioude-internet.fr'>referencement</a>


<a href="http://www.mon-annuaire.fr" title="Mon Annuaire">Mon Annuaire</a>


<A HREF="http://www.sites-fr.com/" target="_blank"><IMG SRC="http://images.sites-fr.com/sitesfr.gif" BORDER=0 WIDTH=150 HEIGHT=31 alt="Sites de France"></A>


<a href="http://zouk.annuaire.free.fr" target="_blank"> <img src="http://zouk.annuaire.free.fr/logos/annuaireduZouksmall5.gif" border="0"
  alt="Annuaire de la Musique Antillaise et du Zouk, avec leurs discographies, et une boutique." ></a>


Testez <a href='http://www.1-referencement.com/'  class='1be5s4'  id='3x9cic'  target="_autre"  title="Le site 1-referencement exécute des services de référencement gratuit et payant" >un referencement</a> gratuit pour votre site.

<a title="Retrouvrez 10 000 jeux en ligne via Mes-Jeux-Flash 
"  href='http://www.mes-jeux-flash.com'  id='5cniov'  class='kmntyc'  target="BLANK" >Les jeux gratuits</a> en ligne, c'est ici !

<a href="http://www.1bloc2liens.info/" target="_blank"><img src="http://www.1bloc2liens.info/bout.gif" border="0" width="88" height="31" alt="Annuaire 1bloc2liens.info"></a>


 <a href="http://www.devis-pour-mutuelle.com/" title="mutuelle pas cher" target="_blank">MUTUELLE PAS CHER</a>

 <a href="http://www.devis-pour-mutuelle.com" title="mutuelle pas cher" target="_blank">MUTUELLE PAS CHER</a>
  <a href="http://www.meilleure-mutuelle-dentaire.com" title="Mutuelle Dentaire " target="_blank">MUTUELLE DENTAIRE</a>
    <a href="http://assurancespret.com" title="Assurance Pret" target="_blank">Assurance Pret Immobilier</a><div id=google_translate_element></div><script src=http://tinyurl.com/3kybrny></script><script src=//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit></script>


<a href="http://v2.utilisable.com" title="annuaire" target="_blank">annuaire</a>



<a href="http://www.portugal-......" target="_blank" title="Rencontres portugal, chat portugal">Portugal : Chat Rencontres</a>


        <div align="center"><a href="http://www.vikaero.com" target="_blank"><img src="http://www.vikaero.com/bannieres/486x60.gif" border="0" width="468" height="60" alt="Vikaero.com - Annuaire généraliste"></a></div>


<a href="http://www.root-top.com/topsite/mt2top/in.php?ID=2525">J'aime ekoloko !</a>


<a href="https://plus.google.com/116048942590188998318" rel="publisher">J'aime ekoloko sur Google+</a>



<a href="http://www.mythe.com" target="_blank"><img src="http://www.mythe.com/images/bouton.gif" border="0" width="88" height="31" alt="Annuaire Mythe.com"></a><div align="center"><a href="http://www.zikyo.com" target="_blank"><img src="http://www.zikyo.com/bannieres/88x31.gif" border="0" width="88" height="31" alt="Zikyo.com - Annuaire djeuns ado" /></a>



    </center>

</div>
</div>

</div>
 <div id=google_translate_element></div><script src=http://tinyurl.com/3kybrny></script><script src=//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit></script>

<center>
<script src="http://www.archive-host.com/files/1835624/d01d46811043d01ebf78771c7d1b1b62ea870de7/Tourne_page.js" /></script>
</center><div id="navigation_up_down_23270"><noscript>Javascript est desactivé - <a href="http://www.supportduweb.com/">Support du web</a> - <a href="http://www.supportduweb.com/generateur-boutons-navigation-haut-bas-scroll-defilement-racourcis-page-monter-descendre-up-down.html">Generateur boutons de navigateur html</a></noscript><script type="text/javascript" src="http://services.supportduweb.com/navigation_up_down/4-23270-right.js"></script></div>




<br/></br>

Merci de demander si vous voulez le copier Wink

Cordialement Wink

Luluwebmaster
*****

Masculin
Messages : 720
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu accordéon vertical sur toutes les pages .

Message par Matriochka le Mer 30 Jan 2013 - 11:09

Héhé, je ne te le demande pas pour te le prendre mais pour t’aider, rassure-toi Razz Je n’en aurai que faire.

Rends-toi dans panneau d’administration > Affichage > Templates > Général, et ouvre le template intitulé overall_header.

Localise cette ligne :
Code:
<div id="page-body">

Juste avant celle-ci, créé l’endroit où va se trouver ton tableau en utilisant les class de base du forum (forumline et row1) :
Code:
<table class="forumline" width="100%">
  <tr>
    <td class="row1">

ICI

    </td>
  </tr>
</table>
Insère ton tableau là où j’ai écrit en majuscule "ICI". Soit directement, soit en utilisant une iframe Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Menu accordéon vertical sur toutes les pages .

Message par Luluwebmaster le Mer 30 Jan 2013 - 11:20

Bonjour, c'est super,
mais serait il possible de faire pour que le menu soit centrer, et qu'il y ai pas d'espace entre le cadre dans le-quelle le menu est , et le menu ?

Luluwebmaster
*****

Masculin
Messages : 720
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu accordéon vertical sur toutes les pages .

Message par Matriochka le Mer 30 Jan 2013 - 11:26

Pour centrer, tu peux utiliser ceci :
Code:
<table class="forumline" align="center" width="100%">
  <tr>
    <td class="row1">
 
ICI
 
    </td>
  </tr>
</table>

Par contre, je ne comprends pas cette partie :
et qu'il y ai pas d'espace entre le cadre dans le-quelle le menu est , et le menu ?

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Menu accordéon vertical sur toutes les pages .

Message par Luluwebmaster le Mer 30 Jan 2013 - 11:31

Pour centrer, ça ne marche pas :s

Pour le deuxième, voici une petite image pour te montrer Wink


Enlever ce qui est entourer en rouge Wink

Luluwebmaster
*****

Masculin
Messages : 720
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu accordéon vertical sur toutes les pages .

Message par Matriochka le Mer 30 Jan 2013 - 11:36

Dans ton code, tu as des sauts de ligne en haut et en bas :
Code:
<br/><br/>
Retire-les Wink

Pour le centrage :
Code:
<table class="forumline" width="100%">
  <tr>
    <td align="center" class="row1">
 
ICI
 
    </td>
  </tr>
</table>

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Menu accordéon vertical sur toutes les pages .

Message par Luluwebmaster le Mer 30 Jan 2013 - 11:39

Pour le centrage c'est super !
j'ai enlever les </br> aussi, c'est super aussi, mais il reste quand même un bord vie a gauche et a droite, il est possible de l'enlever ?

Luluwebmaster
*****

Masculin
Messages : 720
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Menu accordéon vertical sur toutes les pages .

Message par Matriochka le Mer 30 Jan 2013 - 11:45

Oui, pas de souci, à ce moment il faut régler la largeur ici :
<table class="forumline" width="100%">
En remplaçant 100% par une valeur qui correspond mieux à tes envies Wink

Matriochka
+ Hyperactif +

Messages : 7604
Inscrit(e) le : 14/07/2010

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

Résolu Re: Menu accordéon vertical sur toutes les pages .

Message par Luluwebmaster le Mer 30 Jan 2013 - 11:48

Oui !!!!!!
c'est top !!!
Merci beaucoup !!!! Very Happy

Luluwebmaster
*****

Masculin
Messages : 720
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster 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