ArtisteerJoomla-menu-vertical-styles.pdf

7/27/2019 ArtisteerJoomla-menu-vertical-styles.pdf

1/6

isteer est une marque dpose dExtensoft Artisteer.com Forum dentraidehttp://forum.artisteerhelp.fr Traduction non officielle

Jf Patris 2010 1

TEMPLATE JOOMLAMenu vertical et styles de modules

Mise jour du 5 Nov 2010

Ce manuel est une traduction non officielle et personnelle de lutilisation dArtisteer. Elle estralise pour les membres de la communaut francophone dArtisteerHelp France.

La version dArtisteer voque dans ce manuel est la 2.4 et 3.0 pour Window. Je travaille sousMac Snow lopard, et avec Parallel Desktop pour Window (il faut bien juste pour les tests)et jutilise les deux versions dArtisteer.

Ce manuel sera mis jour (en fonction de mes disponibilits) au fur et mesure des nouvellesversions, que les ingnieurs dExtensoft ne manqueront pas de nous proposer, par des additifs.

Cette traduction reprsente beaucoup de travail et de temps. Elle est votre disposition pour quevous puissiez profiter de cet excellent outil quest Artisteer dans les meilleures conditions.

Le forum artisteerhelp http://forum.artisteerhelp.fr est votre disposition pour toutes les questionsdintgration (parfois pas trop simples, car on en veut toujours plus) de vos uvres. Vous pouvezutiliser la bonne volont de ladministrateur pour que lon remonte vos suggestions et problmes versExtensoft. Ce forum est l pour vous aider, que vous soyez sous Window, Mac et que vous travailliez avecJoomla, Wordpress, Visual Studio, Blogger, Dupral, en HTML ou PHP, avec des tutoriaux

sympas, trucs et astuces, ou tout simplement autres discussions

Je vous souhaite beaucoup de plaisir avec Artisteer

Jeff


2/6


Jf Patris 2010 2

Utilisation des menus

Appliquer un style Artisteer votre menuUtilisez les tapes suivantes pour utiliser le style menu conu avec Artisteer:

1. Aller -> Extensions -> Gestion des modules2. Ouvrir un menu existant ou en crer un nouveau et le placer dans la position "user3" .

REMARQUE: La position "user3" ne peut contenir qu'un seul menu, ou aucun.

Cration de menu multi-niveaux

Voici les tapes suivre pour crer un menu plusieurs niveaux dans votre site Joomla:Dans la conception de votre template Artisteer vous devez dfinir le menu plusieurs niveaux.(Les classes css seront gnres)

1. Activer dans Artisteer-> Menu -> Sous-menus -> Niveaux -> Multiniveaux.2. Aller Administration (www.votre-site.com/administrator) et permettre plusieurs niveaux dans

votre module de menu (Extensions -> Gestionnaire de modules. Cliquez sur le menu "'dition"(par exemple Top Menu -> Paramtres des modules -> "Toujours afficher les sous - menus ").Dfinissez bien le style du menu.

3. Assurez-vous que vous disposez des options de menu des niveaux infrieurs dfinis dansJoomla.4. Enregistrez votre travail.

Cration dun menu vertical

partir de Artisteer 2.4, vous pouvez utiliser un suffixe de classe pour appliquer un style Artisteer votre module de menu vertical. Vous devez avoir cr un menu vertical dans Artisteer, bien sr.Pour ce faire, suivez ces tapes:1. Connectez-vous l'administration Joomla et aller -> extensions -> Module .Slectionnez le

module que vous souhaitez modifier.2. Allez Paramtres du module et spcifiez le suffixe art-vmenu.3. Gardez l'esprit que vous devez dsactiver le cache si vous crez un menu vertical ouvert


3/6


Jf Patris 2010 3

Crer un menu vertical avec des sous-lments

1. Activez les niveaux multiples dans Artisteer -> Menu vertical - > Niveaux. Assurez-vous quele menu vertical fonctionne pour vous dans Artisteer.

2. Crez un menu avec des sous-menus dans Joomla! . Les sous-menusdoivent avoir deslments parents spcifis.

3. Activez les niveaux multiples dans votre module de menu (lments sous-menu Toujoursafficher).

4. Utilisez art-vmenu en suffixe pour appliquer le style de menu vertical conu.5. Notez que les sous-lments n'apparatront pas en survol, mais uniquement lorsque vous

cliquez sur l'lment parent (sauf pour les menus avec des niveaux ouverts, o tous les sous-lments sont visibles).

Les Styles de Modules : versions infrieures 3

Un rappel interressant : vos propres styles. Changer la sidebar droite par exemple :

1. Dans Index.php (template), trouver : et remplacer par:

2. Dans modules.php (template), trouver la fonction :function modChrome_artnostyle($module, &$params, &$attribs), et dans cette fonction,

remplacer par


4/6


Jf Patris 2010 4

3. Dans Template.css, mettez vos styles:

/*** -MonStyle pour sidebar droite***/.MonStyle{background:#F3F6F6;border:1px solid gray;margin:0px 5px 5px 0px;font-family:Arial, Helvetica;font-size:0.95em;}

.MonStyle li{margin-left:20px;padding:1px 3px 0px 0px;list-style-type:circle;}

.MonStyle h3{font-family:Calibri, Verdana;font-size:1.6em;color:#FFFFFF;padding: 0px 0px 0px 10px;}/*** -Fin de MonStyle pour sidebar droite***/

4. Aller ensuite dans votre module et entrer votre suffixe (MonStyle).

Les Styles de Modules : versions 3.0 et ultrieures

Artisteer versions 3.0 et versions ultrieures permettent d'utiliser le module personnalis de suffixede classes . Vous pouvez maintenant utiliser votre propre suffixe de classe avec les suffixes Artisteerstandards, tels que art-article, art-bloc et art-nostyle. La fonction est assez similaire la fonction pardfaut de Joomla, exception faite de la syntaxe approprie.

Pour activer un module avec suffixe personnalis, suivre les tapes ci-dessous:

1. Dfinissez vos classes .CustomSuffix1 et .CustomSuffix2 dans le fichier template.css.2. Connectez-vous votre administration Joomla et aller -> Extensions -> Gestionnaire de

modules. Slectionnez le module que vous souhaitez modifier et aller aux Paramtres dumodule. Inscrivez dans la bote de paramtre votre suffixe de classe personnaliseavec unespace gauche (si vous entrez le suffixe personnalis sans un espace gauche, la classe cssArtisteer ne sera pas modifie et votre suffixe sera ignor).


5/6


Jf Patris 2010 5

En dautres termes, vous pouvez utiliser:[Espace] CustomSuffix1 CustomSuffix2 pour obtenir les classes comme:

a. ... < /div>

[L'un des suffixes Artisteer] [espace] CustomSuffix1 CustomSuffix2 pour supprimer desstyles de bloc Artisteer et appliquer des styles post, ou pas de style bloc. Dans ce cas, lecode rsultant ressemblera ceci:... ou ... Le dernier cas (avec le suffixe-art nostyle) va supprimer tous les styles Artisteer et appliquervotre CustomSuffix1 classes CustomSuffix2 pour le bloc.

La figure suivante vous montre les positions des modules et suffixes.


6/6


Jf Patris 2010 6

Documents

ArtisteerJoomla-menu-vertical-styles.pdf