Skip to main content Help Control Panel

Gérard


on Nov. 18 2007
from le Web Parisien

YACS team - Modérateur
Share
Post to Facebook
Tweet about this
Share at LinkedIn
Invite participants
Reference this page
Monitor
Recent files
support »
See also
 

support «   Besoin d'aide «  

Modification d'un style dans le template Boxesandarrows

PreviousNextIndex

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"
."\t\t".'#tabs li#'.$focus.' a {'."\n"
."\t\t\t".'background-position: 0% -44px;'."\n"
."\t\t\t".'border-bottom: 1px solid #fff;'."\n"
."\t\t".'}'."\n"
."\t\t".'#tabs li#'.$focus.' a span {'."\n"
."\t\t\t".'color: #039;'."\n"
."\t\t\t".'background-position: 100% -44px;'."\n"
."\t\t".'}'."\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 - 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/re...enu-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.


L.declercq / Nuxwin

PreviousNextIndex