Como faço p/ trocar o arquivo do banner superior do template

Muito obrigado pela resposta e pela ajuda. Vamos seguir estudando e todos ajudando um outro neste cenário.

Valeu Amigo.

MARCELO

marcelo.lumertz escreveu: Olá, prezados amigos.

Estou com a seguinte dúvida e preciso que alguém me ajude.

Instalei o wamp server no meu computador, instalei o joomla 1.5 em PT. Está tudo funcionando perfeito.

Acontece que preciso trocar o banner fixo do template, produzido em jpg por um arquivo em flash (swf).

E não está dando certo. Alterei o caminho no css e no html, o arquivo em flash não roda.

Pergunto, como devo proceder para substituir o arquivo em jpg para o flash.

Grato.

MARCELO

Obrigado amigo pelas informações.

Grato.

MARCELO

explorerweb escreveu: Olá,

Amigo eu tb tive esse problema e resolvi alterando o PHP..... olha o que eu fiz <!-- w --> www.explorerwebarts.com.br/exb <!-- w -->
Hoje a Noite vou montar um tutorial Basico para ajudar

Carlos

Olá amigo, muito obriogado pelas informações enviadas e pela ajuda dedicada.

Fico feliz pelo contato, e no mais é isso vamos continuar trabalhando em prol de nossos estudos com o Joomla.

Valeu, vou tentar e te mantenho informado.

Um forte abraço.

MARCELO

explorerweb escreveu: Aki um tutorial simples de como mudar o Banner de JPG para SWF.

Primeira Parte é descobrirmos qual é o nome do <div> que aciona o banner dentro do PHP.
Abre o seu arquivo .CSS, do template, e procure o nome da imagem aki no meu caso era a img05.jpg.

depois fui no arquivo PHP, que se encontra dentro do template que estamos incluindo o SWF, e encontrei a sentença <div =id-logo>, troquei esse div pela a linha que comando que carrega o SWF via html e assim ficou

<object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="820" height="200">
<param name="movie" value=" www.explorerwebarts.com.br/max/loader_mx2004.swf " />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="7.0.70.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="../../Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="loader_mx2004.swf" width="820" height="200">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="7.0.70.0" />
<param name="expressinstall" value="../../Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href=" www.adobe.com/go/getflashplayer "><img src=" www.adobe.com/images/shared/download_but...get_flash_player.gif " alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object>
</div>
<script type="text/javascript">
<!--
swfobject.registerObject("FlashID");
//-->
</script>

Detalhe temos que localizar o swf como é apresentado acima em vermelho.

Como o Joomla aplica o Template na raiz principal temos que colocar o SWF junto a ela para funcionar.

Boa Sorte a Todos..

Qualquer estou as ordens

Carlos

boa tarde eu tambem nao consegui colocar um swf no meu template.. olha o link <!-- w -->[url=http://www.grupoemanuel.com.br" onclick="window.open(this.href);return false;]www.grupoemanuel.com.br[/url]<!-- w -->

meu template css é esse

body {
font-family:Tahoma, Verdana, Arial, sans-serif;
line-height: 1.3em;
margin: 0;
padding: 0;
font-size: 11px;
color: #666;
background: #fff;
}

body.contentpane {
background: #fff;
}

form {
margin: 0;
padding: 0;
}

img,table {
border: none;
}

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

a {
color: #65afee;
outline: none;
text-decoration: none;
font-weight: 400;
}

a:link {
font-weight: 400;
}

a:visited {
font-weight: 400;
color: #3e3d3d;
}

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

input {
color: #ccc;
outline: none;
margin: 0;
}

input:focus {
outline: none;
}

button {
color: #fff;
font-size: 11px;
border: none;
background: #696969;
cursor: pointer;
}


#modlgn_remember.inputbox {
background: none;
border: none;
width: auto;
vertical-align:middle;
}

input.button, .validate {
color: #fff;
font-size: 11px;
cursor: pointer;
font-weight: 700;
border: none;
height:20px;
line-height:19px;
padding: 2px 4px 4px;
margin:6px 0 0 0;
}

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

#page_bg {
background: transparent url(../images/content_bg.png) repeat top center;
}

#header {
position:relative;
margin:0 auto;
height:400px;
width:980px;
background: transparent url(../images/headerimg2.jpg) no-repeat top center;
}

#pillmenu {
padding:5px 160px 0;
width:660px;
height:36px;
overflow:hidden;
}

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

#pillmenu li {
float: left;
}

#pillmenu li a {
float:left;
cursor:pointer;
color: #e3e1e1;
font-size:11px;
font-family: Tahoma, Verdana, Arial, sans-serif;
text-decoration: none;
height:36px;
line-height:35px;
padding: 0 20px;
}

#pillmenu li a:hover,#pillmenu li a#active_menu-nav{
color:#65afee;
float:left;
text-decoration: underline;
color:#65afee;
}


.logo {
width:960px;
height:80px;
overflow:hidden;
margin:0 auto;
}
.logo table tr td {
width:960px;
height:80px;
vertical-align:middle;
}

.logo h1 {
text-align:center;
color:#fff;
margin:0;
font-family:"Trebuchet Ms", Tahoma, Verdana, Arial, sans-serif;
}

.logo a, .logo a:link, .logo a:visited {
color:#fff;
line-height:36px;
font-size:26px;
font-weight:700;
text-decoration:none;
}

.logo a:hover {
text-decoration:none;
}

.newsflash {
position:absolute;
height:50px;
width:980px;
bottom:20px;
left:0;
}

.newsflash h3 {
color:#ccc;
overflow:hidden;
font-size:11px;
line-height:13px;
margin:0 0 6px;
font-weight:700;
text-transform:uppercase;
text-align:left;
}

.newsflash table tr td {
color:#666;
height:50px;
margin:0;
padding:0;
text-align:justify;
}

.newsflash p {
margin:0;
}

.newsflash a {
color:#666;
font-weight:700;
text-decoration:none;
}

.newsflash div.module {
height:50px;
margin:0;
text-align:justify;
}

.newsflash div.module div {
background:none;
padding:0;
margin:0;
width:980px;
height:50px;
overflow:hidden;
}

.newsflash table.contentpaneopen {
margin:0;
padding:0;
width:980px;
}

.newsflash div.module_menu div div div, .newsflash div.module div div div, .newsflash div.module_text div div div {
margin:0;
padding:0;
}

.newsflash div.module_menu,.newsflash div.module,.newsflash div.module_text {
border:none;
padding:0;
}

#search {
position:absolute;
bottom:102px;
left:414px;
height:22px;
width:152px;
}

.search {
float:left;
height:22px;
width:142px;
padding: 0 0 0 10px;
background: transparent url(../images/inputbox.png) no-repeat top left;
}

.search .inputbox {
float:left;
border: none;
color: #fff;
font-size:11px;
line-height:21px;
height:21px;
width:114px;
padding:1px 6px 0 0;
background:none;
}

.search .button {
float:left;
text-indent:-9999px;
color:#000;
border:none;
height:22px;
width:22px;
padding:0;
margin: 0;
clear:none;
background: transparent url(../images/search_btn.png) no-repeat top left;
}

.search .button:hover {
color:#280000;
}

#content {
background: transparent url(../images/content_bg.png) repeat top left;
}

#cont_holder {
margin:0 auto;
padding:20px 0;
width:980px;
background: transparent url(../images/page_bg.png) repeat top left;
}

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

#rightcolumn {
float:right;
margin:0 0 0 10px;
}

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

div#maincolumn_left, div#maincolumn_right {
padding:10px 0 0 0;
float: left;
width:760px;
}

div#maincolumn_full {
width:980px;
}

div.nopad {
overflow: hidden;
}

div.nopad ul {
clear: both;
}

td.middle_pad {
width: 20px;
}

#footer {
margin:0 auto;
width:960px;
color: #666;
}

#footer p {
text-align:center;
line-height:13px;
overflow:hidden;
margin:0;
padding:10px 0 20px 0;
}

#footer a {
color: #666;
font-weight:400;
text-decoration: none;
}


#footer a:hover {
text-decoration:underline;
}

a.footer123:link, a.footer123:visited {
color: #363e4e;
font-family: Tahoma, Arial, sans-serif;
text-decoration: underline;
}

#f123 {
text-align: right;
width: 100%;
margin: 0 auto;
font-family: Tahoma, Arial, sans-serif;
}
.f123 {
text-align: right;
font-family: Tahoma, Arial, sans-serif;
text-decoration: none;
}
.f123_bg {
background:url(../images/123_bg.png);
width:134px;
height:30px;
text-align:center;
padding: 0 3px;
}
.f123_1 {
display: block;
font-size: 10px;
font-family: Tahoma, Arial, sans-serif;
color: #666;
text-align: left;
padding: 0 0 2px 4px;
}

a.link_123:link, a.link_123:visited {
font-size: 15px;
font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
color: #797979;
text-decoration:none;
font-weight: 700;
}
a.link_123:hover {
font-size: 15px;
font-family: Tahoma, Verdana,Arial,Helvetica,sans-serif;
color: #797979;
text-decoration:none;
font-weight: 700;
}

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

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

/* headers */
div.componentheading {
height: 22px;
margin:0;
color: #fff;
}

table.blog {

}

h1 {
padding: 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 1.3em;
line-height:19px;
font-weight: 700;
vertical-align: bottom;
color: #666;
text-align: left;
width: 100%;
}

h2, .contentheading {
padding: 0;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
vertical-align: middle;
color: #999;
text-align: left;
font-weight: 700;
}

h2, a.contentheading {
background: none;
border: none;
margin:6px 0;
}

table.contentpaneopen h3 {
margin-top: 25px;
color:#6db22f;
}

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

h3, .componentheading, table.moduletable th, legend {
margin:6px 0;
font-family: Tahoma, Arial, sans-serif;
font-size: 11px;
font-weight:700;
text-align: left;
text-transform:uppercase;
color: #333;
padding: 0;
}
/* small text */
.small {
font-size: 10px;
color: #666;
font-weight: 700;
text-align: left;
}

.modifydate {
height: 20px;
vertical-align: bottom;
font-size: 10px;
color: #666666;
text-align: right;
}

.createdate {
vertical-align: top;
font-size: 11px;
color: #555;
padding-bottom: 8px;
}

a.readon {
float: right;
line-height: normal;
font-size: 11px;
padding: 0 0 0 14px;
color: #666666;
text-transform: lowercase;
text-decoration: none;
}

a.readon:hover {
text-decoration: underline;
}

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


/** overlib **/

.ol-foreground {
background-color: #f1f1f1;
color: #333;
}

.ol-background {
background-color: #f1f1f1;
color: #333;
}

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

.ol-captionfont {
font-family: Tahoma, Arial, sans-serif;
font-size: 12px;
color: #fbfbfb;
font-weight: 700;
}
.ol-captionfont a {
background-color: #f1f1f1;
color: #333;
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 {

}

.column_separator {

}

td.buttonheading {
text-align: right;
width: 0;
}

.clr {
clear: both;
font-size:0;
}

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



/* table of contents */
table.contenttoc {
margin: 5px;
padding: 5px;
background: none;
}

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


/* content tables */
td.sectiontableheader {
color: #999;
font-weight: 700;
padding: 4px;
}

tr.sectiontableentry1 td {
padding: 4px;
}

tr.sectiontableentry1 {
background:#222;
}

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

td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {
padding: 3px;
font-size: 11px;
}


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

table.contentpane td{
text-align: left;
}

table.contentpane td.contentdescription {
width: 100%;
}

table.contentpane {
text-align: left;
float: left;
width: 100%;
}

table.contentpane ul li a .category {
color: #FF8800;
}

table.contentpane ul li {
color: #666;
}

table.contentpaneopen {
border-collapse: collapse;
padding: 0;
margin:0 6px;
}

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

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

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

table.contentpaneopen h4 {
font-family: Tahoma, Arial, sans-serif;
color: #363e4e;
}

.highlight {
background-color: #fffebb;
}

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

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

.newsflash div.module_menu,.newsflash div.module,.newsflash div.module_text{
background:none;
}

div.module_menu, div.module, div.module_text{
padding:0;
}

div.module_menu div, div.module div, div.module_text div {
background: transparent url(../images/box_m.png) top center repeat-y;
}

div.module_menu div div,div.module div div,div.module_text div div {
text-align: center;
margin:0 0 20px;
padding:0 0 2px;
background: transparent url(../images/box_b.png) bottom center no-repeat;
}


div.module_menu div div div,div.module div div div,div.module_text div div div {
margin:0;
padding:0 0 6px;
background: transparent url(../images/box_t.png) top center no-repeat;
}

div.module div div div div {
color:#666;
width: 160px;
}

#leftcolumn div.module_menu div div div div,#leftcolumn div.module div div div div,#leftcolumn div.module_text div div div div,
#rightcolumn div.module_menu div div div div,#rightcolumn div.module div div div div,#rightcolumn div.module_text div div div div {
background: none;
margin:0 auto;
padding:0;
color:#666;
}

#leftcolumn div.module_text div div div div, #rightcolumn div.module_text div div div div {
text-align: left;
}

#leftcolumn div.module_text div div div div.bannergroup_text,#rightcolumn div.module_text div div div div.bannergroup_text {
padding: 10px 10px 10px 30px;
width: 160px;
}

#leftcolumn div.module_text div div div div.bannergroup_text div,#rightcolumn div.module_text div div div div.bannergroup_text div {
color:#666;
width: auto;
padding: 0 0 4px;
}

div.module div div div form {
margin:0 auto;
padding:0 0 6px 30px;
text-align:left;
width:170px;
}

div.module_menu ul {
list-style: none;
padding: 0;
}

div.module_menu ul#mainlevel {
margin: 0 auto;
text-align: center;
}

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: 700;
padding: 2px 0;
line-height: 24px;
color:#666;
background: transparent url(../images/blue/bullet2.jpg) top left no-repeat;
}

#leftcolumn div.module table ,#rightcolumn div.module table {
padding: 0 0 6px 0;
background:none;
}

#leftcolumn div.module table td ,#rightcolumn div.module table td {
margin:0;
padding: 0 6px 0 0;
height:20px;
color:#666;
text-align:left;
line-height:13px;
vertical-align: middle;
}

#leftcolumn div.module table.poll {

}

#leftcolumn div.module table.poll td {
text-align: left;
}

/* LEFT COL H3 */
#leftcolumn h3, #rightcolumn h3 {
width:186px;
margin:0 0 6px;
height:32px;
line-height:31px;
padding:0 12px;
font-size: 11px;
font-family: Tahoma, Verdana, Arial, sans-serif;
color: #ccc;
text-align: left;
font-weight:400;
overflow:hidden;
text-transform:none;
background: transparent url(../images/box_h3.png) no-repeat top center;
}

.moduletable_menu, .moduletable, .moduletable_text {
margin: 0 0 16px 0;
padding: 0 0 8px 0;
}

#leftcolumn ul.menu, #rightcolumn ul.menu {
list-style: none;
text-align: left;
margin:0;
padding: 0 0 0 14px;
}

#leftcolumn ul.menu li, #rightcolumn ul.menu li{
padding:0 0 4px;
}

/*LEFT COL LINK*/

#leftcolumn ul.menu li a, #leftcolumn ul.menu li a:link,
#rightcolumn ul.menu li a, #rightcolumn ul.menu li a:link {
display:block;
font-weight: 400;
font-size: 11px;
line-height: 17px;
padding:0 16px;
margin:0;
text-decoration: none;
color: #888;
background: transparent url(../images/menu_arrow.gif) no-repeat left top;
}


#leftcolumn ul.menu li a:hover, #rightcolumn ul.menu li a:hover {
color: #65afee;
}

/*LEFT COL CURRENT LINK*/

#leftcolumn ul.menu li#current, #rightcolumn ul.menu li#current {
}

#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 {
color: #65afee;
padding:0 16px;
}

#leftcolumn ul.menu li#current a:hover, #rightcolumn ul.menu li#current a:hover {
display:block;
color: #65afee;
}

/*LEFT COL SUB LINK*/

#leftcolumn ul.menu li#current ul li {
background: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 {
font-weight: 400;
text-decoration: none;
color: #888;
line-height:17px;
padding:0 10px 0 0;
margin:0 0 0 16px;
width:160px;
background: none;
}

#leftcolumn ul.menu li#current ul li a:hover, #rightcolumn ul.menu li#current ul li a:hover {
color: #65afee;
background: none;
}

#leftcolumn ul.menu li ul li#current, #rightcolumn ul.menu li ul li#current {
}

#leftcolumn ul.menu li.parent ul li, #rightcolumn ul.menu li.parent ul li {
}

#leftcolumn ul.menu li.parent ul li a,
#rightcolumn ul.menu li.parent ul li a {
line-height:17px;
font-size: 11px;
font-weight: 400;
text-decoration: none;
color: #888;
padding:0 16px;
background: none;
}

#leftcolumn ul.menu li.parent ul li a:hover {
color: #65afee;
background: none;
}

/*SUBMENU POSITION*/
#leftcolumn ul.menu li#current ul {
margin: 0;
padding: 0;
}

#leftcolumn ul.menu li#current ul li {
margin: 0;
padding: 0;
}

/*CURRENT SUBMENU POSITION*/
#leftcolumn ul.menu li ul {
margin: 0;
padding: 0;
}


#leftcolumn ul.menu li ul, #rightcolumn ul.menu li ul {
list-style: none;
margin:0;
}


/* 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:#666;
}

/* fix */
.nopad fieldset {
float:left;
border:none;
padding:0;
margin:0 0 30px;
}
.nopad fieldset p {
margin:0 0 10px;
overflow:hidden;
clear:both;
}

.nopad fieldset label {
float: left;
}

.nopad fieldset input {
float:left;
}

.button {
clear:both;
}

.nopad fieldset #remember {
margin:0 0 0 10px;
}

/* fix */

form#form-login fieldset {
border: 0 none;
padding: 0;
margin:0;
color:#666;
text-align: left;
}

form#form-login ul {
padding: 0;
list-style: none;
text-align: left;
margin: 10px auto 0;
}

form#form-login ul li {
padding: 0;
}

form#form-login ul li a {
text-align: left;
padding: 0;
font-size: 11px;
color: #666;
text-decoration: none;
}

form#form-login ul li a:hover {
text-decoration: underline;
}

#form-login input {
border:none;
color:#888;
font-size:11px;
height:14px;
line-height:14px;
padding:2px 4px;
background:#000;
}

input#modlgn_passwd, input#modlgn_username {
width:142px;
}

input.button, #form-login input.button {
float:left;
height:20px;
border:1px solid #000;
font-weight:400;
line-height:15px;
color:#ccc;
width:150px;
padding:0 10px 3px;
margin:10px 0 0px;
background: transparent url(../images/but.gif) repeat-x left top;
}

input.button:hover, #form-login input.button:hover {
color:#666;
}

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

div.caption { padding: 0 10px 0 10px; }
div.caption img { border: 1px solid #CCC; }
div.caption p { font-size: .90em; color: #333; 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: Tahoma, Arial, sans-serif;
font-weight: 700;
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;
}

.banneritem_text a {
font-weight:700;
color:#65afee;
}

.bannerfooter_text {
padding: 4px;
font-size: 11px;
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: 4px;
}

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

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

/* 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: 700;
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 {
padding: 0;
margin: 0;
background: none;
border: none;
}

/* System Error Messages */
#system-message dd.error ul {
color: #c00;
background: none;
border: none;
padding: 0;
margin: 0;
}

/* System Notice Messages */
#system-message dd.notice ul {
color: #c00;
background: none;
border: none;
padding: 0;
margin: 0;
}

#system-message dd {
text-indent: 0;
}

#system-message dd ul {
list-style-type: none;
color: #c00;
background: none;
border: none;
}

#system-message {
margin-top: 5px;
}

meu index php é esse

<?php
defined( '_JEXEC' ) or die( 'Restricted access' );
JPlugin::loadLanguage( 'tpl_SG1' );
define( 'path', dirname(__FILE__) );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> ;
<html xmlns=" 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/<?php echo $this->template ?>/css/template.css" type="text/css" />
</head>

<body id="page_bg">
<div id="header">
<div class="logo">
<table cellpadding="0" cellspacing="0">
<tr>
<td>
<h1><a href="index.php"><?php echo $mainframe->getCfg('sitename') ;?></a></h1>
</td>
</tr>
</table>
</div>
<div id="pillmenu"><jdoc:include type="modules" name="user3" /></div>
<div id="search"><jdoc:include type="modules" name="user4" /></div>
<div class="clr"></div>
<div class="newsflash<?php if(!$this->countModules('user1') and JRequest::getCmd('layout') != 'form') : ?> only<?php endif; ?>">
<jdoc:include type="modules" style="rounded" name="top" />
</div>
</div>

<div id="content">
<div id="cont_holder">

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

<?php if($this->countModules('left') and $this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<div id="maincolumn">
<?php elseif($this->countModules('left') and !$this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<div id="maincolumn_left">
<?php elseif(!$this->countModules('left') and $this->countModules('right') and JRequest::getCmd('layout') != 'form') : ?>
<div id="maincolumn_right">
<?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">
<jdoc:include type="modules" name="right" style="rounded" />
</div>
<?php endif; ?>
<div class="clr"></div>

</div>
</div>
<div id="footer_bg">
<div id="footer">
<div id="sgf">
<p>
<jdoc:include type="modules" name="debug" />
<?php $sg = ''; include "templates.php"; ?>
<a href=" validator.w3.org/check/referer">valid xhtml</a>
<a href=" jigsaw.w3.org/css-validator/check/referer">valid css</a>
</p>
</div>
</div>
</div>
</body>
</html>
por favor me digam como eu vou colocar um baner em swf