custom is ing the ja purity template
Post on 02-Dec-2014
838 Views
Preview:
TRANSCRIPT
Tutorial:Customising the JA Purity templateHowever, you are welcome to assist in its construction by editing it as well. Please view the edit history should you wish to contact the person who placed this template. If the tutorial page has not been edited in several days please remove this template. While actively editing, consider adding {{inuse}} to reduce edit conflicts.
Contents 1 Introduction 1.1 Before You Start 2 Template Layout 2.1 Front Page 2.2 Positions 2.3 Classes/IDs 2.3.1 Body 2.3.2 Header 2.3.3 Horizontal Navigation 2.3.4 Top 2.3.5 Left 2.3.6 Right 2.3.7 Main 2.3.8 Breadcrumbs 2.3.9 Spotlight 2.3.10 User 1 2.3.11 User 2 2.3.12 User 3 2.3.13 User 4 2.3.14 User 5 2.3.15 Syndication 2.3.16 Footer 2.4 CSS Files 3 Customisation - Basics 3.1 Administration Features 3.2 Customise Module Position and Content 3.3 Customise the Logo 3.4 Customise the Header 3.5 Customise the Favicon 3.6 Customise Horizontal Navigation Menus 4 Customisation - Intermediate 5 Customisation - Advanced 6 Known Issues and Bugs 7 See also
IntroductionJA Purity is a highly customizable template available by default in standard Joomla 1.5 installations. JA Purity was designed by JoomlArt.com and features the following: 1. 2. 3. 4. Screen width configuration (Fluid/Narrow/Widescreen/Fixed in pixel or percentage) Multiple colors schemes (Red, Green, Blue and Black ) Well Structured, xHTML/CSS validated and SEO-optimized source Cross-browser support for Internet Explorer 6+, Firefox, Safari, Opera
Before You StartBefore you start hacking away at the template you may want to do one of the following: 1. Create a directory templates/my_japurity. Copy the original ja_purity directory to my_japurity. Go to the administrator/language/en-GB directory and copy en-GB.tpl_ja_purity.ini to en-GB.tpl_my_japurity.ini. Do the same in the language/en-GB directory. Open the templateDetails.xml file and change ALL references to the original ja_purity directory to the new directory my_japurity. 3. JA_Purity 326.en-GB.tpl_ja_purity.ini 330.admin/en-GB.tpl_ja_purity.ini 388. 389. 390. 2. Download the tutorial template. Once you download the archive, rename it as my_japurity.zip and then log into the Administration area of your Joomla site and install the template. This will save you from worrying about any updates to the Joomla source that might overwrite your edits. This tutorial is based on the latest template version as of Joomla version 1.5.11.
Template LayoutHere's the directory structure for the template.
Front Page
Positions
Classes/IDsBody JA Purity body
Main JA Purity content JA Purity breadcrumbs JA Purity banners
Header JA Purity header JA Purity logo JA Purity accessibility JA Purity search JA Purity user4
Breadcrumbs JA Purity breadcrumbs
Spotlight JA Purity spotlight JA Purity user 1 JA Purity user 2 JA Purity top JA Purity user 5
Horizontal Navigation JA Purity horizontal navigation
Top JA Purity top
User 1 JA Purity user 1
Left JA Purity left
User 2 JA Purity user 2
Right JA Purity right
User 3 JA Purity user3
Customisation - IntermediateCustomise Accessibility Customise Searching
User 4 JA Purity user 4
Customisation - AdvancedCustomise Overrides
User 5 JA Purity user 5
Syndication JA Purity Syndication
Footer JA Purity Footer JA Purity Syndication JA Purity user3
CSS Files JA Purity template.css
Customisation - BasicsAdministration FeaturesEnable Horizontal Navigation Menus
Customise Module Position and ContentCustomise - Header Area Customise - Module Position Left Customise - Main Content Area Customise - Module Position Right Customise - Spotlight Area Customise - Module Position Footer
Customise the LogoCustomise the Logo Change the Position of Your Logo Use one image for Header and Logo
Customise the HeaderCustomise the Header Background Change the Size of the Header Add or Change the Header Color Scheme
Customise the FaviconCustomise the Favorite Icon
Customise Horizontal Navigation MenusCenter the Horizontal Menus Change the Color of the Horizontal Menus Use a Gradient Image for the Background in the Horizontal Menus Allow Right to Left language use of Horizontal Menu
Known Issues and Bugs Active Menu item not updating. SEE: http://forum.joomla.org/viewtopic.php?f=466&t=396625 PROBLEM: When Joomla cache is enabled reference Joomla 1.5.10 and before) and clicking a menu item it doesn't change color. It is impossible to understand which is the active menu item. SOLUTION: for now the only solution is to disable the cache function in the mod_mainmenu: go to 'Tools>Module Manager' and select the 'Main Menu' module (type=mod_mainmenu). Under 'Parameters>Advanced Parameters' select 'Caching>No Caching'. SEE: http://forum.joomla.org/viewtopic.php?f=541&t=378584
Ja purity template bodyContents 1 HTML and PHP Files 1.1 ja_purity/index.php 2 CSS Files 2.1 ja_purity/css/template.css 3 Image Files 4 Javascript Files
HTML and PHP Filesja_purity/index.php99.
top related