Thème Xoops Gnoo

Date 20/05/2008 | Sujet : Thème



Site de démonstration : ICI
Téléchargement : ICI




Caractéristiques

• largeur fixe
• trois colonnes
• gestion de la bannière publicitaire dans l'en-tête

Le thème Xoops Gnoo est livré avec les templates des modules Système et News 1.56, placés en surcharge.



Configuration requise

Pour l'installer sur votre site vous devez utiliser Xoops 2.0.18 (ou plus) ou pour une version plus ancienne, recourir à l'archive Hack Core (2.0.17) for Mor.Pho.GEN.e.sis



Personnalisations


Image de fond dans l'en-tête



Pour placer votre propre image dans l’entête :
• redimensionnez / découpez votre illustration à 700x151 pixels
• modifez le nom de l’image appelée dans la feuille de style.css (ligne 106)

Pour modifer l’image en fonction du module actif :
• éditez la feuille style.css en y ajoutant une déclaration #xo-header
• la faire précéder du #nom du répertoire du module
• faire pointer l’url sur l’image alternative (voir exemple avec le module News ligne 108)



Onglets de la barre de navigation

Les onglets de la barre de navigation générale sont des couples d’images :
• bleu : statut inactif
• noir : survol de la souris

Vous trouverez dans le répertoire /docs trois formats, à employer selon l’encombrement de vos liens



Comment alterner ces onglets dans la barre de navigation ?

Les 3 cas de figure sont prévus dans la feuille de style content-data.css (lignes 169 à 186). Pour les appliquer il suffit de modifier le template xotpl/globalnav.html :
• Cas 1 : class="nav"
• Cas 2 : class="nav90px"
• Cas 3 : class="nav100px"


Fond arrondi des blocs

Vous pouvez personnaliser l'apparence des blocs arrondis. Pour en savoir plus, se reporter à la notice pdf placée dans le répertoire /docs.


Crédits

Xoops Gnoo est une libre adaptation du thème réalisé par Kloobig.org pour le CMS Nucleus.

Il est réalisé à partir du gabarit de thème Mor.pho.gen.esis 2.10, développé sur xoofoo.org.



Cet article provient de Communauté Francophone des Utilisateurs de Xoops
https://www.frxoops.org

L'adresse de cet article est :
https://www.frxoops.org/modules/news/article.php?storyid=1493