b'soir et bienvenue
Le menu de ce thème est crée dans le fichier /themes/jah_is_real/xotpl/globalnav.html
<div id="sidebar">
<ul>
<li class="page_item"><a href="<{xoAppUrl}>" >Accueil</a></li>
<li class="page_item"><a href="<{xoAppUrl modules/news/index.php?storytopic=2}>" >Apprendre Xoops</a>
<ul>
<li class="page_item"><a href="<{xoAppUrl modules/news/article.php?storyid=3}>" >Manuel</a></li>
<li class="page_item"><a href="<{xoAppUrl modules/news/article.php?storyid=5}>" >Thèmes</a></li>
<li class="page_item"><a href="<{xoAppUrl modules/news/article.php?storyid=4}>" >Modules</a></li>
</ul>
</li>
<li class="page_item"><a href="<{xoAppUrl modules/mydownloads/}>" >Fichiers</a>
<ul>
<li class="page_item"><a href="<{xoAppUrl modules/mydownloads/viewcat.php?cid=1}>" >Fiches PDF</a></li>
<li class="page_item"><a href="<{xoAppUrl modules/mydownloads/viewcat.php?cid=2}>" >Sources</a></li>
<li class="page_item"><a href="<{xoAppUrl modules/mydownloads/viewcat.php?cid=3}>" >Thèmes</a></li>
</ul>
</li>
<li class="page_item"><a href="<{xoAppUrl}>modules/mylinks/}>" >Liens</a>
<ul>
<li class="page_item"><a href="<{xoAppUrl modules/mylinks/viewcat.php?cid=3}>" >Sites à modules</a></li>
<li class="page_item"><a href="<{xoAppUrl modules/mylinks/viewcat.php?cid=2}>" >Sites à thèmes</a></li>
<li class="page_item"><a href="<{xoAppUrl modules/mylinks/viewcat.php?cid=1}>" >Sites à tutos</a></li>
<li class="page_item"><a href="<{xoAppUrl modules/mylinks/viewcat.php?cid=4}>" >Sites officiels</a></li>
<li class="page_item"><a href="<{xoAppUrl modules/mylinks/viewcat.php?cid=5}>" >Sites xoopsés</a></li>
</ul>
</li>
<li class="page_item"><a href="<{xoAppUrl modules/contact/}>" >Contact</a></li>
</ul>
</div>
Pour personnaliser les liens, tu dois changer :
- l'url de destination (ex: modules/mylinks/viewcat.php?cid=5)
- son intitulé (ex: Sites xoopsés)
Pour personnaliser l'apparence de la barre de navigation, tu dois agir sur la feuille de style content-data.css
/*============= Style for globalnav.html ================*/
#sidebar {
width: 720px;
border: 0px;
padding: 0px 0 0px 0;
margin: 0px 0 2px 20px;
z-index: 5;
text-align:center;
/*border-top: 1px #e2e2e2 dotted;*/
}
#sidebar ul {
width:720px;
min-height: 30px;
list-style-type: none;
padding: 0px 0px 0px 0px;
margin: 0px 0 0px 0;
z-index: 500;
font-weight: bold;
font-size: 1.2em;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#sidebar li {
display: inline;
float: left;
min-height: 20px;
position: relative;
text-align: left;
padding: 5px 17px 5px 18px;
margin: 0px 0px 0px 0px;
}
#sidebar h2 {
padding: 0px;
margin: 0px;
font-size: 1em;
}
#sidebar li ul {
width: 150px;
height: auto;
top: 100%;
left: 0px;
font-weight: normal;
font-size: 1em;
}
#sidebar li.LargeMenu ul {
width: 200px;
height: auto;
top: 100%;
left: 0px;
}
#sidebar li ul li {
text-align: left;
width: 118px;
height: auto;
min-height: auto;
display: block;
}
#sidebar li.LargeMenu ul li {
text-align: left;
width: 198px;
height: auto;
min-height: auto;
display: block;
}
#sidebar a {
text-decoration: none;
}
#sidebar li li ul {
top: 0;
left: 0;
}
#sidebar li li:hover ul {
left: 150px;
}
/* initialy hide all sub sidemenus */
#sidebar ul ul,
#sidebar ul li:hover ul ul,
#sidebar ul ul li:hover ul ul,
#sidebar ul ul ul li:hover ul ul,
#sidebar ul ul ul ul li:hover ul ul {
position: absolute;
display:none;
}
/* display them on hover */
#sidebar li:hover ul,
#sidebar ul li:hover ul,
#sidebar ul ul li:hover ul,
#sidebar ul ul ul li:hover ul,
#sidebar ul ul ul ul li:hover ul,
#sidebar ul ul ul ul ul li:hover ul {
display: block;
}
#sidebar #PhpWebcontent {
display:none;
}
/* define the consecutive colors */
#sidebar {
color: #FFFFFF;
}
#sidebar ul{
background: #527324;
-moz-opacity:0.95; /* for mozilla */
opacity: 0.95; /* for safari */
khtml-opacity: 0.95 /* for konquerer and older safari */
}
#sidebar ul ul {
background: #527324;
}
#sidebar ul li {
background: #527324;
}
#feeds li {
background: url(img/feed.png) top left no-repeat;
padding-left: 18px;
}
#sidebar h2 {
color: #FFFFFF;
}
#sidebar a {
color: #FFFFFF;
}
#sidebar ul li:hover {
background: #607b3b;
}
#sidebar ul li ul {
}
#sidebar ul li ul li {
background: #607b3b;
}
#sidebar ul li ul li:hover {
background: #6e8c43;
}
#sidebar ul li ul ul li{
background: #6e8c43;
}
#sidebar ul li ul ul li:hover {
background: #86ab52;
}
Pour en savoir plus sur le gabarit morphogenesis :
- tu peux consulter le wiki de labs.xoofoo.org
- et ce
tutorielBon courage
@+
