← Joomla

aumentar width em template

Lida 2955 vezes

Offline

treka 
Membro
Mensagens 4 Gostos 0
Troféus totais: 16
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 3 Level 2 Level 1 First Post Karma Eighth year Anniversary Seventh year Anniversary

Olá,
alguém sabe como aumentar a width de um template de forma a que ele se adapte à janela do ecrã?

Na versão 1.5 é fácil mas tenho este site em Joomla 1.0.13 o site fica aqui  http://escolacanico.com
Espero pela vossa ajuda
 :obrigado:
Offline

mestreamateur 
Membro
Mensagens 671 Gostos 0
Feedback +1

Troféus totais: 31
Trófeus: (Ver todos)
Level 6 Avatar Tenth year Anniversary Nineth year Anniversary Windows User Super Combination Combination Topic Starter Poll Voter Poll Starter

Para conseguires que o tamanho se adapte utiliza percentagens em vez de pixeis.

no teu caso, tens duas colunas laterais, podes por por exemplo cada coluna 20% (20 + 20 =40) e o centro com 60%.

Qualquer coisa como isto, ou então podes por as colunas fixas em pixeis, por exemplo 200px cada e a do meio metes 100% que ela ajusta-se no interior.


Se conseguires explicar ao certo o que pretendes, posso dar-te mais pormenores.

Ah, isto tudo é CSS, o site ta feito em divs, é meio caminho andado
Offline

treka 
Membro
Mensagens 4 Gostos 0
Troféus totais: 16
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 3 Level 2 Level 1 First Post Karma Eighth year Anniversary Seventh year Anniversary

ok, obrigada, andei a fazer experiências e já consegui mais ou menos o que queria.
 :obrigado:
Offline

mestreamateur 
Membro
Mensagens 671 Gostos 0
Feedback +1

Troféus totais: 31
Trófeus: (Ver todos)
Level 6 Avatar Tenth year Anniversary Nineth year Anniversary Windows User Super Combination Combination Topic Starter Poll Voter Poll Starter

Tens a div (caixa) maior com 770px e as de dentro somadas dão 937px, por isso é que o site está um bocado mais ao lado :-k

faz assim:

no template_css.css (linha 37) mete a width com 970px por exemplo

#pagewidth-800 {
background:url("../images/back_all.gif") repeat-y scroll 0 140px transparent;
margin-bottom:20px;
margin-left:auto;
margin-right:auto;
text-align:left;
width:970px;
}


template_css.css (linha 148) colocas a width a 100%

#outer-800 {
padding-top:6px;
width:100%;
}


A melhor forma de alterar o template até ver é com o firebug, imagens em baixo  :grin:








O banner de topo está um bocado fora, ou aumentas a imagem de baixo (caixa verde) ou diminuis a de cima (banner)

Caixa verde: 483 x 74px
Banner: 493 x 61px

Podes deixar a caixa verde como está, e o banner colocas um com 471 x 62px, reduzes 12px em cada lado, para teres o padding (borda de dentro) de 6 px em cada lado.




Ve se era isto que querias

Offline

treka 
Membro
Mensagens 4 Gostos 0
Troféus totais: 16
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 3 Level 2 Level 1 First Post Karma Eighth year Anniversary Seventh year Anniversary

 :ideia:Obrigada quando tiver tempo vou seguir as tuas indicações, ao contrário de muitos que por aqui passam eu tenho apenas 1h semanal a dedicar ao site ;(
amanhã começa a época de exames e vai ser difícil deixar os alunos para me dedicar ao site, mas mais uma vez obrigada.
Depois de muita pesquisa este é sem dúvida um dos melhores foruns  :obrigado:
Offline

pt-tech 
Membro
Mensagens 223 Gostos 1
Troféus totais: 24
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Level 5 Level 4 Level 3 Level 2 Level 1 100 Posts 50 Posts

ha uns livros porreiros de dicas para edição de CSS em Joomla! procura na net que encontras muito material!