Titre du sujet : Re: Onglet actif en css?
par Nikita sur 26/04/2010 17:24:06
Bonjour
je te montre comment j'ai fait dans mon thème mais pas vraiment avec des onglets
les menus dans theme.html
<table cellspacing="0" cellpadding="0" width="100%" border="0">
<tr align="center">
<td width="1" bgcolor="#6B6B6B"></td>
<td id="headmenu"><a href="<{$xoops_url}>/index.php" class="menuHead<{if $SCRIPT_NAME == "/index.php"}>_active<{/if}>">Accueil</a></td>
<td width="1" bgcolor="#d7d7d7"></td>
<td id="headmenu"><a href="<{$xoops_url}>/modules/wfdownloads/" title="Téléchargements de logiciels" class="menuHead<{if $xoops_dirname == "wfdownloads"}>_active<{/if}>">Logiciels</a></td>
<td width="1" bgcolor="#d7d7d7"></td>
<td id="headmenu"><a href="<{$xoops_url}>/modules/video/" title="Vidéos-formations" class="menuHead<{if $xoops_dirname == "video"}>_active<{/if}>">Vidéos-Formations</a></td>
<td width="1" bgcolor="#d7d7d7"></td>
<td id="headmenu"><a href="<{$xoops_url}>/modules/smartsection/" title="Fiches pratiques" class="menuHead<{if $xoops_dirname == "smartsection"}>_active<{/if}>">Fiches Pratiques</a></td>
<td width="1" bgcolor="#d7d7d7"></td>
<td id="headmenu"><a href="<{$xoops_url}>/modules/wallpapers/" title="fonds d'écran et cartes virtuelles" class="menuHead<{if $xoops_dirname == "wallpapers"}>_active<{/if}>">Fonds d'écran & Cartes Virtuelles</a></td>
<td width="1" bgcolor="#d7d7d7"></td>
<td id="headmenu"><a href="<{$xoops_url}>/modules/newbb" title="Forum" class="menuHead<{if $xoops_dirname == "newbb"}>_active<{/if}>">Forum</a></td>
<td width="1" bgcolor="#d7d7d7"></td>
<td id="headmenu"><a href="<{$xoops_url}>/comparateurprix.php" title="Trouver le meilleur prix, comparer produits informatiques, Téléphonie, ADSL, Jeux vidéo, Jouets, Livre, Musique, Film, Hifi, Photo, Vidéo, Electroménager, Sport, Loisirs" class="menuHead<{if $SCRIPT_NAME == "/comparateurprix.php"}>_active<{/if}>"><img src="<{$xoops_imageurl}>images/comparateurachat.gif" alt="Trouver le prix le plus bas, comparer avant d'acheter"></a></td>
</tr>
</table>
et pour le css
td#headmenu a
{ color: #ffffff; font-size: 11px; font-weight: bold; background-color: #7d3358; background-repeat: repeat; background-attachment: scroll; text-align: center; display: block; margin-top: 0; padding: 3px }
td#headmenu a:hover
{ color: #7d3358; text-decoration: none; background-color: #f0dce6 }
td#headmenusmall a
{ color: #f5c2bb; font-size: 10px; font-weight: bold; background-color: #7d3358; margin-top: 4px; margin-left: 15px }
td#headmenusmall a:hover
{ color: #ead6d4; font-size: 10px; text-decoration: none; background-color: #7d3358 }
td#headmenu a.menuHead
{ font-size: 11px }
td#headmenu a.menuHead_active {
background-color: #ffffff;
color: #232223;
font-weight: bold;
font-size: 12px;
border-bottom: 1px dashed #232223;
}
je pense qu'avec cet exemple , tu pourras mettre ton menu comme tu le veux sur ton site
|
