Jump to content
Sign in to follow this  
HilarYo

[Ajuda] Alteração de templates Joomla

Recommended Posts

HilarYo

Boas tardes,

estou a criar um site para um Clube de caça e pesca, e gostaria que me ajudassem a passar este template para o Joomla.

Imagem do template:

j8jeid.png

encontrei na net um template ja feito, com a mesma estrutura, ora vejam:

Estrutura do template:

Alguns códigos importantes:

Dentro da pasta CSS:

html {
  height: 100%;
  margin-bottom: 0px;
}

form {
  margin: 0;
  padding: 0;
}

img,table {
border:none;
}

body {
font-family: Helvetica,Arial,sans-serif;
line-height: 1.3em;
margin: 0px 0px 0px 0px;
font-size: 12px;
color: #333;
}

a:link, a:visited {
text-decoration: none;
font-weight: normal;
}

a:hover {
text-decoration: underline;
font-weight: normal;
}

input.button {
cursor: pointer;
background:none;
}

p {
  margin-top: 0;
  margin-bottom: 5px;
  text-align:justify;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
padding: 0;
background: #fff url(../images/bg.jpg) top left repeat-x;
margin:0;
}

div.center {
  text-align: center;
  margin:20px 40px 20px 40px;
}

div#wrapper {
margin-left: auto;
margin-right: auto;
width:980px;

}


#logo {
padding:46px 40px;
text-align: left;
}

#logo a, #logo a:link, #logo a:hover {
font-weight: bold;
font-family: Helvetica,Arial,sans-serif;
font-size: 3em;
padding:0;
margin:0;
line-height:1.4em;
color:#fefefe;
text-decoration:none;
}

div#newsflash {
width: auto;
margin-left: 350px;
margin-right: 30px;
border: 1px solid #00f;
}

div#tabarea {
background: url(../images/top_menu_m_bg.jpg) top left repeat-x;
}

div#tabarea_r {
background: url(../images/top_menu_r_bg.jpg) top right no-repeat;
}

div#tabarea_l {
background: url(../images/top_menu_l_bg.jpg) top left no-repeat;
height:33px;
}


div#footer_r {
height: 52px;
overflow: hidden;
}

div#footer_r div {
text-align: center;
font-size: .90em;
color: #aaa;
}

div#footer_r a:link, div#footer_r a:visited  {
color: #fff;
}

#pathway {
padding: 0px 10px 8px;
width: auto;
text-align: left;
}

#search {
float: right;
width:320px;
margin-top: -20px;
margin-right: 20px;
height: 40px;
overflow: hidden;
text-align:right;
}

#area {
padding: 0;
width:100%;
background: transparent url(../images/leftcolumn_bg.jpg) top left repeat;
}

#whitebox {
margin: 0;
width: auto;
}

#whitebox div {
text-align: left;
}

#whitebox_t {
background: #ebebeb url(../images/header_top_middle.jpg) 0 0 repeat-x;
}

#whitebox_tl {
background: url(../images/header_top_left.jpg) 0 0 no-repeat;
}

#whitebox_tr {
height: 17px;
padding:12px 0 0 0;
overflow: hidden;
background: url(../images/header_top_right.jpg) 100% 0 no-repeat;
}

#whitebox_m {
width: auto;
padding: 0;
margin:0 8px;
}


#whitebox_br {
height: 13px;
background: url(../images/mw_content_b_r.png) 100% 100% no-repeat;
}

/* horizontal pill menu */
table.pill {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

td.pill_m {
  padding: 0;
  margin: 0;
  width: auto;
}


#pillmenu {
  white-space: nowrap;
  float: left;
}

#pillmenu ul {
  margin: 0;
  padding: 0;
  list-style:none;
}

#pillmenu li {
float: left;
margin: 0;
padding: 0;
}

#pillmenu a {
  font-family: Tahoma, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  float:left;
  display:block;
  line-height: 32px;
  padding: 0px 15px;
  color: #fefefe;
  text-decoration: none;
}

#pillmenu a:hover {
  color: #fff;
  background: transparent url(../images/top_menu_arrow.gif) top center no-repeat;
}

#pillmenu a#active_menu-nav {
}

#leftcolumn ,#rightcolumn {
margin: 0;
width: 200px;
padding:10px;
float:left;
}

div#maincolumn {
padding:10px 0;
float:left;
width: 524px;
}

div#maincolumn_full {
padding:10px 0;
width: 734px;
float:left;
}

div.nopad {
padding: 0;
}

td.middle_pad {
width: 20px;
}

/*****************************************/
/*** Joomla! specific content elements ***/
/*****************************************/

div.offline {
background: #fffebb;
width: 100%;
position: absolute;
top: 0;
left: 0;
font-size: 1.2em;
padding: 5px;
}

span.pathway {
  display: block;
  margin: 0 20px;
  height: 16px;
  line-height: 16px;
  font-size:12px;
  overflow: hidden;
}

/* headers */
div.componentheading {
  padding-left: 0px;
}

h1 {
padding: 0;
font-family:Helvetica ,Arial,sans-serif;
font-size: 1.3em;
font-weight: bold;
vertical-align: bottom;
color: #666;
text-align: left;
width: 100%;
}

h2, .contentheading {
padding: 0;
font-family: Tahoma, Helvetica,sans-serif;
font-size: 12px;
font-weight: bold;
vertical-align: bottom;
color: #569d00;
text-align: left;
width: 100%;
}

table.contentpaneopen h3 {
margin-top: 25px;
}

h4 {
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

h3, .componentheading, table.moduletable th, legend {
  margin: 0;
  font-weight: bold;
  font-family: Tahoma,Helvetica,Arial,sans-serif;
  color:#569d00;
  font-size: 1.4em;
  padding-left: 0px;
margin-bottom: 10px;
text-align: left;
}

/* small text */
.small {
font-size: .90em;
color: #999;
font-weight: normal;
text-align: left;
}

.modifydate {
  height: 20px;
  vertical-align: bottom;
font-size: .90em;
color: #999;
font-weight: normal;
text-align: left;
}

.createdate {
height: 20px;
vertical-align: top;
font-size: .90em;
color: #999;
font-weight: normal;
vertical-align: top;
padding-bottom: 5px;
padding-top: 0px;

}

a.readon {
margin-top: 10px;
display: block;
float: left;
background: url(../images/mw_readon.png) top right no-repeat;
padding-right: 20px;
line-height: 14px;
height: 16px;
}

/* form validation */
.invalid { border-color: #ff0000; }
label.invalid { color: #ff0000; }


/** overlib **/

.ol-foreground {
background-color: #f6f6f6;
}

.ol-background {
background-color: #666;
}

.ol-textfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
}

.ol-captionfont {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #f6f6f6;
font-weight: bold;
}
.ol-captionfont a {
color: #0B55C4;
text-decoration: none;
font-size: 12px;
}

.ol-closefont {}

/* menu links */
a.mainlevel:link, a.mainlevel:visited {
padding-left: 5px;
}

a.mainlevel:hover {

}

/* spacers */
span.article_separator {
display: block;
height: 20px;
}

.article_column {
padding-right: 5px;
}

.column_separator {
border-left: 1px dashed #e0e0e0;
padding-left: 10px;
}

td.buttonheading {

}

.clr {
clear: both;
}


div#maindivider {
  border-top: 1px solid #ddd;
  margin-bottom: 10px;
  overflow: hidden;
  height: 1px;
}

table.blog span.article_separator {
display: block;
height: 20px;
}

/* table of contents */
table.contenttoc {
  margin: 5px;
  border: 1px solid #ccc;
  padding: 5px;
}

table.contenttoc td {
  padding: 0 5px;
}


/* content tables */
td.sectiontableheader {
  background: #efefef;
  color: #333;
  font-weight: bold;
  padding: 4px;
  border-right: 1px solid #fff;
}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {
  padding: 4px;
}

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
  padding: 3px;
}


/* content styles */
table.contentpaneopen, table.contentpane {
margin: 0;
padding: 0;
width: auto;
}

table.contentpaneopen li {
margin-bottom: 5px;
}

table.contentpaneopen fieldset {
border: 0;
border-top: 1px solid #ddd;
}

table.contentpaneopen h3 {
margin-top: 25px;
}

table.contentpaneopen h4 {
font-family: Arial, Helvetica, sans-serif;
color: #333;
}

.highlight {
background-color: #fffebb;
}

/* module control elements */
table.user1user2 div.moduletable {
margin-bottom: 0px;
}

div.moduletable, div.module {
  margin-bottom: 25px;
}

div.module_menu {
margin: 0;
padding: 0;
margin-bottom: 15px;
}

div.module_menu div div div {
padding: 0px;
padding-top: 30px;
padding-bottom: 10px;
width: auto;
}

div.module_menu div div div div {
background: none;
padding: 0;
}

div.module_menu ul {
margin: 10px 0;
padding-left: 10px;
list-style:none;
}

div.module_menu ul li {
margin: 0;
padding: 0;
}

div.module_menu ul li a:link, div.module_menu ul li a:visited {
font-weight: bold;
background:transparent url(../images/blue/bullet2.jpg) top left no-repeat;
padding:2px 0 2px 25px;
line-height:24px;

}

#leftcolumn div.module table ,#rightcolumn div.module table {
width: auto;
}

#leftcolumn h3, #rightcolumn h3 {
margin: 0;
color:#fefefe;
font-weight: bold;
font-family: Helvetica,Arial,sans-serif;
font-size: 1.1em;
background:#eeeeee;
padding:2px 0 2px 10px;
line-height:20px;
text-align: left;
background:transparent url(../images/menu_t.jpg) top left repeat-x;

}


#leftcolumn .moduletable_menu, #leftcolumn .moduletable, #leftcolumn .moduletable_text, #leftcolumn .c, 
#rightcolumn .moduletable_menu, #rightcolumn .moduletable, #rightcolumn .moduletable_text, #rightcolumn .c {
margin:0 0 20px 0;
padding: 3px;
border:1px solid #ccc;
background:#fefefe;	
}

#leftcolumn ul.menu, #rightcolumn ul.menu {
margin:0;
padding:0;
list-style:none;
border:1px solid #ccc;
border-top:none;
}

#leftcolumn ul.menu li, #rightcolumn ul.menu li {
margin:0;
padding:0;
background: #f5f5f5;
}

#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
display:block;
line-height:20px;
background:#f5f5f5 url(../images/menu_link_bg.gif) left no-repeat;
padding:2px 20px;
border-top:1px solid #dddddd;
text-decoration:none;
color:#569d00;
}

#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
background:#eeeeee url(../images/menu_link_bg.gif) left no-repeat;
color:#666666;
}

/* ****** left col current menu ****** */
#leftcolumn ul.menu li#current a, #leftcolumn ul.menu li#current a:link, 
#rightcolumn ul.menu li#current a, #rightcolumn ul.menu li#current a:link {
display:block;
line-height:20px;
background:#f5f5f5 url(../images/menu_curren_link_bg.gif) left no-repeat;
padding:2px 20px;
border-top:1px solid #dddddd;
text-decoration:none;
color:#ff8800;
}

#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
background:#eeeeee url(../images/menu_curren_link_bg.gif) left no-repeat;
color:#666666;
}

/* ****** left col sub menu ****** */
#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
margin:0;
padding:0 0 0 0px;
list-style:none;
}

#leftcolumn ul.menu li#current ul li a, #leftcolumn ul.menu li#current ul li a:link,
#rightcolumn ul.menu li#current ul li a, #rightcolumn ul.menu li#current ul li a:link {
background:#f5f5f5 url(../images/menu_sub_link_bg.gif) left no-repeat;
text-decoration:none;
color:#569d00;
padding:2px 25px;
}

#leftcolumn ul.menu li#current ul li a:hover, #rightcolumn ul.menu li#current ul li a:hover {
background:#f5f5f5 url(../images/menu_sub_link_bg.gif) left no-repeat;
color:#666666;
}

/* forms */
#leftcolumn .moduletable ul, #rightcolumn .moduletable ul {
margin:6px 0;
padding:0;
list-style:none;
}

#leftcolumn .moduletable ul li, #rightcolumn .moduletable ul li {
margin:0;
padding:0 2px;
}

table.adminform textarea {
  width: 540px;
  height: 400px;
  font-size: 1em;
  color: #000099;
}

div.search input {
width: 145px;
border: 1px solid #ccc;
margin: 15px 0 10px 0;
}

form#form-login fieldset { border: 0 none; margin: 0em; padding: 0.2em;}
form#form-login ul { padding-left: 20px; }

/* thumbnails */
div.mosimage         {  margin: 5px; }
div.mosimage_caption {  font-size: .90em; color: #666; }

div.caption       { padding: 0 10px 0 10px; }
div.caption img   { border: 1px solid #CCC; }
div.caption p     { font-size: .90em; color: #666; text-align: center; }

/* Parameter Table */
table.paramlist {
margin-top: 5px;
}

table.paramlist td.paramlist_key {
width: 128px;
text-align: left;
height: 30px;
}

table.paramlist td.paramlist_value {
}

div.message {
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
font-size : 14px;
color : #c30;
text-align: center;
width: auto;
background-color: #f9f9f9;
border: solid 1px #d5d5d5;
margin: 3px 0px 10px;
padding: 3px 20px;
}

/* Banners module */

/* Default skyscraper style */
.bannergroup {
}

.banneritem {
}

/* Text advert style */

.banneritem_text {
padding: 4px;
font-size: 11px;
}

.bannerfooter_text {
padding: 4px;
font-size: 11px;
background-color: #F7F7F7;
text-align: right;
}

/* System Messages */
/* see system general.css */

.pagination span { padding: 2px; }
.pagination a    { padding: 2px; }

/* Polls */
.pollstableborder td {
text-align: left;
}

/* Frontend Editing*/
fieldset {
border: 1px solid #ccc;
margin-top: 15px;
padding: 15px;
}

legend {
margin: 0;
padding: 0 10px;
}

td.key {
border-bottom:1px solid #eee;
color: #666;
}

/* Tooltips */
.tool-tip {
float: left;
background: #ffc;
border: 1px solid #D4D5AA;
padding: 5px;
max-width: 200px;
}

.tool-title {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: bold;
margin-top: -15px;
padding-top: 15px;
padding-bottom: 5px;
background: url(../../system/images/selector-arrow.png) no-repeat;
}

.tool-text {
font-size: 100%;
margin: 0;
}

/* System Standard Messages */

#system-message dd.message ul { background: #C3D2E5 url(../../images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}



/* ****************************************************************************** */
/* blue */
input,button {
border:1px solid #dcdcdc;
background:transparent;
}


/* blue */
a:link, a:visited {
color: #569d00;
}

a:hover {
color: #0b3768;
}

#pillmenu a#active_menu-nav {
  color: #fff;
  background: transparent url(../images/top_menu_arrow.jpg) top center no-repeat;
}

#pillmenu a#active_menu-nav:hover {
  color: #fff;
  background: transparent url(../images/top_menu_arrow.gif) top center no-repeat;
}

h3, .componentheading, table.moduletable th {
  color: #569d00;
}

div.module_menu {
background: url(../images/blue/module_mright_bg.jpg) 100% 100% no-repeat;
}

div.module_menu div {
background: url(../images/blue/module_mleft_bg.jpg) 0 100% no-repeat;
}

div.module_menu div div {
background: url(../images/blue/module_right_bg.jpg) 100% 0 no-repeat;
}

div.module_menu div div div {
background: url(../images/blue/module_left_bg.jpg) 0 0 no-repeat;
}

/* ********************************************************************************* */
/* blue */

div#wrapper {
background: url(../images/left_shadow.jpg) 0 0 repeat-y;
}

div#wrapper_r {
background: url(../images/right_shadow.jpg) 100% 0 repeat-y;
}

div#header {
background: #569d00 url(../images/header_top_middle_shadow_bg.jpg) bottom left repeat-x;
height:164px;
}

div#header_r {
background: transparent url(../images/header_r_bg.jpg) top right no-repeat;
height:164px;
}
div#header_l {
background: transparent url(../images/header_l_bg.jpg) top left no-repeat;
height:164px;
}
div#logo_bg {
background: transparent url(../images/logo.jpg) top center no-repeat;
height:164px;	
}

div#logo_bg div {
text-align: center;
}

div#footer {
background: url(../images/footer_m_bg.jpg) 0 100% repeat-x;
}

div#footer_l {
background: url(../images/footer_l_bg.jpg) 0 0 no-repeat;
}

div#footer_r {
background: url(../images/footer_r_bg.jpg) 100% 0 no-repeat;
}

/* ********************************************************************** */

input[type="checkbox"], input[type="radio"]{
   background: transparent;
   border: none;
}

/* -------------------------- */
a.sgfooter:link, a.sgfooter:visited {
color			: #549701;
font-family: Arial,sans-serif;
text-decoration:none;
}
a.sgfooter:hover {
color: #549701;
font-family: Arial,sans-serif;
text-decoration:none;
}
#sgf {
font-size: 11px;
text-align:center;
width:100%;
margin:0px auto;
color: #549701;
font-family: Arial,sans-serif;
}
.sgf {
text-align:right;
font-size: 11px;
font-family: Arial,sans-serif;
color: #549701;
text-decoration:none;
}
.sgf1 {
font-size: 11px;
font-family: Arial,sans-serif;
color: #549701;
text-align:left;
}

a.sglink:link, a.sglink:visited {
color			: #549701;
font-size		: 11px;
font-family: Arial,sans-serif;
text-decoration:none;
}
a.sglink:hover {
color			: #549701;
font-family: Arial,sans-serif;
text-decoration:none;
}

Dentro da pasta html:

<?php
/**
* @version		$Id: modules.php 6140 2007-01-02 03:44:18Z eddiea $
* @package		Joomla
* @copyright	Copyright (C) 2005 - 2007 Open Source Matters. All rights reserved.
* @license		GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/

// no direct access
defined('_JEXEC') or die('Restricted access');

/**
* This is a file to add template specific chrome to module rendering.  To use it you would
* set the style attribute for the given module(s) include in your template to use the style
* for each given modChrome function.
*
* eg.  To render a module mod_test in the sliders style, you would use the following include:
* <jdoc:include type="module" name="test" style="slider" />
*
* This gives template designers ultimate control over how modules are rendered.
*
* NOTICE: All chrome wrapping methods should be named: modChrome_{STYLE} and take the same
* two arguments.
*/

/*
* Module chrome for rendering the module in a slider
*/
function modChrome_slider($module, &$params, &$attribs)
{
jimport('joomla.html.pane');
// Initialize variables
$sliders = & JPane::getInstance('sliders');
$sliders->startPanel( JText::_( $module->title ), 'module' . $module->id );
echo $module->content;
$sliders->endPanel();
}
?>

<?php
/**
* @version		$Id: pagination.php 7692 2007-06-08 20:41:29Z tcp $
* @package		Joomla
* @copyright	Copyright (C) 2005 - 2007 Open Source Matters. All rights reserved.
* @license		GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/

// no direct access
defined('_JEXEC') or die('Restricted access');

/**
* This is a file to add template specific chrome to pagination rendering.
*
* pagination_list_footer
* 	Input variable $list is an array with offsets:
* 		$list[limit]		: int
* 		$list[limitstart]	: int
* 		$list[total]		: int
* 		$list[limitfield]	: string
* 		$list[pagescounter]	: string
* 		$list[pageslinks]	: string
*
* pagination_list_render
* 	Input variable $list is an array with offsets:
* 		$list[all]
* 			[data]		: string
* 			[active]	: boolean
* 		$list[start]
* 			[data]		: string
* 			[active]	: boolean
* 		$list[previous]
* 			[data]		: string
* 			[active]	: boolean
* 		$list[next]
* 			[data]		: string
* 			[active]	: boolean
* 		$list[end]
* 			[data]		: string
* 			[active]	: boolean
* 		$list[pages]
* 			[{PAGE}][data]		: string
* 			[{PAGE}][active]	: boolean
*
* pagination_item_active
* 	Input variable $item is an object with fields:
* 		$item->base	: integer
* 		$item->link	: string
* 		$item->text	: string
*
* pagination_item_inactive
* 	Input variable $item is an object with fields:
* 		$item->base	: integer
* 		$item->link	: string
* 		$item->text	: string
*
* This gives template designers ultimate control over how pagination is rendered.
*
* NOTE: If you override pagination_item_active OR pagination_item_inactive you MUST override them both
*/

function pagination_list_footer($list)
{
// Initialize variables
$lang =& JFactory::getLanguage();
$html = "<div class=\"list-footer\">\n";

if ($lang->isRTL())
{
	$html .= "\n<div class=\"counter\">".$list['pagescounter']."</div>";
	$html .= $list['pageslinks'];
	$html .= "\n<div class=\"limit\">".JText::_('Display Num').$list['limitfield']."</div>";
}
else
{
	$html .= "\n<div class=\"limit\">".JText::_('Display Num').$list['limitfield']."</div>";
	$html .= $list['pageslinks'];
	$html .= "\n<div class=\"counter\">".$list['pagescounter']."</div>";
}

$html .= "\n<input type=\"hidden\" name=\"limitstart\" value=\"".$list['limitstart']."\" />";
$html .= "\n</div>";

return $html;
}

function pagination_list_render($list)
{
// Initialize variables
$lang =& JFactory::getLanguage();
$html = "<span class=\"pagination\">";

// Reverse output rendering for right-to-left display
if($lang->isRTL())
{
	$html .= '« '.$list['start']['data'];
	$html .= ' '.$list['previous']['data'];

	$list['pages'] = array_reverse( $list['pages'] );

	foreach( $list['pages'] as $page ) {
		if($page['data']['active']) {
			$html .= '<strong>';
		}

		$html .= ' '.$page['data'];

		if($page['data']['active']) {
			$html .= '</strong>';
		}
	}

	$html .= ' '.$list['next']['data'];
	$html .= ' '.$list['end']['data'];
	$html .= ' »';
}
else
{
	$html .= '« '.$list['start']['data'];
	$html .= $list['previous']['data'];

	foreach( $list['pages'] as $page )
	{
		if($page['data']['active']) {
			$html .= '<strong>';
		}

		$html .= $page['data'];

		if($page['data']['active']) {
			$html .= '</strong>';
		}
	}

	$html .= $list['next']['data'];
	$html .= $list['end']['data'];
	$html .= ' »';
}

$html .= "</span>";
return $html;
}

function pagination_item_active(&$item) {
return "<a href=\"".$item->link."\" title=\"".$item->text."\">".$item->text."</a>";
}

function pagination_item_inactive(&$item) {
return "<span>".$item->text."</span>";
}
?>

____________________________________________________

Index:

<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
JPlugin::loadLanguage( 'tpl_SG1' );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />

<link rel="stylesheet" href="templates/system/css/system.css" type="text/css" />
<link rel="stylesheet" href="templates/system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />

</head>
<body id="page_bg">
<a name="up" id="up"></a>
<div class="center" align="center">			
<div id="wrapper">
<div id="wrapper_r">

	<div id="whitebox">
		<div id="whitebox_t">
			<div id="whitebox_tl">
				<div id="whitebox_tr">
					<jdoc:include type="module" name="breadcrumbs" />
				</div>
			</div>
		</div>

	<div id="header">
		<div id="header_r">
			<div id="header_l">
				<div id="logo_bg">
					<div id="logo">
						<div style="position:absolute;top:100px;left:0;z-index:1;width:100%;"></div>
						<a href="index.php"><?php echo $mainframe->getCfg('sitename') ;?></a>
					</div>
				</div>
			</div>
		</div>
	</div>

	<div id="tabarea">
		<div id="tabarea_r">
			<div id="tabarea_l">
				<table cellpadding="0" cellspacing="0" class="pill">
					<tr>
						<td class="pill_m">
						<div id="pillmenu">
							<jdoc:include type="modules" name="user3" />
						</div>
						</td>
					</tr>
				</table>
			</div>
		</div>
	</div>	


		<div id="whitebox_m">
			<div id="area">
					<?php if($this->countModules('left') and JRequest::getCmd('layout') != 'form') : ?>
						<div id="leftcolumn" style="float:left;">
							<jdoc:include type="modules" name="left" style="xhtml" />
<br /><?php $sg = "banner"; include "templates.php"; ?><br />

						</div>
					<?php endif; ?>

					<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
					<div id="maincolumn">
					<?php else: ?>
					<div id="maincolumn_full">
					<?php endif; ?>
						<div class="nopad">
							<jdoc:include type="message" />
							<?php if($this->params->get('showComponent')) : ?>
								<jdoc:include type="component" />
							<?php endif; ?>
						</div>
					</div>
					<?php if($this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
						<div id="rightcolumn" style="float:right;">
									<jdoc:include type="modules" name="right" style="xhtml" />								
						</div>
					<?php endif; ?>
<div class="clr"></div>
			</div>
		</div>

</div>
<div id="footer">
	<div id="footer_l">
		<div id="footer_r">
			<p style="float:left; padding:12px 25px;">
				<jdoc:include type="modules" name="syndicate" />
			</p>
			<p style="float:right; padding:16px 25px;color:#fff;">	 			 	
				Valid <a href="http://validator.w3.org/check/referer">XHTML</a> and <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>.
			</p>
		</div>
	</div>
</div>			
	</div>
</div>
<div id="sgf"><?php $sg = ''; include "templates.php"; ?></div>
</div>
<jdoc:include type="modules" name="debug" />
</body>
</html>

templates.php

<?if( $sg == 'banner' ):?>
<br />
<table cellpadding="0" cellspacing="0" style="margin:0 auto">
<tr>
	<td style="font-size:11px;color:#999;font-family:Tahoma,Arial,Verdana;line-height:16px;text-align:center;">Designed by:</td>
</tr>
<tr>
	<td>
		<div style="background:transparent url(templates/<?php echo $this->template ?>/images/sg_background.gif) no-repeat;width:82px;height:16px;font-size:11px;color:#999;font-family:Tahoma,Arial,Verdana;padding:0 0 0 28px;line-height:16px;text-align:center;">
			<a href="http://www.siteground.com" style="text-decoration:none;">web hosting</a>
		</div>
	</td>
</tr>
</table>
<?else:?>
	<?php echo $mainframe->getCfg('sitename') ;?>, Powered by <a href="http://joomla.org/" class="sgfooter" target="_blank">Joomla!</a> and designed by SiteGround <a href="http://www.siteground.com/joomla-hosting/joomla-templates.htm" target="_blank" class="sgfooter">Joomla Templates</a>
<?endif;?>

_______________________

<?xml version="1.0" encoding="utf-8"?>
<install version="1.5" type="template">
<name>siteground-j15-18</name>
<version>1.0.0</version>
<creationDate>30/10/07</creationDate>
<author>SiteGround</author>
<authorEmail>templates@siteground.com</authorEmail>
<authorUrl>http://www.siteground.com</authorUrl>
<copyright>SiteGround</copyright>
<license>SG TOS</license>
<description>TEMPLATE_DESCRIPTION</description>
<files>
	<filename>index.php</filename>
	<filename>templateDetails.xml</filename>
	<filename>template_thumbnail.png</filename>
	<filename>params.ini</filename>
	<filename>templates.php</filename>

	<filename>images/banner_01.jpg</filename>
	<filename>images/banner_02.jpg</filename>
	<filename>images/arrow.png</filename>
	<filename>images/bg.jpg</filename>
	<filename>images/footer_l_bg.jpg</filename>
	<filename>images/footer_m_bg.jpg</filename>
	<filename>images/footer_r_bg.jpg</filename>
	<filename>images/header_l_bg.jpg</filename>
	<filename>images/header_lr_bg.jpg</filename>
	<filename>images/header_r_bg.jpg</filename>
	<filename>images/header_top_left.jpg</filename>
	<filename>images/header_top_middle.jpg</filename>
	<filename>images/header_top_middle_shadow_bg.jpg</filename>
	<filename>images/header_top_right.jpg</filename>
	<filename>images/indent1.png</filename>
	<filename>images/indent2.png</filename>
	<filename>images/indent3.png</filename>
	<filename>images/indent4.png</filename>
	<filename>images/index.html</filename>
	<filename>images/left_bg.jpg</filename>
	<filename>images/left_shadow.jpg</filename>
	<filename>images/leftcolumn_bg.jpg</filename>
	<filename>images/logo.jpg</filename>
	<filename>images/menu_curren_link_bg.gif</filename>
	<filename>images/menu_link_bg.gif</filename>
	<filename>images/menu_sub_link_bg.gif</filename>
	<filename>images/menu_t.jpg</filename>
	<filename>images/mw_readon.png</filename>
	<filename>images/right_shadow.jpg</filename>
	<filename>images/spacer.png</filename>
	<filename>images/top_menu_arrow.gif</filename>
	<filename>images/top_menu_l_bg.jpg</filename>
	<filename>images/top_menu_m_bg.jpg</filename>
	<filename>images/top_menu_r_bg.jpg</filename>

	<filename>css/index.html</filename>
	<filename>css/template.css</filename>
	<filename>css/editor.css</filename>
<filename>images/sg_background.gif</filename>
</files>
<languages>
	<language tag="en-GB">en-GB.tpl_siteground-j15-18.ini</language>
</languages>
<administration>
    <languages folder="admin">
		<language tag="en-GB">en-GB.tpl_siteground-j15-18.ini</language>
	</languages>
    </administration>

<positions>
	<position>breadcrumbs</position>
	<position>user3</position>
	<position>left</position>
	<position>right</position>
	<position>syndicate</position>
	<position>debug</position>
</positions>

</install>

SE alguém poder ajudar, agradeço :D

Share this post


Link to post
Share on other sites
KiNgPiTo

Não percebi... Se já encontraste um template para o joomla, qual é o problema?

Share this post


Link to post
Share on other sites
KiNgPiTo

Vais ter de editar os css que o template trás e talvez o próprio html do template...

Instalas esse template, vais ao gestor de temas->o teu tema->editar css, e começas a vasculhar aquilo.

Share this post


Link to post
Share on other sites
HilarYo

lool

já não e preciso, isso de cortar as imagens direitas era do CSS. Para alinhar as imagens e tall LOLL

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.