Questão de CSS para menu personalizado

2 participantes

Ir para baixo

Tópico resolvido Questão de CSS para menu personalizado

Mensagem por Jander 28.11.10 22:28

Oi para todos !

Estou precisando de uma ajudinha ... atualmente atualizei o TEMA de meu fórum ... porém no meu tema antigo tinha um botão no menu que eu mesmo criei ..

Ocorre que neste novo TEMA somente o botão que eu havia criado não tem o formato dos demais botõs, pois percebi que estes botões foram criados através de código CSS.

Gostaria que esse botão criado por mim também tivesse esse efeito (quando passa o mouse ele muda de cor)
O botão em questão é o "Indice"

Se alguém manjas de CSS e pude me ajudar ... eu já tentei de tudo, mas não deu muito certo.

Este é o dendereço do meu Forúm: http://animeworld.snob.tv
Segue o códigos os botãoes que possuem esse efeito:


Última edição por Jander em 30.11.10 13:48, editado 1 vez(es)
Jander
Jander
**

Membro desde : 13/05/2010
Mensagens : 55
Pontos : 89

http://animeworld.snob.tv/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Questão de CSS para menu personalizado

Mensagem por Jander 29.11.10 9:13

Acho que é quase isso meu caro amigo Solkis ... mas não é isso.
Veja como ficou por gentileza ... ficou tipo um mini botão ... http://animeworld.snob.tv

Se eu vou lá no "Cabeçalho & Navegação" >> entro nas configurações do "botão Índice" >> e coloco código de imagem em branco no campo "Imagem" = link: https://2img.net/i/fa/empty.gif .... O meu botão criado "indice" desaparece!

Agradeço muito se tentar resolver isso pra mim ... muito thanks
Se precisar te passou meu login e senha via menssagem particular.

_____________________________________________

Percebi que estava faltando a parte em negrito do primeiro código que vc me mandou ... coloquei ela, mas mesmo assim não funfo ...

a.mainmenu[href="/portal.forum?pid=2&sid=e42c70bac88c3e76946a4797534f97f0"] {width:86px; height:32px; background:url(https://i.servimg.com/u/f64/13/24/64/14/nav_0610.png) no-repeat 0 0px;}

e para mostrar aquele pedaço de botão tive que colocar uma imagem PNG "em branco" de 86px por 32px no campo "Imagem" conforme citado no meio do texto, pois se tiro essa imagem o botão some do menu.
Jander
Jander
**

Membro desde : 13/05/2010
Mensagens : 55
Pontos : 89

http://animeworld.snob.tv/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Questão de CSS para menu personalizado

Mensagem por Solkis 29.11.10 10:50

Bom dia,

Não sie se é só impressão minha, mas não falta um texto no botão?! Creio que seja este o motivo para que não funcione!

Até mais.
Solkis
Solkis
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Questão de CSS para menu personalizado

Mensagem por Jander 29.11.10 11:28

Realmente não é a falta de escrita ... pois a escrita vem na própria imagem PNG :
Questão de CSS para menu personalizado Nav_0610

Será que não é as tags de dimensão da imagem .. sabe me responder se essa área que adicionei está correta:
{width:86px; height:32px; background:url(https://i.servimg.com/u/f64/13/24/64/14/nav_0610.png) no-repeat 0 0px;}

Pois o menu está correto, porém a imagem não quer ser exibida por completo. zen
Jander
Jander
**

Membro desde : 13/05/2010
Mensagens : 55
Pontos : 89

http://animeworld.snob.tv/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Questão de CSS para menu personalizado

Mensagem por Solkis 29.11.10 11:31

Bom dia,

Então entendi o problema! Em links estas propriedades nã funcionam! Deverá utilizar este código no lugar do que deixou em negrito, no primeiro a metade da altura e no segundo a metade da largura:
Código:
padding: 16px 43px;
Até mais.
Solkis
Solkis
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Questão de CSS para menu personalizado

Mensagem por Jander 29.11.10 11:49

:crybaby: Muito thanks pelas ajudas ... mas realmente não deu muito certo .. mexi em tudo mas o probleminha continua ... muito obrigado pelas dicas
Jander
Jander
**

Membro desde : 13/05/2010
Mensagens : 55
Pontos : 89

http://animeworld.snob.tv/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Questão de CSS para menu personalizado

Mensagem por Solkis 29.11.10 12:13

Bom dia,

Tente colocar este:
Código:
width:41px !important; height:32px !important;
Se não der, mostre-me uma imagem do resultado!

Até mais.
Solkis
Solkis
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Questão de CSS para menu personalizado

Mensagem por Jander 29.11.10 12:25

Nada também. ...
Olha a imagem continua pela metade:
Questão de CSS para menu personalizado Semttulotr

Acho que deve ser alguma problema no CSS, pois nem imagem normal ... digo adicinando uma imagem normal PNG pelo sistema de configuração do botão também corta a imagem!
Jander
Jander
**

Membro desde : 13/05/2010
Mensagens : 55
Pontos : 89

http://animeworld.snob.tv/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Questão de CSS para menu personalizado

Mensagem por Solkis 29.11.10 12:32

Boa tarde,

Tente adicionar este junto ao outro:
Código:
margin-top: -10px !important;
Deve resolver!

Até mais.
Solkis
Solkis
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Questão de CSS para menu personalizado

Mensagem por Jander 29.11.10 12:41

Nem mecheu ... Ficou do geito que estava ... Esse é o código que to usando ... os negritos são ar partes que modifiquei:

Spoiler:
Jander
Jander
**

Membro desde : 13/05/2010
Mensagens : 55
Pontos : 89

http://animeworld.snob.tv/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Questão de CSS para menu personalizado

Mensagem por Solkis 29.11.10 12:47

Tente este:
Código:
a.mainmenu[href="/portal.forum?pid=2&sid=e42c70bac88c3e76946a4797534f97f0"] {width:86px !important; height:32px !important; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0610.png) no-repeat 0 0px; margin-top: -10px !important;}
a.mainmenu[href="/portal.forum?pid=2&sid=e42c70bac88c3e76946a4797534f97f0"]:hover {width:86px !important; height:32px !important; margin-top: -10px !important; background:url(http://i64.servimg.com/u/f64/13/24/64/14/nav_0610.png) no-repeat 0 -32px;}
Solkis
Solkis
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Questão de CSS para menu personalizado

Mensagem por Jander 30.11.10 0:02

Oi Solkis ..

Testei o ultimo código, mas denovo o botão ficou pela metade ... Mas deixa quieto ... futuramente eu vejo o que faço pra isso funcionar ... muito obrigado pelos auxílios. Amigos

Tem só uma observação ... se eu retiro o código CSS e coloco somente a imagem do botão pelas configurações do botão a imagem do botão "indice" fica alinhada com as demais imágens, mas tem o efeito de cor quando passa o mouse Chorando ou muito tr
Jander
Jander
**

Membro desde : 13/05/2010
Mensagens : 55
Pontos : 89

http://animeworld.snob.tv/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Questão de CSS para menu personalizado

Mensagem por Solkis 30.11.10 1:48

Tente colocar uma imagem grande transparente no painel de controle! Pode ser que isso resolva o problema!
Solkis
Solkis
Membro Entusiasta

Membro desde : 26/01/2008
Mensagens : 9983
Pontos : 12071

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Questão de CSS para menu personalizado

Mensagem por Jander 30.11.10 10:43

Já tentei isso, mas mesmo assim ela fica cortada no meio ... tinha colocado uma imagem PNG transparente nas configurações do botão ... O problema não foi embora ... Valeu

Não teria ou código CSS para o punBB.
Jander
Jander
**

Membro desde : 13/05/2010
Mensagens : 55
Pontos : 89

http://animeworld.snob.tv/forum.htm

Ir para o topo Ir para baixo

Tópico resolvido Re: Questão de CSS para menu personalizado

Mensagem por Jander 30.11.10 13:48

Oi Solkis ... acabei de adicionar uns novos botões utilizando o "Mensagem na Home page" ficou maneiro ... acho que não será mais necessário adicionar o botão "indice" MUITO OBRIGADO
Jander
Jander
**

Membro desde : 13/05/2010
Mensagens : 55
Pontos : 89

http://animeworld.snob.tv/forum.htm

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos