Advertisement:
« previous next »
Pages: [1]

Author Topic: Ajouter une Barre de navigation personnalisée thème France  (Read 1282 times)

alex59

  • Newbie
  • *
  • Posts: 27
Ajouter une Barre de navigation personnalisée thème France
« on: September 08, 2014, 02:47:58 pm »
Bonjour :)

J'aimerai ajouter une barre de navigation horizontale (un menu donc) en haut de page (sous le logo) de mon thème France.
J'aurais aimé récupérer le même genre de barre de navigation que sur le thème Repurpose avec éventuellement quelques liens en plus (ajoutés à la main)

Est-ce que c'est faisable? Si oui quelqu'un pour m'aider ?

Merci d'avance et bonne journée :)

Alex
Logged

oooopppp

  • Newbie
  • *
  • Posts: 28
Re: Ajouter une Barre de navigation personnalisée thème France
« Reply #1 on: September 08, 2014, 06:06:16 pm »
Salut, tu sais comment créer des pages ?
il y a des tutoriels là dessus, sinon pour ajouter un menu,
tu ouvres le fichier header.php (oc-content>themes>ton thème (ou bender))
et tu rajoutes ton menu en html :
<body <?php bender(ou le nom de ton theme)_body_class(); ?>>
<div id="header">
   <div id="menu">
      <ul>
         <li><a href='http://localhost/test%20petites%20annonces/index.php'>Accueil</a></li>
         <li><a href='http://localhost/test%20petites%20annonces/index.php?page=page&id=26'>Publiez votre annonce</a></li>
         <li><a href='http://localhost/test%20petites%20annonces/index.php?page=page&id=24'>Nos services</a></li>
         <li><a href='http://localhost/test%20petites%20annonces/index.php?page=page&id=27'>Conditions de vente</a></li>
         <li class='last'><a href='http://localhost/test%20petites%20annonces/index.php?page=contact'>Contact</a></li>
      </ul>
   </div>
Tu met tout ça dans une div et tu n'as plus qu'à changer le CSS pour la placer où tu veux ;)
n'oublie pas relier les liens du menu avec les adresses de tes pages,
si tu ne sais pas comment récupérer les adresse de tes pages, lorsque tu crée une nouvelle page
coche afficher un lien en bas de page, tu clique sur ce lien et tu auras l'adresse de ta page dans la barre de
recherche de ton navigateur, voilà !
Raf
Logged

alex59

  • Newbie
  • *
  • Posts: 27
Re: Ajouter une Barre de navigation personnalisée thème France
« Reply #2 on: September 08, 2014, 07:30:03 pm »
Merci beaucoup pour ta réponse :)

Ce que je cherche à faire, c'est avoir le même menu qu'ici sur la barre rose

http://demo.osclass.org/general/?theme=repurpose

Ça repend le menu des catégories du site et lorsqu'on clic sur un lien, ça déroule en dessous les sous catégories :)
Logged

oooopppp

  • Newbie
  • *
  • Posts: 28
Re: Ajouter une Barre de navigation personnalisée thème France
« Reply #3 on: September 08, 2014, 07:56:24 pm »
Ah oui, dans ce cas c'est complètement différent,
il faut reprendre le menu des catégories et le déplacer de main.php
sur le header.php et lui affecter des attributs CSS in-line ...
après ça dépend de ton thème, sur le thème rose
les classes sont différentes ...
tu ne peut pas avoir ce thème ??
Logged

alex59

  • Newbie
  • *
  • Posts: 27
Re: Ajouter une Barre de navigation personnalisée thème France
« Reply #4 on: September 08, 2014, 08:00:44 pm »
Je travaille sur le thème France qui est complètement différent.

J'ai déjà "bien avancé" dans ce que je souhaite en faire et ça m'embête quand même de tout reprendre à 0 avec un autre thème.

J'ai essayé de reprendre les bouts de code, css et js mais ça ne fonctionnait pas : le menu s'affichait mais tout l'un en dessous de l'autre
Logged

oooopppp

  • Newbie
  • *
  • Posts: 28
Re: Ajouter une Barre de navigation personnalisée thème France
« Reply #5 on: September 11, 2014, 07:48:58 pm »
OK, bon si ça s'affiche en colonne,
reprend le css et fais display:inline; sur certains éléments
du block catégories
qui doivent être en display:block;
ça devrais fonctionner...
Logged

alex59

  • Newbie
  • *
  • Posts: 27
Re: Ajouter une Barre de navigation personnalisée thème France
« Reply #6 on: September 11, 2014, 07:54:43 pm »
Merci pour ta réponse :)

J'ai finalement trouvé une autre solution :  j'ai utilisé un tout autre menu (css et html) et j'ai ajouté les liens à la main :)
Logged
Pages: [1]
« previous next »