J1.5:Customising the JA Purity template/header/search
From Joomla! Documentation
< J1.5:Customising the JA Purity template | header(Difference between revisions)
| Line 7: | Line 7: | ||
css/ | css/ | ||
template.css | template.css | ||
| + | images/ | ||
| + | icon-search.gif | ||
</pre> | </pre> | ||
| Line 15: | Line 17: | ||
css/ | css/ | ||
template.css | template.css | ||
| + | images/ | ||
| + | icon-search.gif | ||
</pre> | </pre> | ||
==HTML and PHP Files== | ==HTML and PHP Files== | ||
| Line 47: | Line 51: | ||
</source> | </source> | ||
==Image Files== | ==Image Files== | ||
| + | ===icon-search.gif=== | ||
==Javascript Files== | ==Javascript Files== | ||
===ja_purity/js/XXXXX.js=== | ===ja_purity/js/XXXXX.js=== | ||
Revision as of 11:29, 25 June 2009
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.
| This article is a stub and needs to be expanded. If you can provide information or finish this article you're welcome to do so. Please remove this message afterwards or replace with {{inuse}} while making major edits. - Thank you. |
The original JA Purity template was provided from JoomlArt.com as a zip but the latest files have been installed along with Joomla.
The relevant files, XXXXX and XXXX, are in the following directories:
templates/ja_purity
index.php
css/
template.css
images/
icon-search.gif
If you've been following the tutorial you can download a tutorial version of the template that installs to the following directory:
templates/my_japurity
index.php
css/
template.css
images/
icon-search.gif
Contents |
HTML and PHP Files
ja_purity/index.php
<?php if($this->countModules('user4')) : ?>
<div id="ja-search">
<jdoc:include type="modules" name="user4" />
</div>
<?php endif; ?>
CSS Files
ja_purity/css/XXXXX.css
/* Search */#ja-search {
padding-left: 20px;
background: url(../images/icon-search.gif) no-repeat center left;
position: absolute;
bottom: 15px;
right: 0;
}#ja-search .inputbox {
width: 120px;
border: 1px solid #333333;
padding: 3px 5px;
color: #999999;
background: #444444;
font-size: 92%;
}
