[skin Prestec] mise en page menu [Solved]

Reply ·  Quote

on Aug. 23 2007

La réponse à votre première question se trouve dans template.php de Prestec. Une vingtaine de ligne avant la fin, vous trouverez ce code :


// link to yacs if we are at the front page
if($context['skin_variant'] == 'home') {
 $local['label_en'] = 'Powered by';
 $local['label_fr'] = 'Encore un serveur';
 echo Skin::build_box('&nbsp;', '<p>'.i18n::user('label').' '.Skin::build_link('http:/ /www.yetanothercommunitysystem.com/', 'yacs', 'external').'</ p>', 'extra');
}

Dans la dernière instruction, remplacer ' ' par le texte que vous désirez entre guillemets simples, en utilisant les codes de caractères au besoin, par exemple 'Crédits' pour Crédits.

Notez que je ne comprends pas pourquoi la boîte s'est écrasée dans votre exemple, car l'espace insécable aurait dû préserver la hauteur réservée au titre.

La réponse à la seconde question se trouve dans prestec.css. Aux alentours des lignes 1222 et suivantes, vous trouverez les règles de style qui régissent les boîtes de côté. Les hyperliens y sont spécifiés en blanc (en fait un pseudo-blanc qui les distinguent : #ffe) et le reste du texte garde sa couleur noire (ou plutôt gris foncé) par défaut.

Votre remarque très pertinente m'amène à réviser le skin Prestec pour sa prochaine version. Tout le texte des boîtes de côté sera en blanc, mais, pour les distinguer, les hyperliens changeront de couleur lorsqu'on les survole. Il suffit pour cela d'ajouter 3 lignes aux règles de style susmentionnées (les 2 premières et l'avant-dernière), comme ceci :

#side_panel dl dd,
#side_panel dl#main_menu dd,
#side_panel dl dd a,
#side_panel dl#main_menu dd a { /* to override general anchor color */
 color: #ffe;
}

#side_panel dl#main_menu dd a.section { /* to make main menu items bigger */
 font-weight: bold;
 font-size: 129%;
}

#side_panel dl dd a:active,
#side_panel dl dd a:hover,
#side_panel dl#main_menu dd a:active ,
#side_panel dl#main_menu dd a:hover { /* to override general anchor color */
 color: #ff9900;
 background-color: #3366aa;
}

Vous pouvez voir le résultat ici, et modifier les règles de style suggérées ci-dessus pour mieux répondre à votre besoin.

Bon succès !

Reply ·  Quote

on Aug. 26 2007