•  » Utilisation
  •  » Insérer un menu au dessus de ma galerie

#1 2006-07-31 21:39:35

e407
Membre
2006-07-31
9

Insérer un menu au dessus de ma galerie

Salut

je cherche à insérer un menu au dessus de ma galerie de façon à ce qu'il soit toujours accessible; comme intégré au site.
Malgrè les recherches, j'ai rien trouvé

le site
http://www.smoc-tkd.info/

la galerie
http://www.smoc-tkd.info/galeriep/

mon but remplacer le bandeau moche de la galerie par le joli menu que l'on peut voir sur le site !

marki !


Code:

<ul id="menu">

      <li><a href="index.html" >Accueil</a></li>
      <li><a href="blog.html">Blog</a></li>
      <li><a href="info.html">Informations</a></li>
      <li><a href="/galeriep/category.php" id="current">Galerie Photos</a></li>
      <li><a href="galeriev.html">Galerie Vidéos</a></li>
      <li><a href="/forum">Forum</a></li>
      <li><a href="liens.html">Liens</a></li>
    </ul>

J'ai essayé de le mettre à partir de la description de la galerie, mais... en plus d'être barbare ça ne marche pas !

Hors ligne

#2 2006-07-31 21:56:00

rio
Équipe Piwigo
Paris
2006-07-24
1589

Re: Insérer un menu au dessus de ma galerie

Il existe déjà le template "Jillij" qui pourrait te convenir
http://www.jillij.com/phpwebgallery/category.php
http://www.maelphotos.info/wordpress/?a … WebGallery

Recherche aussi "photon" ...


-> /<Ä®¿M <-
http://riohome.free.fr
Il forum è anche in ITALIANO

Hors ligne

#3 2006-07-31 22:04:39

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Insérer un menu au dessus de ma galerie

Et pourquoi ne pas regarder aussi du coté yoga/hk-3
Lequel peut plus facilement être compléter dans menubar.tpl et les couleurs adaptées au site...

8-)


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#4 2006-08-01 15:59:13

e407
Membre
2006-07-31
9

Re: Insérer un menu au dessus de ma galerie

les couleurs ne sont pas un problème, c'est seulement l'intégration d'un menu en css

je veux juste savoir où je peux mettre mon petit bout de code siou plaît


j'avais déjà vu Jillij et photon
Pour photon, c'est plus pour wordpress à ce que je vois

J'esserai Jillij si personne ne trouve de solution à mon problème (j'ai passé du temps au couleur, ça m'embêtrai de tout recommencer...)

Hors ligne

#5 2006-08-01 18:54:46

rio
Équipe Piwigo
Paris
2006-07-24
1589

Re: Insérer un menu au dessus de ma galerie

Tu peux juste t'inspirer de yoga/hk-3
Comme ça tu n'integrera que les modifs relatives aux menus (menubar.tpl)


-> /<Ä®¿M <-
http://riohome.free.fr
Il forum è anche in ITALIANO

Hors ligne

#6 2006-08-01 19:29:40

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Insérer un menu au dessus de ma galerie

Tu peux tout bêtement dans template/yoga/menubar.tpl:

1- Avant ceci

<!-- BEGIN links -->

ajouter

<dl>
  <dt>SMOC Taekwondo</dt>
  <dd>
    <ul>
      <li><a href="../index.html" >Accueil</a></li>
      <li><a href="../blog.html">Blog</a></li>
      <li><a href="../info.html">Informations</a></li>
      <li><a href="../galeriep/category.php" id="current">Galerie Photos</a></li>
      <li><a href="../galeriev.html">Galerie Vidéos</a></li>
      <li><a href="../forum">Forum</a></li>
      <li><a href="../liens.html">Liens</a></li>
    </ul>
  </dd>
</dl>

2- Utiliser hk-3
Taekment + simple, non?

8-)


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#7 2006-08-01 23:48:13

e407
Membre
2006-07-31
9

Re: Insérer un menu au dessus de ma galerie

merci pas l'air compliqué (tellement simple ;)) sauf...

je ne trouve pas le menubar.tpl, il n'est pas dans le dossier yoga

j'ai téléchargé yoga/hk -3 mais pas de tpl non plus

sachant que je suis en 1.5 (je passerai en 1.6 pour hk si besoin)


Mais où est menubar.tpl ? ;)

Hors ligne

#8 2006-08-01 23:59:46

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Insérer un menu au dessus de ma galerie

hk-3 est pour de la 1.6

Migre en 1.6.1 tu ne perdras pas au change.

8-)


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#9 2006-08-02 00:16:28

e407
Membre
2006-07-31
9

Re: Insérer un menu au dessus de ma galerie

ok j'ai trouvé menubar.tpl (oué !)

mais je ne comprend pas l'intérêt de hk -3

et le résultat ne me comvient pas vraiment, je voudrais avoir le même menu sur mon site et ma galerie
là il est intégré avec les "Catégories" "Spéciales" "Menu" "Identification"

bonne nuit ;)

Hors ligne

#10 2006-08-02 21:15:52

mathiasm
Former Piwigo Team
2006-02-06
2692

Re: Insérer un menu au dessus de ma galerie

plutot dans header.tpl, dans ce cas.
Au besoin, dans ce même header.tpl, tu peux supprimer les [gallery_title} et {description} si ça t'encombre.
Je te conseille de dupliquer le template auparavant. Comme ça, en cas de fausse manip, tu as toujours le template par défaut qui tourne.

Hors ligne

#11 2006-08-02 21:56:55

e407
Membre
2006-07-31
9

Re: Insérer un menu au dessus de ma galerie

merci ! j'y suis presque

j'ai donc ajouté mon menu, ça marche, il se place en haut : niquel.
Pour l'associer à ma feuille css, j'utilise @import

Code:

<style type="text/css">
       @import url(/style.css);
<dl>
  <dt>SMOC Taekwondo</dt>
  <dd>
    <ul>
      <li><a href="../index.html" >Accueil</a></li>
      <li><a href="../blog.html">Blog</a></li>
      <li><a href="../info.html">Informations</a></li>
      <li><a href="../galeriep/category.php" id="current">Galerie Photos</a></li>
      <li><a href="../galeriev.html">Galerie Vidéos</a></li>
      <li><a href="../forum">Forum</a></li>
      <li><a href="../liens.html">Liens</a></li>
    </ul>
  </dd>
</dl>
</style>

Ma feuille de style est à la racine du site

Sinon le language des templates ? c'est du xml ?

Hors ligne

#12 2006-08-02 23:01:07

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Insérer un menu au dessus de ma galerie

Tu ferais bien d'étudier les bases de HTML

<style type="text/css">
       @import url(/style.css);
</style>

A mettre en <head> donc voir header.tpl

Sinon ceci : Ok

<dl>
  <dt>SMOC Taekwondo</dt>
  <dd>
    <ul>
      <li><a href="../index.html" >Accueil</a></li>
      <li><a href="../blog.html">Blog</a></li>
      <li><a href="../info.html">Informations</a></li>
      <li><a href="../galeriep/category.php" id="current">Galerie Photos</a></li>
      <li><a href="../galeriev.html">Galerie Vidéos</a></li>
      <li><a href="../forum">Forum</a></li>
      <li><a href="../liens.html">Liens</a></li>
    </ul>
  </dd>
</dl>


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#13 2006-08-02 23:12:37

e407
Membre
2006-07-31
9

Re: Insérer un menu au dessus de ma galerie

Il faut bien mettre son code html entre les balises <style> ? comme dans mon post précédent ?

A mettre en <head> donc voir header.tpl

Je ne comprend pas ce que tu veux me dire. Mon code est entre les balises <head>

merci

Hors ligne

#14 2006-08-03 07:15:10

VDigital
Former Piwigo Team
Montpellier (FR)
2005-05-04
15127

Re: Insérer un menu au dessus de ma galerie

Certains ont quelque chose comme ceci comme template/yoga/header.tpl :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="{LANG}" dir="{DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CONTENT_ENCODING}">
<!-- BIG FIX ME BELOW (paths) -->
<link rel="stylesheet" type="text/css" href="template/yoga/default-layout.css">
<link rel="stylesheet" type="text/css" href="template/yoga/default-colors.css">
<!-- the next css is used to fix khtml (Konqueror/Safari) issue
the "text/nonsense" prevents geko based browsers to load it -->
<link rel="stylesheet" type="text/nonsense" href="template/yoga/fix-khtml.css">
<link rel="stylesheet" type="text/css" media="print" href="template/yoga/print.css">
<!-- AN OTHER FIX ME -->
<style type="text/css">
.notDoneYet {
        background: yellow;
        color: red;
}
</style>
<!-- BEGIN refresh -->
<meta http-equiv="refresh" content="{REFRESH_TIME};url={U_REFRESH}">
<!-- END refresh -->
<title>{GALLERY_TITLE}:{PAGE_TITLE}</title>
<script type="text/javascript" src="include/scripts.js"></script>
<!--[if gte IE 5.5000]>
<script type="text/javascript" src="include/pngfix.js"></script>
<![endif]-->
</head>

<body id="{BODY_ID}">
<div id="the_page">

<div id="theHeader">
  <h1>{GALLERY_TITLE}</h1>
  <p>{GALLERY_DESCRIPTION}</p>
</div>

Et s'ils veulent respecter les règles de coding W3C, ils coderont dans un premier temps quelque chose comme:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="{LANG}" dir="{DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CONTENT_ENCODING}">
<!-- BIG FIX ME BELOW (paths) -->
<link rel="stylesheet" type="text/css" href="template/yoga/default-layout.css">
<link rel="stylesheet" type="text/css" href="template/yoga/default-colors.css">
<!-- the next css is used to fix khtml (Konqueror/Safari) issue
the "text/nonsense" prevents geko based browsers to load it -->
<link rel="stylesheet" type="text/nonsense" href="template/yoga/fix-khtml.css">
<link rel="stylesheet" type="text/css" media="print" href="template/yoga/print.css">
<!-- AN OTHER FIX ME -->
<style type="text/css">
.notDoneYet {
        background: yellow;
        color: red;
}
</style>
<!-- BEGIN refresh -->
<meta http-equiv="refresh" content="{REFRESH_TIME};url={U_REFRESH}">
<!-- END refresh -->
<title>{GALLERY_TITLE}:{PAGE_TITLE}</title>
<script type="text/javascript" src="include/scripts.js"></script>
<!--[if gte IE 5.5000]>
<script type="text/javascript" src="include/pngfix.js"></script>
<![endif]-->
<style type="text/css">
       @import url(/style.css);
</style>

</head>

<body id="{BODY_ID}">
<div id="the_page">

<div id="theHeader">
<dl>
  <dt>SMOC Taekwondo</dt>
  <dd>
    <ul>
      <li><a href="../index.html" >Accueil</a></li>
      <li><a href="../blog.html">Blog</a></li>
      <li><a href="../info.html">Informations</a></li>
      <li><a href="../galeriep/category.php" id="current">Galerie Photos</a></li>
      <li><a href="../galeriev.html">Galerie Vidéos</a></li>
      <li><a href="../forum">Forum</a></li>
      <li><a href="../liens.html">Liens</a></li>
    </ul>
  </dd>
</dl>

  <h1>{GALLERY_TITLE}</h1>
  <p>{GALLERY_DESCRIPTION}</p>
</div>

Ces certains (et c'est certain d'ailleurs aussi) iront par la suite lire les astuces de la 1.5 sur le Wiki
et feront des recherches par exemple sur l'indexation pour savoir si certaines choses ne sont pas encore à changer.

Je comprends pourquoi tu as eu du mal à trouver menubar.tpl (n'existe pas en 1.5, c'est une nouveauté de la branche 1.6).
Enfin si tu m'avais bien lu et lu ce que disais Mathias «plutot dans header.tpl, dans ce cas.»
Tu l'aurais corrigé de toi même.

Ma conclusion du jour:

Qui, un jour, a besoin d'assistance
Pose une question et donne sa version en référence

C'est plus simple pour ceux qui y répondent.
Cela leur évite de proposer des solutions pour une version différente (hk-3 c'est de la 1.6).

Une meilleure idée encore: migre en 1.6.1

8-)


Vincent -« Plus vidéaste averti que photographe amateur... »
La galerie - Le blog   

Piwigo est une application libre de gestion de photos en ligne.

Hors ligne

#15 2006-08-03 11:34:43

e407
Membre
2006-07-31
9

Re: Insérer un menu au dessus de ma galerie

si j'ai finalement trouvé le menubar.tpl, c'est que je suis passé en 1.6 ;) (en local)

et quand mathias m'a proposé d'utiliser le header.tpl, je l'ai fait ! et comme je le dis dans mon post, j'ai presque le résultat espéré !

bref ce que je ne comprend pas dans ton code, c'est comment le navigateur peut savoir que c'est le menu et lui seul qui doit utiliser cette css. Puisqu'il n'est pas entre les balises styles ?

Quand au niveau de la version, j'ai dit que si besoin est je migrerai, c'était pas très clair...


(je comprend bien que tu es un peu énervé de faire le support) mais merci ;)

j'ai testé ton code, mais il n'y a pas tout c'est ça ?

Dernière modification par e407 (2006-08-03 11:36:07)

Hors ligne

  •  » Utilisation
  •  » Insérer un menu au dessus de ma galerie

Pied de page des forums

Propulsé par FluxBB

github twitter newsletter Faire un don Piwigo.org © 2002-2024 · Contact