- Postagens: 39
- Obrigados Recebidos: 0
Aumentar topo de site e logo
- ALANIO
- Autor do Tópico
- Offline
- JCB! Colaborador
Menos
Mais
9 anos 9 meses atrás #97066
por ALANIO
ALANIO created the topic: Aumentar topo de site e logo
Estou com templete versão Joomla! 2.5.1 Stable, mais não estou conseguindo aumentar o tamanho da estrutura da logomarca principal do seguinte site(
http://radiosaopedrofm.com.br/shaper
).
Detalhe se observar no site temos a logo de nome logo.png: 104,5 Fm na parte superior do lado esquerdo do site. Esta logo se encontra com um tamanho maior que o normal, pois quero que ela venha a ser exibida em seu tamanho maior, ou seja, quero aumentar o topo do site, visto que já inspecionei elementos do site através dos navegadores chrome e mozila.
Aguardando...
Detalhe se observar no site temos a logo de nome logo.png: 104,5 Fm na parte superior do lado esquerdo do site. Esta logo se encontra com um tamanho maior que o normal, pois quero que ela venha a ser exibida em seu tamanho maior, ou seja, quero aumentar o topo do site, visto que já inspecionei elementos do site através dos navegadores chrome e mozila.
Aguardando...
Please Entrar ou Registrar to join the conversation.
- Edilei1904
- Offline
- JCB! Senior
Menos
Mais
- Postagens: 115
- Obrigados Recebidos: 0
- ALANIO
- Autor do Tópico
- Offline
- JCB! Colaborador
Menos
Mais
- Postagens: 39
- Obrigados Recebidos: 0
9 anos 9 meses atrás #97072
por ALANIO
ALANIO replied the topic: Re: Aumentar topo de site e logo
Edilei já aumentei o tamanho da logo marca dentro do site só que a mesma aumenta proporcional, o detalhe é que sempre fica coberta por baixo dos menus. Na realidade quero aumentar a área de espaço acima dos menus do topo para poder visualizar a logo em seu tamanho altera(tamanho aumentado).
Please Entrar ou Registrar to join the conversation.
- panku
- Offline
- JCB! Geek
Menos
Mais
- Postagens: 683
- Obrigados Recebidos: 1
9 anos 9 meses atrás #97073
por panku
panku replied the topic: Re: Aumentar topo de site e logo
Olá colega, vou te entregar na mão como fazer.
Vá para o arquivo template.css do seu template o caminho é o seguinte: shaper/templates/shaper_simplicity_ii/css/template.css
Vá em "#header" e escreva embaixo do que já existe, dentro dessa tag o seguinte comando:
height: 150px;
*Coloquei 150px como exemplo, se quiser colocar 200,250, etc fique a vontade.
Tudo bem? Vou te explicar: o espaço que a logo está ocupando é o header do seu tema!
Depois poste o resultado.
Abraços
Vá para o arquivo template.css do seu template o caminho é o seguinte: shaper/templates/shaper_simplicity_ii/css/template.css
Vá em "#header" e escreva embaixo do que já existe, dentro dessa tag o seguinte comando:
height: 150px;
*Coloquei 150px como exemplo, se quiser colocar 200,250, etc fique a vontade.
Tudo bem? Vou te explicar: o espaço que a logo está ocupando é o header do seu tema!
Depois poste o resultado.
Abraços
Please Entrar ou Registrar to join the conversation.
- ALANIO
- Autor do Tópico
- Offline
- JCB! Colaborador
Menos
Mais
- Postagens: 39
- Obrigados Recebidos: 0
9 anos 9 meses atrás #97108
por ALANIO
ALANIO replied the topic: Re: Aumentar topo de site e logo
Bem panku, coloquei da forma que eu entendi abaixo da tag #heade no código a seguinte linha: height height: 150px; mais não tive resultado. Poderia me propor outra solução já que esta não foi viável da forma que fiz...
/*Header Area*/
#header {position:relative;background:#fff url(../images/header.gif) repeat-x 0 100% }
height height: 150px;
a#logo,#logo-text{float:left;margin:0 10px}
a#logo{background:url(../images/logo.png) no-repeat 0 50%}
#logo-text h1{font-size:200%;font-weight:bold;text-transform:uppercase;border:0!important;margin:10px 0 0!important;padding:0!important}
#logo-text h1 a{}
#logo-text p.site-slogan{margin:0;padding:0;color:#999}
Aguardo. e Obrigado pela atenção.
/*Header Area*/
#header {position:relative;background:#fff url(../images/header.gif) repeat-x 0 100% }
height height: 150px;
a#logo,#logo-text{float:left;margin:0 10px}
a#logo{background:url(../images/logo.png) no-repeat 0 50%}
#logo-text h1{font-size:200%;font-weight:bold;text-transform:uppercase;border:0!important;margin:10px 0 0!important;padding:0!important}
#logo-text h1 a{}
#logo-text p.site-slogan{margin:0;padding:0;color:#999}
Aguardo. e Obrigado pela atenção.
Please Entrar ou Registrar to join the conversation.