J1.5

Difference between revisions of "Customising the JA Purity template/left"

From Joomla! Documentation

< J1.5:Customising the JA Purity template
m (New page: {{stub}} <noinclude> Category:Beginners Category:JA Purity template Category:Tutorials </noinclude>)
 
m (→‎ja_purity/js/XXXXX.js: archiving articles with category removal and addition)
 
(13 intermediate revisions by 6 users not shown)
Line 1: Line 1:
−
{{stub}}
+
{{stub/abandoned}}
−
<noinclude>
+
{{:Customising the JA Purity template/tutorialtemplate|index.php, template.css and bullet.gif|<pre>
−
[[Category:Beginners]]
+
    <location of template>/
−
[[Category:JA Purity template]]
+
        index.php
−
[[Category:Tutorials]]
+
        css/
−
</noinclude>
+
            template.css
 +
        images/
 +
            bullet.gif
 +
</pre>}}
 +
==HTML and PHP Files==
 +
===ja_purity/index.php===
 +
<source lang="php" line start="184">
 +
<?php if ($this->countModules('left')): ?>
 +
<!-- BEGIN: LEFT COLUMN -->
 +
<div id="ja-col1">
 +
<jdoc:include type="modules" name="left" style="xhtml" />
 +
</div><br />
 +
<!-- END: LEFT COLUMN -->
 +
<?php endif; ?>
 +
</source>
 +
==CSS Files==
 +
===ja_purity/css/template.css===
 +
<source lang="css" line start="827">
 +
#ja-mainbody-fr #ja-col1 {
 +
width: 50%;
 +
}
 +
</source>
 +
 
 +
<source lang="css" line start="860">
 +
#ja-mainbody-fr #ja-col1 {
 +
width: 50%;
 +
float: left;
 +
}
 +
</source>
 +
 
 +
<source lang="css" line start="1267">
 +
/* LEFT COLUMN + RIGHT COLUMN
 +
--------------------------------------------------------- */
 +
#ja-col1 {
 +
float: left;
 +
width: 24.99%;
 +
padding-top: 10px;
 +
overflow: hidden;
 +
}
 +
 
 +
#ja-col2 {
 +
float: right;
 +
width: 50%;
 +
overflow: hidden;
 +
}
 +
 
 +
#ja-col1 table,
 +
#ja-col2 table {
 +
border-collapse: collapse;
 +
border-spacing: 0;
 +
}
 +
 
 +
#ja-col1 ul li,
 +
#ja-col2 ul li {
 +
padding-left: 15px;
 +
margin: 0;
 +
background: url(../images/bullet.gif) no-repeat 5px 50%;
 +
}
 +
 
 +
#ja-col1 ul, #ja-col2 ul {
 +
margin: 0;
 +
}
 +
 
 +
#ja-col1 ol, #ja-col2 ol {
 +
margin-left: 5px;
 +
}
 +
 
 +
#ja-col1 .article_separator,
 +
#ja-col2 .article_separator {
 +
display: none;
 +
}
 +
</source>
 +
 
 +
==Image Files==
 +
* bullet.gif
 +
==Javascript Files==
 +
===ja_purity/js/XXXXX.js===
 +
<source lang="javascript" line start="">
 +
 
 +
</source>
 +
 
 +
[[Category:Archived version Joomla! 1.5|{{PAGENAME}}]]

Latest revision as of 09:27, 29 April 2013

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.

Stop hand nuvola.svg.png
 This article was once a stub and incomplete. It is now archived, PLEASE do not edit it! It references unsupported versions.

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 bullet.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/
            bullet.gif

HTML and PHP Files[edit]

ja_purity/index.php[edit]

		<?php if ($this->countModules('left')): ?>
		<!-- BEGIN: LEFT COLUMN -->
		<div id="ja-col1">
			<jdoc:include type="modules" name="left" style="xhtml" />
		</div><br />
		<!-- END: LEFT COLUMN -->
		<?php endif; ?>

CSS Files[edit]

ja_purity/css/template.css[edit]

#ja-mainbody-fr #ja-col1 {
	width: 50%;
}
#ja-mainbody-fr #ja-col1 {
	width: 50%;
	float: left;
}
/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
	float: left;
	width: 24.99%;
	padding-top: 10px;
	overflow: hidden;
}

#ja-col2 {
	float: right;
	width: 50%;
	overflow: hidden;
}

#ja-col1 table,
#ja-col2 table {
	border-collapse: collapse;
	border-spacing: 0;
}

#ja-col1 ul li,
#ja-col2 ul li {
	padding-left: 15px;
	margin: 0;
	background: url(../images/bullet.gif) no-repeat 5px 50%;
}

#ja-col1 ul, #ja-col2 ul {
	margin: 0;
}

#ja-col1 ol, #ja-col2 ol {
	margin-left: 5px;
}

#ja-col1 .article_separator,
#ja-col2 .article_separator {
	display: none;
}

Image Files[edit]

  • bullet.gif

Javascript Files[edit]

ja_purity/js/XXXXX.js[edit]

Retrieved from "https://docs.joomla.org/index.php?title=J1.5:Customising_the_JA_Purity_template/left&oldid=85970"