Difference between revisions of "Customising the JA Purity template/header/search"

From Joomla! Documentation

< J1.5:Customising the JA Purity template‎ | header
m (ja_purity/js/XXXXX.js: archiving articles with category removal and addition)
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{:Customising the JA Purity template/tutorialtemplate|index.php, template.css and icon-search.gif|<pre>
{{:Customising the JA Purity template/tutorialtemplate|index.php, template.css and icon-search.gif|<pre>
     <location of template>/
     <location of template>/
Line 44: Line 44:
<source lang="javascript" line start="">
<source lang="javascript" line start="">
[[Category:Archived version Joomla! 1.5|{{PAGENAME}}]]

Latest revision as of 09:27, 29 April 2013

Replacement filing cabinet.png
This Namespace has been archived - Please Do Not Edit or Create Pages in this namespace. Pages contain information for a Joomla! version which is no longer supported. It exists only as a historical reference, will not be improved and its content may be incomplete.

The original JA Purity template was provided from as a zip but the latest files have been installed along with Joomla. The relevant files, index.php, template.css and icon-search.gif, can be found in templates/ja_purity. If you've been following the tutorial, you can download a tutorial version of the template that installs to the templates/my_japurity folder. Inside the folder of the template, the files are located as follows:

    <location of template>/

HTML and PHP Files


  1. 	<?php if($this->countModules('user4')) : ?>
  2. 		<div id="ja-search">
  3. 			<jdoc:include type="modules" name="user4" />
  4. 		</div>
  5. 	<?php endif; ?>

CSS Files


  1. /* Search */
  2. #ja-search {
  3. 	padding-left: 20px;
  4. 	background: url(../images/icon-search.gif) no-repeat center left;
  5. 	position: absolute;
  6. 	bottom: 15px;
  7. 	right: 0;
  8. }
  10. #ja-search .inputbox {
  11. 	width: 120px;
  12. 	border: 1px solid #333333;
  13. 	padding: 3px 5px;
  14. 	color: #999999;
  15. 	background: #444444;
  16. 	font-size: 92%;
  17. }

Image Files


Javascript Files