Menu dynamique sur mon thème

Aide générale Menu dynamique sur mon thème en cours de traitement

EDN Intéressé(e)

Rang

Inscrit le : 18/01/2010 à 19h32

Le 18/01/2010 à 20h15

J'ai eu un soucis là! pardonnez moi et merci d'éffacer l'un des deux postes identiques! Désolé encore et merci!

Bonjour à tous,

Comme l'indique mon titre, j'aimerai mettre en place sur mon site, sous PHPBOOST V.3, mais je n'y arrive pas et j'aurais vraiment besoin de lumière.

J'utilise PHPBOOST depuis plus de 2 ans, j'ai débuté sous la V2 et ai conçu quelques thèmes, à la version 3, je mettais lancer sur la conception d'un thème comme je l'ai aime. Cependant je ne connaissais pas très bien la structure de la V3 et j'ai donc conçu mon thème avec un menu de lien sous les code suivant :

Code HTML :

     <!-- Main menu (tabs) -->
     <div id="tabs" class="noprint">
 
            <a href="{PATH_TO_ROOT}/index.php" class="accueil active"></a>
<a href="{PATH_TO_ROOT}/forum/" class="forum"></a>
            <a href="{PATH_TO_ROOT}/media/media.php" class="videotheque"></a>
            <a href="{PATH_TO_ROOT}/articles/" class="synopsis"></a>
            <a href="{PATH_TO_ROOT}/gallery/" class="gallery"></a>
 
            <!-- RSS feeds -->
            <div id="rss">
              <img src="{PATH_TO_ROOT}/templates/{THEME}/theme/images/rss.png" alt="RSS">
              <div>
                <a href="{PATH_TO_ROOT}/syndication.php?m=news&feed=rss">News</a>
                <a href="{PATH_TO_ROOT}/syndication.php?m=forum&feed=rss">Forum</a>
              </div>
            </div></div>

avec le CSS suivant :

Code CSS :

/* Main menu (tabs) */
#tabs { margin: 0; padding:0 5px; height: 42px; max-height: 42px; }
 
    #tabs > a {
      display: block;
      float: left;
      width: 135px; max-height: 135px;
      height: 42px; max-height: 42px;
      background-position: center top;
    }
 
    /* Main menu (tabs - active) */
    #tabs > a.active { height:41px; }
 
    /* Main menu (tabs - images) */
    #tabs > a.accueil { background-image: url('images/bouton_accueil.png'); }
    #tabs > a.forum { background-image: url('images/bouton_forum.png'); }
    #tabs > a.videotheque { background-image: url('images/bouton_videotheque.png'); }
    #tabs > a.synopsis { background-image: url('images/bouton_synopsis.png'); }
    #tabs > a.gallery { background-image: url('images/bouton_gallery.png'); }
 
    /* Main menu (tabs - images) */
    #tabs > a.accueil:hover { background-image: url('images/bouton_accueil2.png'); }
    #tabs > a.forum:hover { background-image: url('images/bouton_forum2.png'); }
    #tabs > a.videotheque:hover { background-image: url('images/bouton_videotheque2.png'); }
    #tabs > a.synopsis:hover { background-image: url('images/bouton_synopsis2.png'); }
    #tabs > a.gallery:hover { background-image: url('images/bouton_gallery2.png'); }
 
 
    /* RSS feeds */
    #rss {
      position: relative;
      float: right;
      margin: 4px -5px 0 0;
      padding: 3px 3px 0 3px;
    }
    #rss img { margin: 0; padding: 0; cursor: pointer; }
    #rss:hover { background: #e9e9e9; }
    #rss:hover > div { display: block; }
    #rss > div {
      display: none;
      position: absolute;
      top: 31px; right: 0;
      background: #e9e9e9;
      padding: 2px;
      z-index: 100;
    }
    #rss > div > a {
      display: block;
      margin: 1px 0; padding: 5px 25px 5px 8px;
      line-height: 12px;
      color: #294c7e;
      letter-spacing: 1px;
      background: url('images/rss-14.png') no-repeat 95% center;
      text-align: right;
      text-decoration: none;
    }
    #rss > div > a:hover { color: #fff; }

Mais plus tard en utilisant les thèmes d'autres graphiste (Je les félicitent d'ailleurs pour leurs excellent travaille), j'ai remarquer le fonctionnement d'un système de menu dynamique, j'ai regarder de plus prêt le fonctionnement que j'ai partiellement compris, mais voilà je n'arrive pas à l'appliquer à mon thème ...

Je ne sais pas si j'ai supprimer la parti du CSS, composé des images vierges et tenter de bidouiller le CCS du menu dynamique de façon à faire un truc bien, mais rien n'a faire!! J'ai essayer de reprendre le même fonctionnement que EnimSay et Swan, cependant je flanche toujours...

Voilà un screen de mon site :

Preview

C'est pas évident de travailler à partir d'une image je sais, je peux mettre mon archive en dowload mais pas sur un lien forum, par pm, pour cela me le demander. Une fois ce soucis regler, je peaufinerai le thème et pourrai le mettre à contribution, car c'est mon intention.

Merci de votre aide!!
Amicalement Vinny! Edité par Vinny Le 18/01/2010 à 20h19

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 18/01/2010 à 21h21

Bonsoir Vinny,

Peux tu me mettre ton archive en MP? j'y jetterais un coup d'oeil demain! C'est les onglets qui te posent problèmes surement au niveau du css.. Je vois une class qui n'est pas défini dans le css que tu fournis.. et certains css posés en supplément peuvent entrer en conflit avec d'autre css existant ^^

swan_signature

Site web

Vinny

EDN Intéressé(e)

Rang

Inscrit le : 18/01/2010 à 19h32

Messages: 78

Le 18/01/2010 à 22h11

Trés bien swan, c'est fait, merci encore pour ton aide!

Amicalement Vinny

saturnin

Administrateur

Rang

Inscrit le : 08/08/2009 à 22h19

Messages: 3963

Le 19/01/2010 à 09h45

c'est quoi qui marche pas au juste ?¿

l'affichage de flux rss sous forme de tableau, ou le menu dynamique a droite ? (rss news, rss forum)

signaturesaturnin

Accroche toi au clavier, je retire le shell...

Site web

Vinny

EDN Intéressé(e)

Rang

Inscrit le : 18/01/2010 à 19h32

Messages: 78

Le 19/01/2010 à 11h34

Bonjour Saturnin,

Si tu préfère, le menu que j'ai mis en place et un menu classique que j'ai fait hors du système PHPBoost, hors j'aimerais que se menu s'intègre au système de menu dynamique de PHPBoost.

Donc en clair je veux enlever le menu (Accueil, Forum, Vidéothèque etc..) de façon a se que cela puisse être fait à partir du menu de PHPBoost.

J'espère être plus concis dans ma requête et merci de votre aide.

Amicalement Vinny.

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 19/01/2010 à 11h58

Vinny ce serait dommage! Tu as très bien bossé sur le menu! Même si il sort du standard de PBT.

Le système de menu de phpboost te fournira juste les liens sans possibilité de mettre des images comme tu as fait là. Regarde ma navigation haute "Accueil Blog Ressources, Documentation etc..." tu vas y perdre tout le coté design de ton thème ...

swan_signature

Site web

Vinny

EDN Intéressé(e)

Rang

Inscrit le : 18/01/2010 à 19h32

Messages: 78

Le 19/01/2010 à 12h50

En clair tu me conseille de garder se style de menu? hum, pourquoi pas, mais alors il me faut développer le menu en menu déroulant.

Et bien je vais garder cette optique là, je reste sur mon premier principe et je vais me mettre à bosser sur le mini_search.tpl.

Je vous tiens au courant de l'avancer de mes travaux! merci encore Swan et Saturnin et vive CsN!

Amicalement Vinny.

Swan

Administrateur

Rang

Inscrit le : 01/08/2009 à 22h53

Messages: 8431

Le 19/01/2010 à 13h02

Pas de soucis ^^ Et si tu as besoin d'aide hésite pas. Et encore bravo pour ton thème

swan_signature

Site web

Répondre

Vous n'êtes pas autorisé à écrire dans cette catégorie

Les 10 derniers messages du forum...