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 Qua 25 Jan 2012 - 19:49

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 Qua 25 Jan 2012 - 23:00

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 Qui 26 Jan 2012 - 22:09

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 Qui 26 Jan 2012 - 22:18

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 Qui 26 Jan 2012 - 22:31

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 Qui 26 Jan 2012 - 22:34

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 Sex 27 Jan 2012 - 12:54

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 Sex 27 Jan 2012 - 12:57

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 Sex 27 Jan 2012 - 17:25

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 Sex 27 Jan 2012 - 18:24

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 Sex 27 Jan 2012 - 18:29

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