Skip to main content Help Control Panel

Login   A+   A-

Community «   Le forum «   Web design «  

Modification d'un style dans le template Boxesandarrows

Bonjour, J'ai voulu modifié (via les css) le style du menu principal (#tabs et consorts) et je me suis aperçu que le style pour l'onglet actif est codé "en dur" dans le fichier template.php. Ci-dessous la partie concernée (color et border-bottom entre autres) :
// implement the 'you are here' feature
if($focus Page::top_focus()) {
echo 
"t".''."n"
."tt".'#tabs li#'.$focus.' a {'."n"
."ttt".'background-position: 0% -44px;'."n"
."ttt".'border-bottom: 1px solid #fff;'."n"
."tt".'}'."n"
."tt".'#tabs li#'.$focus.' a span {'."n"
."ttt".'color: #039;'."n"
."ttt".'background-position: 100% -44px;'."n"
."tt".'}'."n"
."t".''."n";}



Est-ce normal et ne pourrait on pas modifié cela plutôt via le fichier .css et si oui comment, car je me suis arraché les cheveux depuis. Merci de votre aide.

Nota : j'ai vu et voté pour la superbe initiative de Nuxwin car j'essaie moi-même de dériver/modifer des templates mais ne suis pas du tout calé en php pour partir de zero.

Comments

Nuxwin
avatar
from Caen, devant mon bureau
190 posts

on Nov. 18 2007


Bonjour ;

La partie codé en dur comme tu le dis si bien permet l'effet de porte coulissante sur les tabs (les onglets).

Par exemple, quand tu te trouve sur la home page (page d'accueil), l'onglet sera mise en valeur via effet de focus (Porte coulissante). A ma connaissance, il existe trois état :

Il existe bien entendu d'autres approches pour arriver à ce résultat mais celui-ci fonctionnant très bien, il serait dommage de te compliquer la vie pour rien.

Pour information, la méthode top_focus appartient à la class Page qui se situe dans le script ./skins/page.php.

Sauf si tu souhaite modifié complètement les tabs, c'est à dire utiliser une autre image pour les onglet dans les propriétés diffères, tu ne devrais pas avoir à modifier la partie du code cité dans ton post. Un simple déplacement du bloc ne devrait pas poser de problème.

Je te conseil la lecture de cet article qui te permettra, je le pense, d'arriver à tes fins si tu souhaite aller plus loin avec les css.

http:www.ultra-fluide.com/ressources/css/menu-onglets.htm

Nuxwin Team

Ps : Attention, je suis pas expert en la matière. Peut-être que les désigneur de notre communauté pourront t'en dire d'avantage.

Rate this page
Posted by Hardboiled on Nov. 18 2007, edited by Nuxwin on Nov. 18 2007, (popular)