J1.5

Customising the JA Purity template/header/search

< J1.5:Customising the JA Purity template‎ | header(Redirected from Customising the JA Purity template/header/search)

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

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

CSS Files

ja_purity/css/XXXXX.css

 991 /* Search */
 992 #ja-search {
 993 	padding-left: 20px;
 994 	background: url(../images/icon-search.gif) no-repeat center left;
 995 	position: absolute;
 996 	bottom: 15px;
 997 	right: 0;
 998 }
 999 
1000 #ja-search .inputbox {
1001 	width: 120px;
1002 	border: 1px solid #333333;
1003 	padding: 3px 5px;
1004 	color: #999999;
1005 	background: #444444;
1006 	font-size: 92%;
1007 }

Image Files

icon-search.gif

Javascript Files

ja_purity/js/XXXXX.js

1 
Advertisement