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!!!
Como inserir mais de um background?
Dúvidas e Comentários sobre Temas e Design para o Joomla! 1.5.x
-
- Novato
- Mensagens: 21
- Registrado em: 06 Set 2006, 14:34
Voltar para “Templates e Design- 1.5”
Ir para
- Fórum - Joomla.com.br (dados salvos de joomla.com.br)
- ↳ Avisos e notícias
- ↳ Oportunidades de emprego e trabalho
- ↳ Joomla! 1.5
- ↳ Como utilizar
- ↳ Instalação, Upgrade e Migração
- ↳ Extensões
- ↳ Templates
- ↳ Tradução
- ↳ Segurança e Performance
- ↳ Programação e Desenvolvimento
- ↳ Sites dos Usuários
- ↳ Joomla! 1.0
- ↳ Joomla.com.br
- ↳ Discussão Geral
- ↳ Nosso site
- ↳ Off-topic
- Fórum - Joomla!Brasil (dados salvos de joomlabrasil.org e mambobrasil.org)
- ↳ Críticas e Sugestões
- ↳ Joomla! 1.0.x
- ↳ Geral
- ↳ Instalação
- ↳ Componentes
- ↳ Comércio Eletrônico
- ↳ Sistema de Comunicação
- ↳ Zoom Gallery
- ↳ Módulos
- ↳ Mambots
- ↳ Temas e Design
- ↳ Documentação
- ↳ Joomla! 1.5
- ↳ Geral
- ↳ Instalação
- ↳ Migração e Atualização
- ↳ Administração do Joomla 1.5
- ↳ Componentes - 1.5
- ↳ Módulos - 1.5
- ↳ Plugins - 1.5
- ↳ Editores WYSIWYG - 1.5
- ↳ Templates e Design- 1.5
- ↳ Desenvolvimento e Tradução
- ↳ Adaptação e Desenvolvimento
- ↳ Programação e Scripts
- ↳ Tradução
- ↳ Mambo 4.5.2 - BR - Debatendo a Tradução
- ↳ Comunidade
- ↳ Notícias
- ↳ Sites de Usuários
- ↳ OFF-Topic
- ↳ Serviços
- ↳ Host Pago
- ↳ Host 100% Gratuito
- ↳ Consultoria e Trabalho