J1.5

Customising the JA Purity template/header/search: Difference between revisions

From Joomla! Documentation

Mvangeest (talk | contribs)
m Applied tutorial template and removed categories
m ja_purity/js/XXXXX.js: archiving articles with category removal and addition
 
(3 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{stub}}
{{stub/abandoned}}
{{: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="">
</source>
</source>
[[Category:Archived version Joomla! 1.5|{{PAGENAME}}]]

Latest revision as of 14:27, 29 April 2013

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

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

Image Files

icon-search.gif

Javascript Files

ja_purity/js/XXXXX.js