- Postagens: 5
- Obrigados Recebidos: 0
- Fórum
- /
- Suporte Joomla
- /
- Templates
- /
- Joomla 1.5
- /
- Problemas no tamanho do logo no template rhuk_milkyway.
Problemas no tamanho do logo no template rhuk_milkyway.
- alexannderthegreat
-
Autor do Tópico
- Offline
- JCB! Novato
-
Menos
Mais
16 anos 2 meses atrás #11397
por alexannderthegreat
alexannderthegreat created the topic: Problemas no tamanho do logo no template rhuk_milkyway.
Olá! Trabalho com o joomla a pouco tempo, mas estou gostando muito desse CMS. A minha dúvida é a seguinte:
Criei um logo no tamanho 890X190px para inserir no site conforme o pedido de um cliente.
Depois coloquei o logo no diretório images do template rhuk_milkyway (que estou usando como base do site). Chamei o arquivo no templateDetails e inseri o seguinte código na css template.
div#header_r {
height: 190px;
padding-left: 370px;
padding-right: 30px;
padding-top: 25px;
}
div#logo {
position: absolute;
left: 0;
top: 0;
float: center;
width: 890px;
height: 190px;
background: url(../images/logo.png) 0 0 no-repeat;
margin-left: 30px;
margin-right: 30px;
margin-top: 25px;
}
O Logo foi alterado como o esperado, porém apareceu uma espécie de linha quebrando o layout do template e não consigo alterá-la de jeito algum. Alguém poderia fazer o teste e me ajudar? Preciso entregar esse site urgente.
Criei um logo no tamanho 890X190px para inserir no site conforme o pedido de um cliente.
Depois coloquei o logo no diretório images do template rhuk_milkyway (que estou usando como base do site). Chamei o arquivo no templateDetails e inseri o seguinte código na css template.
div#header_r {
height: 190px;
padding-left: 370px;
padding-right: 30px;
padding-top: 25px;
}
div#logo {
position: absolute;
left: 0;
top: 0;
float: center;
width: 890px;
height: 190px;
background: url(../images/logo.png) 0 0 no-repeat;
margin-left: 30px;
margin-right: 30px;
margin-top: 25px;
}
O Logo foi alterado como o esperado, porém apareceu uma espécie de linha quebrando o layout do template e não consigo alterá-la de jeito algum. Alguém poderia fazer o teste e me ajudar? Preciso entregar esse site urgente.
Please Entrar ou Registrar to join the conversation.
- Lain
-
- Offline
- JCB! Professional
-
16 anos 2 meses atrás #12213
por Lain
[b:2v32g6a0][color=#0080FF:2v32g6a0]• [/color:2v32g6a0][color=#BF0000:2v32g6a0]Portal[/color:2v32g6a0][color=#FF8000:2v32g6a0]Nosso[/color:2v32g6a0][color=#00BF00:2v32g6a0]Mundo[/color:2v32g6a0][/b:2v32g6a0] [color=#0080FF:2v32g6a0]|[/color:2v32g6a0] [color=#BF4000:2v32g6a0]Porque para nós, os animais[/color:2v32g6a0] [b:2v32g6a0][color=#FF4000:2v32g6a0]IMPORTAM[/color:2v32g6a0][/b:2v32g6a0][color=#BF4000:2v32g6a0]![/color:2v32g6a0]
[color=#0080FF:2v32g6a0]•[/color:2v32g6a0] [color=#804040:2v32g6a0][url:2v32g6a0]http://www.portalnossomundo.com[/url:2v32g6a0][/color:2v32g6a0]
Lain replied the topic: Re: Problemas no tamanho do logo no template rhuk_milkyway.
Pessoal....estou com o mesmo problema!!!
Preciso ajustar o logo, para que ele fique normal, independente da resolução usada...
Mas não consigo ajustar, se eu ajusto para uma resolução de tela, qdo eu mudo ela, o logo fica todo errado....ou muito grande, ou muito pequeno....
Preciso que o logo se ajuste automaticamente...
Como posso resolver isso??? O que devo mudar no arquivo ccs?
Muito obrigada.
Att
Lain.
Editando:
Depois de horas e horas tentando e editando o ccs e as imagens, eu conseguiiiii...
Meu BLOG ficou perfeitoo... **
Então...o problema do amigo ali de cima...
O que vc está fazendo é aumentar o height do header sem aumentar o tamanho das imagens que formam o lado do template. Então...quando a imagem fica menor que o tamanho do header, surge essa linha feia aí.
Então, faz assim: entra no diretorio das imagens e localiza as seguintes imagens: mw_header_t_l e mw_header_t_r.
Aumenta a altura delas, mas cuide para não mecher na largura, senão vc vai ter de arrumar mais tarde, vai ficar desparelho.
Agora, com as imagens no tamanho certo, vc pode ir aumentando a altura da header e acompanhar com a altura do banner.
E caso vc tenha problemas com a troca de resolução de tela (que era meu problema), vc deve ainda ajustar alguns parametros no ccs template: (substitui pelos seus valores, conforme o tamanho que vc quer)
O campo "overflow: hidden" (algo assim), vc deleta.
Ajusta o "auto" no width e deixa com a posição "relative".
Daí é só ajeitar as margens, e tá feito.
Foi a maneira que eu achei pra fazer o logo se ajustar automaticamente.
(levei quase 5 horas tentando, huahuahuahuah)
Espero ter ajudado....
Abraços.
<!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->
Preciso ajustar o logo, para que ele fique normal, independente da resolução usada...
Mas não consigo ajustar, se eu ajusto para uma resolução de tela, qdo eu mudo ela, o logo fica todo errado....ou muito grande, ou muito pequeno....
Preciso que o logo se ajuste automaticamente...
Como posso resolver isso??? O que devo mudar no arquivo ccs?
Muito obrigada.
Att
Lain.
Editando:
Depois de horas e horas tentando e editando o ccs e as imagens, eu conseguiiiii...
Meu BLOG ficou perfeitoo... **
Então...o problema do amigo ali de cima...
O que vc está fazendo é aumentar o height do header sem aumentar o tamanho das imagens que formam o lado do template. Então...quando a imagem fica menor que o tamanho do header, surge essa linha feia aí.
Então, faz assim: entra no diretorio das imagens e localiza as seguintes imagens: mw_header_t_l e mw_header_t_r.
Aumenta a altura delas, mas cuide para não mecher na largura, senão vc vai ter de arrumar mais tarde, vai ficar desparelho.
Agora, com as imagens no tamanho certo, vc pode ir aumentando a altura da header e acompanhar com a altura do banner.
E caso vc tenha problemas com a troca de resolução de tela (que era meu problema), vc deve ainda ajustar alguns parametros no ccs template: (substitui pelos seus valores, conforme o tamanho que vc quer)
div#header_r {
height: 125px;
padding-left: 15px;
padding-right: 20px;
padding-top: 15px;
text-align: center;
}
div#logo {
position: relative;
left: 0;
top: 0;
float: center;
width: auto;
height: 120px;
background: url(../images/mw_newjoomla_logo.png);
margin-left: 5px;
margin-top: 5px;
}
O campo "overflow: hidden" (algo assim), vc deleta.
Ajusta o "auto" no width e deixa com a posição "relative".
Daí é só ajeitar as margens, e tá feito.
Foi a maneira que eu achei pra fazer o logo se ajustar automaticamente.
(levei quase 5 horas tentando, huahuahuahuah)
Espero ter ajudado....
Abraços.
<!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->
[b:2v32g6a0][color=#0080FF:2v32g6a0]• [/color:2v32g6a0][color=#BF0000:2v32g6a0]Portal[/color:2v32g6a0][color=#FF8000:2v32g6a0]Nosso[/color:2v32g6a0][color=#00BF00:2v32g6a0]Mundo[/color:2v32g6a0][/b:2v32g6a0] [color=#0080FF:2v32g6a0]|[/color:2v32g6a0] [color=#BF4000:2v32g6a0]Porque para nós, os animais[/color:2v32g6a0] [b:2v32g6a0][color=#FF4000:2v32g6a0]IMPORTAM[/color:2v32g6a0][/b:2v32g6a0][color=#BF4000:2v32g6a0]![/color:2v32g6a0]
[color=#0080FF:2v32g6a0]•[/color:2v32g6a0] [color=#804040:2v32g6a0][url:2v32g6a0]http://www.portalnossomundo.com[/url:2v32g6a0][/color:2v32g6a0]
Please Entrar ou Registrar to join the conversation.
- medal16
-
- Offline
- JCB! Novato
-
Menos
Mais
- Postagens: 1
- Obrigados Recebidos: 0
15 anos 3 meses atrás #33689
por medal16
medal16 replied the topic: Re: Problemas no tamanho do logo no template rhuk_milkyway.
Bem pessoal, recentemente resolvi mexer com a edição do template rhuk_milkyway e vi esta dúvida de vocês.
Para dimensionar a área header onde fica o fundo que colocará sua logo, siga os passos abaixo:
Abra os arquivos de imagem a seguir da pasta correspondente a cor de fundo que usará (branco, verde, azul, preto, laranja ou vermelho):
use um editor de imagens, (eu usei photoshop cs4) e modifique o tamanho, conforme indicado:
mw_header_t.png
mudei de 36x129 para 26x167
mw_header_t_l.png
de 37x115 para 37x150
mw_header_t_r.png
de 37x115 para 37x150
Carregar as imagens modificadas para o diretorio escolhido: (branco, verde, azul, preto, laranja ou vermelho).
Abrir e editar o arquivo CSS para o seu modelo de cor (exemplo: blue_bg.css)
Adicione uma linha de altura a cada uma das tags de cabeçalho da seguinte forma:
cabeçalho div # (
background: url (.. / images / azul / mw_header_t.png) 100% 0 repeat-x;
height: 150px;
)
header_l div # (
background: url (.. / images / azul / mw_header_t_l.png) 0 0 no-repeat;
height: 150px;
)
# div (header_r
background: url (.. / images / azul / mw_header_t_r.png) 100 0% no-repeat;
height: 150px;
)
Limpe o cache do seu navegador, dê um update e veja a mágia rolando rs!!!
Claro, você pode modificar todas estas dimensões necessárias para se adequar com o seu logotipo,
porém deverá seguir estes passos.
Agora sim, problema resolvido galera!
valeu!!!
Bankay <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->
Para dimensionar a área header onde fica o fundo que colocará sua logo, siga os passos abaixo:
Abra os arquivos de imagem a seguir da pasta correspondente a cor de fundo que usará (branco, verde, azul, preto, laranja ou vermelho):
use um editor de imagens, (eu usei photoshop cs4) e modifique o tamanho, conforme indicado:
mw_header_t.png
mudei de 36x129 para 26x167
mw_header_t_l.png
de 37x115 para 37x150
mw_header_t_r.png
de 37x115 para 37x150
Carregar as imagens modificadas para o diretorio escolhido: (branco, verde, azul, preto, laranja ou vermelho).
Abrir e editar o arquivo CSS para o seu modelo de cor (exemplo: blue_bg.css)
Adicione uma linha de altura a cada uma das tags de cabeçalho da seguinte forma:
cabeçalho div # (
background: url (.. / images / azul / mw_header_t.png) 100% 0 repeat-x;
height: 150px;
)
header_l div # (
background: url (.. / images / azul / mw_header_t_l.png) 0 0 no-repeat;
height: 150px;
)
# div (header_r
background: url (.. / images / azul / mw_header_t_r.png) 100 0% no-repeat;
height: 150px;
)
Limpe o cache do seu navegador, dê um update e veja a mágia rolando rs!!!
Claro, você pode modificar todas estas dimensões necessárias para se adequar com o seu logotipo,
porém deverá seguir estes passos.
Agora sim, problema resolvido galera!
valeu!!!
Bankay <!-- s:ugeek: --><img src="{SMILIES_PATH}/icon_e_ugeek.gif" alt=":ugeek:" title="Uber Geek" /><!-- s:ugeek: -->
Please Entrar ou Registrar to join the conversation.
- anddimas
-
- Offline
- JCB! Novato
-
Menos
Mais
- Postagens: 1
- Obrigados Recebidos: 0
14 anos 1 mês atrás #54182
por anddimas
anddimas replied the topic: Re: Problemas no tamanho do logo no template rhuk_milkyway.
Galera, desculpa reativar um tópico tão antigo.!
Mas segui os passos, deu certo! Obrigado
Mas o meu top_menu não funciona depois da alteração do header!
Alguem poderia me ajudar?!
Obrigado desde já!
Mas segui os passos, deu certo! Obrigado
Mas o meu top_menu não funciona depois da alteração do header!
Alguem poderia me ajudar?!
Obrigado desde já!
Please Entrar ou Registrar to join the conversation.