J1.5

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 template header search moved to Customising the JA Purity template/header/search: Moved page for consistency with the Beez class page structure)
m (Applied tutorial template and removed categories)
Line 1: Line 1:
 
{{stub}}
 
{{stub}}
The original JA Purity template was provided from JoomlArt.com as a zip but the latest files have been installed along with Joomla.
+
{{:Customising the JA Purity template/tutorialtemplate|index.php, template.css and icon-search.gif|<pre>
The relevant files, XXXXX and XXXX, are in the following directories:<br />
+
    <location of template>/
<pre>
+
        index.php
    templates/ja_purity
+
        css/
                index.php
+
            template.css
                css/
+
        images/
                    template.css
+
            icon-search.gif
                images/
+
</pre>}}
                    icon-search.gif
 
</pre>
 
 
 
If you've been following the [[Tutorial:Customising_the_JA_Purity_template|tutorial]] you can download a tutorial version of the template that installs to the following directory:<br/>
 
<pre>
 
    templates/my_japurity
 
                index.php
 
                css/
 
                    template.css
 
                images/
 
                    icon-search.gif
 
</pre>
 
 
==HTML and PHP Files==
 
==HTML and PHP Files==
 
=== ja_purity/index.php ===
 
=== ja_purity/index.php ===
Line 56: Line 44:
 
<source lang="javascript" line start="">
 
<source lang="javascript" line start="">
 
</source>
 
</source>
<noinclude>
 
[[Category:Beginners]]
 
[[Category:JA Purity template]]
 
[[Category:Tutorials]]
 
</noinclude>
 

Revision as of 15:11, 15 January 2011

The "J1.5" namespace is an archived namespace. This page contains information for a Joomla! version which is no longer supported. It exists only as a historical reference, it will not be improved and its content may be incomplete and/or contain broken links.


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, 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>/
        index.php
        css/
            template.css
        images/
            icon-search.gif

HTML and PHP Files[edit]

ja_purity/index.php[edit]

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

CSS Files[edit]

ja_purity/css/XXXXX.css[edit]

/* 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%;
}

Image Files[edit]

icon-search.gif[edit]

Javascript Files[edit]

ja_purity/js/XXXXX.js[edit]