Página 2 de 2
Re: [Absolution 1.1] Custom header
Enviado: 24 Jul 2012, 18:55
por ZonadeCombate
O código CSS está exatamente como você descreveu robra, o problema é que o banner não acompanha o layout, ele se modifica conforme a resolução. E o nome do fórum não está igual no tutorial de remover nome e descrição aqui do suporte, o cara botou um IF que se eu removo o SiteName ele remove o header todo.
Re: [Absolution 1.1] Custom header
Enviado: 24 Jul 2012, 19:17
por robra
Você não fez nada do que citei acima.
Faça com atenção, lendo devagar pra entender.
Abraço.

Re: [Absolution 1.1] Custom header
Enviado: 24 Jul 2012, 22:25
por ZonadeCombate
robra escreveu:Qual o endereço da imagem que deseja colocar lá ou tem alguma imagem na net que possa servir de exemplo ?
Tente o seguinte:
Na linha
background: url("./styles/absolution/theme/images/header.gif") repeat-x left top #00233F;
que citei anteriormente, deixe apenas
background: url("./styles/absolution/theme/images/header.gif");
, renomeie sua imagem para
header.gif e faça upload dela substituindo a que está lá.
Abraço.

Cara, sou iniciante mas pelo menos entendo o que ocorre no que você pediu pra fazer.
Voltar tudo como era antes é exatamente isso:
Código: Selecionar todos
#header h1 {
padding: 33px;
margin: 0;
font-family: "Harabara", Arial, Helvetica, sans-serif;
font-size: 36px;
display: block;
background: url("{T_THEME_PATH}/images/header.png");
text-shadow: 0 3px 3px #01102f;
min-width: 377px;
height: 40px;
Apenas substituindo o
header.gif pelo
header.png que eu fiz, no tamanho que eu quero e removendo o no-repeat que você falou. O resultado?:
http://i.imgur.com/CxwjP.jpg
A imagem que eu fiz é vermelha mesmo, toda vermelha pra ficar facil de identificar
Se eu fizer no header e não no h1 fica assim
http://i.imgur.com/VJezc.jpg
Código: Selecionar todos
#header {
width: 100%;
background: url("{T_THEME_PATH}/images/header.png");
-moz-box-shadow: 0 0 8px #011123;
-webkit-box-shadow: 0 0 8px #011123;
box-shadow: 0 0 8px #011123;
}
@font-face {
font-family: "Harabara";
src: url("{T_TEMPLATE_PATH}/harabara.ttf");
}
#header h1 {
padding: 33px;
margin: 0;
font-family: "Harabara", Arial, Helvetica, sans-serif;
font-size: 36px;
display: block;
background: url("{T_THEME_PATH}/images/logo-text-bg.png") no-repeat left top;
text-shadow: 0 3px 3px #01102f;
min-width: 377px;
height: 40px;
Só que ele tbm não exibe o header.png na altura correta (o correto é 150px) e as outras coisas originais do fórum ficam na frente. Ok, a imagem do logo-text-bg.png acho que é fácil remover. Mas como faço agora pro banner ficar na altura correto sem quebrar meu layout?
Re: [Absolution 1.1] Custom header
Enviado: 25 Jul 2012, 11:36
por robra
É só adicionar no
#header {
uma nova linha com
height: XXpx;
, onde
XX
é o valor da altura desejada, mas vi que você já fez isso, adicionando a linha
height: 150px;
. Correto ?
Abraço.

Re: [Absolution 1.1] Custom header
Enviado: 25 Jul 2012, 22:19
por ZonadeCombate
Isso, foi mal não dar um feedback qdo consegui resolver...
Eu fiz exatamente isso e o width coloquei 100%.
O nome do site eu tirei somente removendo SITENAME ao invés da linha <h1> e tals.