Customising the JA Purity template/header/search

From Joomla! Documentation

Jump to: navigation, search
Stop hand nuvola.svg.png
 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, 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

Contents

HTML and PHP Files

ja_purity/index.php

  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

ja_purity/css/XXXXX.css

  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. }

  9.  

  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

icon-search.gif

Javascript Files

ja_purity/js/XXXXX.js

  1.
Retrieved from "http://docs.joomla.org/Customising_the_JA_Purity_template/header/search"
Personal tools