--=REKLAMA=--
Oryginalny szablon JA Purity został wydany przez JoomlArt.com jako archiwum w formacie ZIP oraz został umieszczony w pakiecie instalacyjnym Joomla!. Odnoszące się do obszaru header pliki szablonu index.php, template.css oraz bullet.gif znajdują się w poniższych katalogach:
templates/ja_purity index.php css/ template.css images/ bullet.gif
Jeśli korzystasz z samouczka, możesz pobrać specjalną wersję ćwiczebną wersję szablonu i zainstalować ją w następującym katalogu:
templates/my_japurity index.php css/ template.css images/ bullet.gif
<?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; ?>
#ja-mainbody-fr #ja-col1 {
width: 20%;
}
#ja-mainbody-fr #ja-col1 {
width: 20%;
float: left;
}
/* LEFT COLUMN + RIGHT COLUMN
--------------------------------------------------------- */
#ja-col1 {
float: left;
width: 24.99%;
padding-top: 10px;
overflow: hidden;
}
#ja-col2 {
float: right;
width: 20%;
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;
}
/* Default Joomla! Menu */
#ja-container2 ul.menu {
margin: 0;
padding: 1px 0 0;
list-style: none;
background: url(../images/hdot2.gif) repeat-x top;
}
#ja-container2 ul.menu li {
margin: 0 !important;
padding: 0 !important;
background: none !important;
}
#ja-container2 ul.menu li a {
padding: 2px 0;
display: block;
color: #333333;
background: url(../images/hdot2.gif) repeat-x bottom;
text-decoration: none;
outline: none;
}
#ja-container2 ul.menu li a span {
padding-left: 16px;
background: url(../images/bullet.gif) no-repeat 5px 5px;
}
#ja-container2 ul.menu li a:hover,
#ja-container2 ul.menu li a:active,
#ja-container2 ul.menu li a:focus {
color: #333333;
background: url(../images/hdot2.gif) repeat-x bottom #DDDDDD;
text-decoration: none;
}
#ja-container2 ul.menu li.active a {
background: url(../images/hdot2.gif) repeat-x bottom #FFFFFF;
color: #7BA566;
font-weight: bold;
text-decoration: none;
}
#ja-container2 ul.menu li.active a span {
background: url(../images/bullet3.gif) no-repeat 5px 5px;
}
#ja-container2 ul.menu li li a span {
background: none;
}
#ja-container2 ul.menu li ul {
margin: 0;
padding: 0;
list-style: none;
}
#ja-container2 ul.menu li li {
padding: 0 0 0 15px !important;
list-style: none;
}
#ja-container2 ul.menu li li a {
color: #333333;
background: none !important;
font-size: 92%;
font-weight: normal;
}
#ja-container2 ul.menu li li a:hover,
#ja-container2 ul.menu li li a:active,
#ja-container2 ul.menu li li a:focus {
color: #006699;
}
#ja-container2 ul.menu li li a span {
background: url(../images/bullet.gif) no-repeat 5px;
font-weight: normal;
}