Como inserir mais de um background?

Dúvidas e Comentários sobre Temas e Design para o Joomla! 1.5.x
milicanogueira
Novato
Mensagens: 21
Registrado em: 06 Set 2006, 14:34

Como inserir mais de um background?

Mensagem por milicanogueira »

Boa tarde,

Estou ajustando um template que achei interessante por conta de um componente que tem a galeria integrada no layout, entretanto, estou tendo dificuldades para alterar os fundos.
Eu queria que ficasse exatamente como esse site do joomla brasil, duas barras em 100% em cima e em baixo e no meio mais estreito.
Se alguém souber como me ajudar.. seria maravilhoso!
obrigada por enquanto!


O códio da index é:





id ) { initEditor(); } ?>
" />

" ; ?>" ; ?>
/templates/joomla-gallery/swfobject.js">



 
 
    SimpleViewer requires Macromedia Flash. Get Macromedia Flash. If you have Flash installed, click to view gallery.

var fo = new SWFObject("/templates/joomla-gallery/viewer.swf", "viewer", "900", "400", "7", "#aca974");
fo.addVariable("preloaderColor", "0xffffff");
fo.addVariable("xmlDataPath", "/templates/joomla-gallery/gallery.xml");
fo.write("flashcontent");









 
 
   
 










E da css:


#wrap {
width : 900px;
margin : 0 auto;
}
body {
background-position : center;
background: url(../images/fundo.jpg) repeat-y top;
background-color:#837e44;
margin : 0;
padding : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 75%;
line-height : 150%;
}

#logo {
width : 900px;
height : 150px;
position : relative;
}
#title {
float : left;
width : 50%;
}
#flash {
float : center;
width : 100%;
font-size : 85%;
}
#logo h1 {
font-family : "Arial Narrow", Verdana, Arial, Helvetica, sans-serif;
font-weight : lighter;
font-size : 300%;
padding-top : 40px;
padding-left : 10px;
color : #ff9900;
}
#gallery {
width : 900px;
position : relative;
border : 0px solid #ccc;
background-color:#837e44;
}
#menu {
width : 900px;
position : relative;
border : 0px solid #ccc;
}
#content {
width : 900px;
position : relative;
padding-top : 30px;
background-color:#837e44;
background: url(../images/fundo_meio.jpg) repeat-y;
}
#text {
width : 600px;
float : left;
padding-bottom : 30px;
padding-left : 40px;
}
#side {
float : right;
width : 180px;
padding-bottom : 30px;
padding-right : 50px;
}
#footer {
width : 100%;
padding-top:0px;
padding: 0;
background: white url(../images/rodape.jpg) repeat-x;
}
 
ul#mainlevel-nav {
list-style : none;
padding : 0;
margin : 0;
font-size : 0.8em;
}
ul#mainlevel-nav li {
background-image : none;
padding-left : 0;
padding-right : 0;
float : left;
margin : 0;
font-size : 11px;
line-height : 21px;
white-space : nowrap;
border-right : 0px solid #cccccc;
}
ul#mainlevel-nav li a {
display : block;
padding-left : 30px;
padding-right : 35px;
text-decoration : none;
color : #fff;
background : transparent;
}
#buttons > ul#mainlevel-nav li a {
width : auto;
}
ul#mainlevel-nav li a:hover {
color : #333;
background : #fff;
}
.componentheading {
font-family : "Arial Narrow", Verdana, Arial, Helvetica, sans-serif;
font-weight : lighter;
font-size : 200%;
color : #ff9900;
padding : 10px;
}
.contentheading {
font-family : "Arial Narrow", Verdana, Arial, Helvetica, sans-serif;
font-weight : lighter;
font-size : 200%;
color : #ff9900;
padding : 10px;
}
.contentpagetitle {
font-family : "Arial Narrow", Verdana, Arial, Helvetica, sans-serif;
font-weight : lighter;
font-size : 250%;
color : #99cc00;
padding : 10px;
}
table.moduletable th {
font-family : "Arial Narrow", Verdana, Arial, Helvetica, sans-serif;
font-weight : lighter;
font-size : 200%;
color : #99cc00;
padding : 10px;
}
.pathway {
font-size : 85%;
font-weight : bold;
}
a.mainlevel {
text-decoration : none;
text-transform : uppercase;
display : block;
width : 165px;
font-weight : bold;
font-size : 85%;
padding-bottom : 2px;
margin-bottom : 5px;
}
a.mainlevel:link, a.mainlevel:visited {
text-decoration : none;
text-transform : uppercase;
display : block;
border-bottom : 1px solid #ccc;
color : #ff9900;
border-left : 10px solid #ccc;
padding-left : 5px;
}
a.mainlevel:hover {
text-decoration : none;
text-transform : uppercase;
display : block;
border-bottom : 1px solid #ccc;
color : #000;
border-left : 10px solid #ff9900;
padding-left : 5px;
}
a.mainlevel#active_menu {
color : #ff6600;
border-left : 10px solid #ff9900;
}
a.mainlevel#active_menu:hover {
color : #ff9900;
border-left : 10px solid #ff6600;
}
.small {
font-size : 85%;
padding-left : 20px;
}
.createdate {
font-size : 85%;
padding-left : 20px;
}
.modifydate {
font-size : 85%;
padding-left : 20px;
}
a:link, a:visited {
color : #ff6600;
text-decoration : none;
}
a:hover {
color : #99cc00;
text-decoration : none;
}
.sectiontableentry2 {
background-color : #efefef;
}
.back_button {
font-weight : bold;
font-size : 85%;
}
.pagenav {
font-weight : bold;
color : #666;
font-size : 85%;
}




VALEU!!!
Responder