TEMPLATE JOOMLA Menu vertical et styles de modules

Mise jour du 5 Nov 2010 Ce manuel est une traduction non officielle et personnelle de lutilisation dArtisteer. Elle est ralise 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 sous Mac 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 nouvelles versions, 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 que vous 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 questions dintgration (parfois pas trop simples, car on en veut toujours plus) de vos uvres. Vous pouvez utiliser la bonne volont de ladministrateur pour que lon remonte vos suggestions et problmes vers Extensoft. Ce forum est l pour vous aider, que vous soyez sous Window, Mac et que vous travailliez avec Joomla, 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

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

Jf Patris 2010 1

Utilisation des menus

Appliquer un style Artisteer votre menu Utilisez les tapes suivantes pour utiliser le style menu conu avec Artisteer: 1. Aller -> Extensions -> Gestion des modules 2. 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 dans Joomla. 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

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

Jf Patris 2010 2

Crer un menu vertical avec des sous-lments

1. Activez les niveaux multiples dans Artisteer -> Menu vertical - > Niveaux. Assurez-vous que le menu vertical fonctionne pour vous dans Artisteer. 2. Crez un menu avec des sous-menus dans Joomla! . Les sous-menus doivent avoir des lments parents spcifis. 3. Activez les niveaux multiples dans votre module de menu (lments sous-menu Toujours afficher). 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 souslments 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 : <div class="art-layout-cell art-sidebar2"><?php echo artxModules($document, 'right', 'artblock'); ?> </div> et remplacer par: <div class="art-layout-cell art-sidebar2"><?php echo artxModules($document, 'right', 'artnostyle'); ?> </div> 2. Dans modules.php (template), trouver la fonction : function modChrome_artnostyle($module, &$params, &$attribs), et dans cette fonction, remplacer <div class="art-nostyle"> par <div class="<?php echo$params>get('moduleclass_sfx'); ?>">

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

Jf Patris 2010 3

 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 suffixe de classes . Vous pouvez maintenant utiliser votre propre suffixe de classe avec les suffixes Artisteer standards, tels que art-article, art-bloc et art-nostyle. La fonction est assez similaire la fonction par dfaut 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 du module. Inscrivez dans la bote de paramtre votre suffixe de classe personnalise avec un espace gauche (si vous entrez le suffixe personnalis sans un espace gauche, la classe css Artisteer ne sera pas modifie et votre suffixe sera ignor).
Artisteer est une marque dpose dExtensoft Artisteer.com Forum dentraide http://forum.artisteerhelp.fr Traduction non officielle

Jf Patris 2010 4

En dautres termes, vous pouvez utiliser: [Espace] CustomSuffix1 CustomSuffix2 pour obtenir les classes comme: a. <div class=" CustomSuffix1 CustomSuffix2">... < /div>

[L'un des suffixes Artisteer] [espace] CustomSuffix1 CustomSuffix2 pour supprimer des styles de bloc Artisteer et appliquer des styles post, ou pas de style bloc. Dans ce cas, le code rsultant ressemblera ceci: <div class="art-article CustomSuffix1 CustomSuffix2">... </div> ou <div class="artnostyle CustomSuffix1 CustomSuffix2">... </div> Le dernier cas (avec le suffixe-art nostyle) va supprimer tous les styles Artisteer et appliquer votre CustomSuffix1 classes CustomSuffix2 pour le bloc.

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

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

Jf Patris 2010 5

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

Jf Patris 2010 6