Annonce

Écrire une réponse

Veuillez écrire votre message et l'envoyer

Cliquez dans la zone sombre de l'image pour envoyer votre message.

Retour

Résumé de la discussion (messages les plus récents en premier)

alexpomp
2006-08-03 12:45:53

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

e407
2006-08-03 12:28:27

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 !

VDigital
2006-08-03 12:15:56

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-)

VDigital
2006-08-03 12:12:03

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

e407
2006-08-03 12:06:59

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é

VDigital
2006-08-03 12:06:07

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-)

alexpomp
2006-08-03 12:01:56

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

e407
2006-08-03 11:34:43

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 ?

VDigital
2006-08-03 07:15:10

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-)

e407
2006-08-02 23:12:37

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

VDigital
2006-08-02 23:01:07

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>

e407
2006-08-02 21:56:55

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 ?

mathiasm
2006-08-02 21:15:52

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.

e407
2006-08-02 00:16:28

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 ;)

VDigital
2006-08-01 23:59:46

hk-3 est pour de la 1.6

Migre en 1.6.1 tu ne perdras pas au change.

8-)

Pied de page des forums

Propulsé par FluxBB

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