P. 1
Installing and Using Joomla Template Created With Artisteer

Installing and Using Joomla Template Created With Artisteer

|Views: 349|Likes:
Published by nglithis

More info:

Published by: nglithis on Jun 23, 2011
Copyright:Attribution Non-commercial


Read on Scribd mobile: iPhone, iPad and Android.
download as DOCX, PDF, TXT or read online from Scribd
See more
See less





Installing and Using Joomla Template Created with Artisteer

Installing Joomla Template Utilizing Menus Applying Artisteer style to your menu Creating Multilevel Menu Creating Vertical Menu Creating Vertical Menu with Separators Customizing the Footer Joomla Positions Joomla Module Style Installing Joomla Template To install an exported and zipped template via the Joomla administration panel please do the following: 1. Go to Joomla Administrator (www.your-site.com/administrator) -> Extensions -> Install/Uninstall 2. In the "Extension Manager" choose the first option "Upload Package File". 3. Click the "Browse..." button to select the zip file from your computer. 4. Click the "Upload File & Install" button. For more information please visit http://docs.joomla.org/How_to_install_templates Joomla Positions

Utilizing Menus Applying Artisteer style to your menu .x.Positions extra1 and extra2 will be supported in Artisteer 3.

Go to Module Parameters and specify the art-vmenu suffix.your-site. 2.4 you can use an art-vmenu Module Class Suffix to apply Artisteer vertical menu style to your menu module.g.your-site. Make sure that you have menu items at lower levels defined in Joomla. Keep in mind that you should disable caching if you create a click-open vertical menu . please follow these steps: 1.Please use the following steps to utilize menu style designed with Artisteer: 1.15 Creating Multilevel Menu Here are the steps you should follow to create a multilevel menu in your Joomla Website: 1.com/administrator) -> Extensions -> Module Manager 2. For more information please visit http://docs. Top Menu) -> Module Parameters -> "Always show sub-menu Items").modules. 3. Go to Joomla Administrator (www.org/Screen. or none. NOTE: the "user3" position can contain only a single menu.com/administrator) and enable multiple levels in your menu module (Extentions -> Module Manager v click to edit menu (e. Select the module you want to edit. 3. To do this. Open an existing menu or create a new one and place it into the "user3" position. 2. Go to Joomla Administration (www. Enable multiple menu levels in Artisteer->Menu -> Subitem -> Levels -> Multilevel.joomla. Creating Vertical Menu Starting with Artisteer 2. Log in to Joomla Administration and go to Extensions -> Module Manager.

Unlike regular menu items separators do not link to a particular web page. 2. Starting from version 3.To create a Vertical menu with sub-items: 1. they are used to sort out the menu items. Also.artx project. 3.0 Beta 2. open your . To enable menu separators. Enable multiple levels in your menu module ("Always show sub-menu Items"). where all sub-items are visible). and Alias. or click the existing menu item. Creating Vertical Menu with Separators Separator is one of the four menu item groups along with Internal Link. please update Artisteer. Use art-vmenu Class Module Suffix to apply the designed vertical menu style to the desired menu modules Note that subitems will not appear on mouse hovering but only when you click on the parent item (except for menus with open levels. Sub-menu items should have parent items specified for them. re-export the template and apply it to Joomla. . make sure that your Vertical Menu levels are activated in Artisteer before the template is exported (Vertical Menu -> Subitem -> Levels -> Open by Click/ All Open) To create a custom Vertical Menu with separators: 1. Log in to Joomla Administration and open your custom menu (Menus-> [custom menu name]) 2. Artisteer templates for Joomla support Vertical Menus with separators. Press ³New´ to add a menu item and select a separator menu item type. Create a menu with sub-menu items in Joomla. External Link. Enable Multiple menu levels in Artisteer > Vertical Menu tab -> Subitems -> Levels. 4. press ³Change Type´ and save it as a separator. Make sure that the sample Vertical Subitem works for you within the template previewed in Artisteer.

and select the separator as its parent item.3. . Open the item. which is to be placed inside the separator. <="" ol="" width="527" height="297"> Customizing the Footer To customize the template footer via Joomla administration place one or multiple modules into the "copyright" position. This will replace the default copyright text included in the template footer with the new content provided by the module.

the Artisteer css class will not be modified and your suffix will be ignored.So.now you can use your own Module Class Suffixes along with the standard Artisteer suffixes. You can now use the newly created module for further footer customizations without utilizing additional modules.your-site. </div> . Basically you can use: 5. select "Custom HTML". art-block or art-nostyle. In the Module Class Suffix parameter box type your custom class suffix with a leading space (if you enter the custom suffix without a leading space. Click "New". Save your changes.Here are sample steps to configure custom footer: 1.. 2. To enable a Custom Module Suffix.CustomSuffix1 and . The feature works quite similarly to the standard custom module class suffix feature in default Joomla templates except for it requires the appropriate syntax.com/administrator) -> Extensions -> Module Manager. 3. In the module properties specify: o Title . 2. Define your custom . Log into your Joomla Administration and go to Extensions -> Module Manager. [space] CustomSuffix1 CustomSuffix2 to obtain the block classes like: <div class="art-block CustomSuffix1 CustomSuffix1"> . Select the module you would like to edit and go to Module Parameters.css file. Go to Joomla Administrator (www.0 and later versions allow using Custom Module lass Suffixes.Show Title: No o Position: copyright o Custom Output: (the desired footer content) 4.please follow the steps below: 1. such as art-article..CustomSuffix2 classes in template. Joomla Module Style Artisteer 3. then select "Next".

In that case the resulting block code will look like: <div class="art-article CustomSuffix1 CustomSuffix2"> . </div> The latter case (with art-nostyle suffix) will remove all Artisteer styles and apply your CustomSuffix1 CustomSuffix2 classes/styles to the block... or no style to the block.6. [one of Artisteer suffixes] [space] CustomSuffix1 CustomSuffix2 to remove Artisteer block styles and apply post styles... . </div> or <div class="art-nostyle CustomSuffix1 CustomSuffix2"> .

You're Reading a Free Preview

/*********** DO NOT ALTER ANYTHING BELOW THIS LINE ! ************/ var s_code=s.t();if(s_code)document.write(s_code)//-->