Annonce

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

#16 2006-08-03 12:01:56

alexpomp
Membre
2006-07-25
135

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

je viens de votre ton poste tu veux faire un menu deroulant ? un peu dans se style là

http://pompier42.ifrance.com/album

si c'est le cas j'ai peut etre ta solution

Dernière modification par alexpomp (2006-08-03 12:38:44)

Hors ligne

#17 2006-08-03 12:06:07

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

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

e407 a écrit:

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 ?

Qu'as tu codé dans style.css?

#theHeader A,
#theHeader LI,
#theHeader DL,
#theHeader DD,
#theHeader DT,
#theHeader UL,
{ .... }

Je ne donne pas de cours de css.

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

#18 2006-08-03 12:06:59

e407
Membre
2006-07-31
9

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

merci de ton aide mais

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

;)

edit: ce message ne t'ai destiné Vdigital mais à un autre post qui a été supprimé

Dernière modification par e407 (2006-08-03 12:08:46)

Hors ligne

#19 2006-08-03 12:12:03

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

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

J'ai supprimé mon autre post pour rétablir le fil de discussion.


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

#20 2006-08-03 12:15:56

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

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

Tu peux aussi remettre :
<div id="menuconteneur">
<ul id="menu">

comme ceci:

<div id="theHeader">
  <div id="menuconteneur">
    <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>
  </div>

Attention aux héritages des css.

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

#21 2006-08-03 12:28:27

e407
Membre
2006-07-31
9

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

ok je me rapproche, le menu est horizontale, il manque quelques trucs mais je verrais ça plus tard...

si quelqu'un est interessé par le menu

la css

Code:

 #menuconteneur {
  border-bottom: 1px solid #ddd;
  
}  

ul#menu {
  margin: 0;
  padding: 0;
  font: bold 1em georgia, times, serif;
  list-style-type: none;
  text-align: right;
  
}

#menu li {
  display: inline;
  margin: 0 5px;
  
}

#menu a {
  color: #808080;
  text-decoration: none;
  line-height: 25px;
}

#menu, a#current {
  color: #fc6;
}

#menu a:hover {
  font-size: 1em;
}

#menu a:hover, #current {
  color: #333;
  font-size: 1.5em;
}

et le html est dans le post de VDigital


quand aux erreurs, elle doivent provenir des héritages (comme tu l'as dit), mes Noms de Menus sont soulignés par des pointillés comme dans le menu de gauche

Merci beaucoup !

Hors ligne

#22 2006-08-03 12:45:53

alexpomp
Membre
2006-07-25
135

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

Bon comme je vois tu veux faire un style de menu mais pas deroulant tu veux pas les sous menu toi si je te donne certaine chose tu pourras peut etre t'en servire mais je sais pas en quel version tu es par contre

Voila se que j'ai mis dans mon entete en mode administration de mon album comme si je voulais modifier ma bannière

<div id="position"><div id="container">
<div id="contabs">
<div class="menuIE" align="center"><a class="boutonIE" href="#nogo">La Guilde
<div class="menuIE" align="center">
<table>
    <tbody>
        <tr>
            <td><a class="SousMenu" href="#nogo">Réglement</a> <a class="SousMenu" href="#nogo">Les membres</a><a class="SousMenu" href="http://mercenaires-drekthar.phpbb9.com/viewforum.forum?f=2">Recrutement</a></td>
        </tr>
    </tbody>
</table>
</div>
<div class="menuIE" align="center"><a class="boutonIE" href="#nogo">Personnages
<div class="menuIE" align="center">
<table>
    <tbody>
        <tr>
            <td><a class="SousMenu" href="http://wowessai.over-blog.com/article-2940494.html">Les races</a> <a class="SousMenu" href="http://wowessai.over-blog.com/article-2940510.html">Les classes</a> <a class="SousMenu" href="#nogo">Les métiers</a> <a class="SousMenu" href="http://wowessai.over-blog.com/article-2940527.html">Les montures</a></td>
        </tr>
    </tbody>
</table>
</div>
<div class="menuIE" align="center"><a class="boutonIE" href="#nogo">Atlas
<div class="menuIE" align="center">
<table>
    <tbody>
        <tr>
            <td><a class="SousMenu" href="#nogo">Kalimdor</a> <a class="SousMenu" href="#nogo">???</a></td>
        </tr>
    </tbody>
</table>
</div>
<div class="menuIE" align="center"><a class="boutonIE" href="#nogo">Discussions
<div class="menuIE" align="center">
<table>
    <tbody>
        <tr>
            <td><a class="SousMenu" href="http://mercenaires-drekthar.phpbb9.com/">Forum</a> <a class="SousMenu" href="http://www.swisstools.net/livechat.asp?id=87485">T'chat</a></td>
        </tr>
    </tbody>
</table>
</div>
<div class="menuIE" align="center"><a class="boutonIE" href="#nogo">Photos
<div class="menuIE" align="center">
<table>
    <tbody>
        <tr>
            <td><a class="SousMenu" href="#nogo">Dessins</a> <a class="SousMenu" href="#nogo">???</a></td>
        </tr>
    </tbody>
</table>
</div>
</a></div>
</a></div>
</a></div>
</a></div>
</a></div>
<div class="boutonFF" align="center">La Guilde<br /><a class="SousMenu" href="#nogo">Réglement</a> <a class="SousMenu" href="#nogo">Les membres</a> <a class="SousMenu" href="#nogo">Recrutement</a> </div>
<div class="boutonFF" align="center">Personnages<br /><a class="SousMenu" href="http://wowessai.over-blog.com/article-2940494.html">Les races</a> <a class="SousMenu" href="http://wowessai.over-blog.com/article-2940510.html">Les classes</a> <a class="SousMenu" href="#nogo">Les métiers</a> <a class="SousMenu" href="http://wowessai.over-blog.com/article-2940527.html">Les moutures</a> </div>
<div class="boutonFF" align="center">Atlas<br /><a class="SousMenu" href="#nogo">Kalimdor</a> <a class="SousMenu" href="#nogo">???</a> </div>
<div class="boutonFF" align="center">Discussions<br /><a class="SousMenu" href="http://mercenaires-drekthar.phpbb9.com/">Forum</a> <a class="SousMenu" href="http://www.swisstools.net/livechat.asp?id=87485">T'chat</a> </div>
<div class="boutonFF" align="center">Photos<br /><a class="SousMenu" href="#nogo">Dessins</a> <a class="SousMenu" href="#nogo">???</a> </div>
</div>

tu a differente partie la premiere partie est pour ceux qui navigue avec IE et l'autre partie pour ceux qui navigue sous FF mais il faut mettre les 2 partie dans l'entete si tu veux pas les sous menu il te suffit d'y enlever et sa devrait fonction après il te reste plus qu'a mettre des titres pour tes menus

Exemple

<div class="menuIE" align="center"><a class="boutonIE" href="#nogo">La Guilde
<div class="menuIE" align="center">

dans cette partie du code il te suffit de modifier La guilde par un titre de menu que tu veux
ensuite si tu veux que en cliquant sur ton nouveau titre sa t'ouvre une nouvelle page il te suffit de mettre une URL a la place de #nogo

et tu fait la meme chose après pour les partie de FF quand tu as fait ca tu as un code a mettre dans le css de ton theme donc moi je l'ai mis dans template/yoga/theme/pink/theme.css

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