Bonsoir
Voilà je souhaiterai mettre différents boutons avec des liens en-dessous de la barre d'index.

A bidouiller dans le overall header, j'ai réussi à faire ça :

http://latortuedefelix.fr/ForumNinja/

Bon c'est pas forcément très propre car ce ne sont pas de vrais boutons
En fait, je souhaitais avoir de vrais bouton dans ce style là

Le problème, c'est que je ne sais pas comment les mettre ?

Merci d'avance pour votre aide

Salut,

Voila un sujet ou c'est bien expliqué ---> [Prosilver] Créer un menu avec des boutons

Oui, j'ai déjà essayé et je n'y suis pas arrivée
C'est surtout au niveau du overall header que je bloque.
En fait je voudrais garder la navbar actuelle et ajouter en dessous une autre barre avec mes boutons...
Je sais pas si je suis très claire

Bonjour à tous, bonjour Steph

j'ai moi aussi tenté d'appliquer ce tuto à ce que nous souhaiterions, mais c'est pas facile.
J'ai bien compris que ce tuto permettait de remplacer la barre de Menu et les liens qu'elle contient par: Un bouton par lien.

Chose que je n'avais pas saisi ou vu c'est la fin du tuto, après celle qui parle de la MAJ, avec les boutons connexion / déconnexion distinctes puis Portail , site, forum et qui permet de rajouter d'autres "boutons" / liens que ceux existant.
http://forums.phpbb-fr.com/documentatio ... l#p1319585

Là c'est plus difficile (du moins pour nous) d'extrapoler afin d'appliquer cette méthode à ce que l'on souhaite...

Ce que l'on souhaite c'est supprimer les liens en haut à droite du Header,

http://latortuedefelix.fr/forum/index.php

comme déjà fait sur le Forum test:

http://latortuedefelix.fr/ForumNinja/

Afin de remplacer ces lignes par une ligne de boutons juste en dessous qui reprend les mêmes liens que ceux du header, comme l'a fait Janine:

http://latortuedefelix.fr/ForumNinja/

Ou bien existe t' il un Style qui reprend cette configuration:

Bannière large dans le Header et ajout d'une ligne de boutons / liens de notre choix sur une ligne en dessous.

Merci

Salut,

Commencez par mettre en place les boutons et ensuite on verra pour enlever les liens du header.

Ou tout simplement en faire la demande dans votre forum pour que l'on s'en occupe, bien sur c'ets toujours mieux de le faire soi-même pour apprendre mais avant il faut bien penser à sauvegarder le fichier au cas ou.

Steph a écrit:Ou tout simplement en faire la demande dans votre forum pour que l'on s'en occupe,

J'avais pas compris que l'on pouvait vous demander de faire vous même les modif de styles
Je pensais que l'on pouvais bénéficier de votre support pour nous aiguiller

Dans ce cas je laisse Janine décider ce qu'elle souhaite

Merci

ninja a écrit:Ce que l'on souhaite c'est supprimer les liens en haut à droite du Header,

http://latortuedefelix.fr/forum/index.php

Bonjour,

pour supprimer les liens présents dans le header il vous faut :

Ouvrir : styles / iceblue / template / overall_header.html

Chercher et supprimer :

Code: Tout sélectionner

<div class="menu-block" style="float: {S_CONTENT_FLOW_END}; width: 19%;">
             <div class="menu-row-first"><a class="left menu-link" href="http://latortuedefelix.fr/Portail/">Le Portail</a></div>
             <div class="menu-row"><a class="left menu-link" href="http://latortuedefelix.fr/forum/viewforum.php?f=88">La boutique de Felix</a></div>
             <div class="menu-row"><a class="left menu-link" href="https://picasaweb.google.com/116506039227151459454/TortuesDeFelix#slideshow/5582423219173456178">Le Diaporama des Tortues</a></div>
             <div class="menu-row"><a class="left menu-link" href="http://latortuedefelix.fr/forum/viewtopic.php?f=87&t=862">Les liens de Felix</a></div>
             <div class="menu-row"><a class="left menu-link" href="http://latortuedefelix.fr/forum/viewforum.php?f=91">Fichiers GPS: Telechargements</a></div>
             <div class="menu-row"><a class="left menu-link" href="http://latortuedefelix.fr/forum/viewtopic.php?f=3&t=2">La Charte du site</a></div>
             <div class="menu-row"><a class="left menu-link" href="http://www.latortuedefelix.fr/forum/viewtopic.php?f=4&t=577">Comment s'inscrire</a></div>
             <div class="menu-row-last"></div>
          </div>

Enregistrez votre fichier en UTF8 sans Bom et renvoyez le sur votre espace , videz le cache du template et c'est good

Bonne journée à vous

Steph a écrit:Ou tout simplement en faire la demande dans votre forum pour que l'on s'en occupe, bien sur c'ets toujours mieux de le faire soi-même pour apprendre mais avant il faut bien penser à sauvegarder le fichier au cas ou.

Et ben je crois que c'est ce que je vais faire

Merci

Salut,

Un mini tuto avec 2 boutons que tu as demandé dans ton forum perso et si tu y arrive pas on s'en occupera

Ouvrir : styles/ton_style/templates/overall_header.html

Ajouter à l'endroit souhaité :

Code: Tout sélectionner

     <!-- DEBUT - MENU PERSO -->
     <div id="menu_perso">
     <a class="img_menu_boutondiapo" href="LIEN VERS LE DIAPORAMA"></a>
     <a class="img_menu_faq" href="LIEN VERS LA FAQ"></a>
     </div>
     <!-- FIN - MENU PERSO -->

Ouvrir : styles/ton_style/theme/colour.css

Ajouter à la fin du fichier :

Code: Tout sélectionner

/* Positionnement du menu */   
#menu_perso {
   margin: 10px auto 0 auto;
   max-height: 40px; /* hauteur max du menu */
}

/* Images de fond des boutons */
a.img_menu_boutondiapo {
   background:url("{T_THEME_PATH}/images/boutondiapo.png") no-repeat;
}

a.img_menu_faq {
   background:url("{T_THEME_PATH}/images/boutonfaq.png") no-repeat;
}

/* Taille des boutons + positionnement horizontal */
a.img_menu_boutondiapo, a.img_menu_faq {
   width: 120px;
   height: 40px;
   display:block;
   float: left;
}

/* affichage de la partie cachee de l image au survol de la souris */
a.img_menu_boutondiapo:hover, a.img_menu_faq:hover {
   background-position: bottom center;
}

Envoie le tout sur le FTP, rafraichi thème et templates et en principe c'est ok.

Voila en analysant ce que je te présente tu devrais pouvoir réussir quelque chose

Merci, je vais essayer au plus vite