Personalização do menu

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Personalização do menu

Mensagem por konekta Brasil em 25/01/12, 07:49 pm

Qual é minha questão:
Olá,

Olhem a imagem: http://i49.servimg.com/u/f49/16/89/74/34/cats29.jpg
Onde está preto, que o verde ta marcando eu gostaria de colocar essa imagem lá: http://i49.servimg.com/u/f49/16/89/74/34/catego12.gif

Já onde ta vermelho, escrito "menu aqui" eu gostaria de subir aquele menu onde ta marcado de azul pra cima, onde ta o vermelho.

exemplo: http://i49.servimg.com/u/f49/16/89/74/34/cats_c10.png

Medidas que eu tomei para corrigir o problema:
*

Imagens do meu problema:
*

Endereço do meu fórum:
fanaticosweb.net

Versão do meu fórum:
PHPBB3
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Personalização do menu

Mensagem por Convidad em 25/01/12, 11:00 pm

Olá,

Vá em:
Painel de controle Seta Visualização Seta Cores Seta "Aba" Folha CSS.

No conteúdo coloque:
Código:
.headerbar {
  background-image: url(http://i49.servimg.com/u/f49/16/89/74/34/catego12.gif);
}
ul.navlinks {
font-size: 13px;
margin-top: -33px!important;

}

Caso não seja isto, mostre-me um exemplo de um fórum que seja desta maneira.

Até mais. Piscada

Convidad
Convidado


Resolvido Re: Personalização do menu

Mensagem por konekta Brasil em 26/01/12, 10:09 pm

olha como ficou http://www.fanaticosweb.net/

como faço pra deixar a imagem azul e preta em cima tirando a parte branca de cima e dos lados?

E também colocar a fonte do menu emcima da imagem azul;
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Personalização do menu

Mensagem por Convidad em 26/01/12, 10:18 pm

Olá,

Substitua os códigos dados por este:

Código:
.headerbar,.page-header {
  background-image: url(http://i49.servimg.com/u/f49/16/89/74/34/catego12.gif);
  background-color: transparent;
}
div.navbar ul.linklist {
font-size: 13px;
margin-top: -50px!important;
text-align: center;
}

#logo-desc {
    background-image: url(http://i49.servimg.com/u/f49/16/89/74/34/catego12.gif);
  background-color: transparent;
}

Se não funcionar, mande-me o conteúdo de sua folha CSS na íntegra.
Até mais. Piscada

Convidad
Convidado


Resolvido Re: Personalização do menu

Mensagem por konekta Brasil em 26/01/12, 10:31 pm

continuou a mesma coisa, primeiro: qual o codigo pra subir o menu do fórum ?
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Personalização do menu

Mensagem por Convidad em 26/01/12, 10:34 pm

Olá,

É este:
Código:
div.navbar ul.linklist {
font-size: 13px!important;
margin-top: -50px!important;
text-align: center!important;
}

Não seria melhor você mandar o conteúdo de sua folha CSS? Eu tentaria arrumar e já lhe mandaria modificada.

Até mais. Piscada

Convidad
Convidado


Resolvido Re: Personalização do menu

Mensagem por konekta Brasil em 27/01/12, 12:54 pm

Touks, na folha não tem nada estrapalhando o codigo não, eu confiro muito bem ..

o menu deu certo e o fundo do logo também deu, mais eu queria assim, olha esse exemplo: http://i49.servimg.com/u/f49/16/89/74/34/cats30.jpg

ta assim: http://i49.servimg.com/u/f49/16/89/74/34/cats113.jpg
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Personalização do menu

Mensagem por MateusV. em 27/01/12, 12:57 pm

Olá, poderia me mandar o conteudo de seu CSS?
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: Personalização do menu

Mensagem por Convidad em 27/01/12, 05:25 pm

Olá,

Você quer retirar esta borda branca correto?!
Pois bem, vá em:
Painel de controle ->> Visualização ->> Cores ->> Folha CSS.

Adicione em seu conteúdo:
Código:
#wrap {background-color: transparent;}

Se necessitar, modifique a palavra: "transparent" pelo código da cor desejada no fundo.

Até mais. Piscada

Convidad
Convidado


Resolvido Re: Personalização do menu

Mensagem por konekta Brasil em 27/01/12, 06:24 pm

O codigo deixou todas as partes brancas do fórum transparentes ..
avatar

konekta Brasil
Usuário destaque

Masculino
Inscrito dia : 15/07/2011
Mensagens : 754
Pontos Ativos : 1147

Ver perfil do usuário http://www.konektabrasil.com

Resolvido Re: Personalização do menu

Mensagem por Convidad em 27/01/12, 06:29 pm

Olá,

Então terá de colocar uma cor alí, basta fazer tal modificação:


#wrap {background-color: #FFFFFF;}

Negrito -> Código da cor hexadecimal ou em inglês.

Para colocar uma imagem de fundo:
Código:
#wrap {background-image: url(LINKIMAGEM);}
Modifique o campo do link.

Até mais. Piscada

Convidad
Convidado


Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum