Menu de navegação

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

Resolvido Menu de navegação

Mensagem por diogo23 em 14/12/11, 01:39 pm

Qual é minha questão:
olá eu criei uma imagens no photoshop para colocar no menu só que reparei que como na imagem algumas não se juntam como as outras vejam a imagem queria que não se notasse falahas mas apenas algumas ficaram do meu agrado, uma ajudinha por favor.....

Medidas que eu tomei para corrigir o problema:
colocar este post

Imagens do meu problema:
http://i41.tinypic.com/2n16st4.png

Endereço do meu fórum:


Versão do meu fórum:
PHPBB3
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

Resolvido Re: Menu de navegação

Mensagem por Foxx em 14/12/11, 01:42 pm

Olá, então aumente a largura!

Até mais!
avatar

Foxx
Usuário avançado

Masculino
Inscrito dia : 07/12/2010
Mensagens : 313
Pontos Ativos : 462

Ver perfil do usuário http://artdesigner.forumeiro.com

Resolvido Re: Menu de navegação

Mensagem por AnDroidEL em 14/12/11, 01:55 pm

Olá,

Como Foxx disse, o melhor que você pode fazer é aumentar a largura. Já no phpBB2, você não precisa, ela vem junta automaticamente.
avatar

AnDroidEL
Nível 8

Inscrito dia : 11/12/2011
Mensagens : 103
Pontos Ativos : 156

Ver perfil do usuário

Resolvido Re: Menu de navegação

Mensagem por Convidad em 14/12/11, 02:33 pm

Olá,

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

Em seu conteúdo, coloque:


ul.linklist.navlinks li{margin-left:-1px;}

Atenciosamente.
Tópico movido de 'Questões diversas' para 'Questões sobre a aparência do fórum'

Convidad
Convidado


Resolvido Re: Menu de navegação

Mensagem por diogo23 em 15/12/11, 08:44 pm

nada funcionou :C
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

Resolvido Re: Menu de navegação

Mensagem por Convidad em 16/12/11, 12:28 am

Olá,

Veja se o tópico abaixo responde sua dúvida:

Seta http://ajuda.forumeiros.com/t50032-

Atenciosamente.

Convidad
Convidado


Resolvido Re: Menu de navegação

Mensagem por diogo23 em 16/12/11, 06:36 pm

não resolveu eu já tentei mudar de imagens mas apenas fica bem no lado direito.... no lado esquerdo deixa sempre espaços, pk? podem ajudar-me?
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

Resolvido Re: Menu de navegação

Mensagem por Convidad em 16/12/11, 06:39 pm

Olá,

Poderia me mandar o link de seu fórum?

Atenciosamente. Piscada

Convidad
Convidado


Resolvido Re: Menu de navegação

Mensagem por diogo23 em 16/12/11, 09:04 pm



Última edição por diogo23 em 17/12/11, 02:06 pm, editado 1 vez(es)
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

Resolvido Re: Menu de navegação

Mensagem por diogo23 em 17/12/11, 09:54 am

o que eu queria era não deixar espaço nenhum como se fosse uma barra só...


Última edição por diogo23 em 17/12/11, 10:15 am, editado 2 vez(es)
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

Resolvido Re: Menu de navegação

Mensagem por Gaaratsu em 17/12/11, 10:08 am

Olá,

tente;

Código:
a.mainmenu:hover {
border-bottom: 3px solid #00A4CD;
}


Ou

Código:
a.mainmenu:hover {
border-bottom: 3px solid #00A4CD;
}

Ou

Código:
a.mainmenu:hover {
border: 2px solid #FF0000;
}


Seta #00A4CD é o hexadecimal de sua cor, no caso eu estou usando de base do Fórum dos Fóruns. Altere para a cor desejada.
Seta #FF0000 é o hexadecimal de sua cor, modifique para a desejada.

Tente um de cada vez em;
Painel de Controle Seta Visualização Seta Aba " Imagens e Cores " Seta Cores Seta Folha de Estilo CSS .

Piscada


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Menu de navegação

Mensagem por diogo23 em 17/12/11, 10:13 am

mas eu quero 2 imagens não e sublinhado nem nada disso -.-' Triste
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

Resolvido Re: Menu de navegação

Mensagem por Gaaratsu em 17/12/11, 10:14 am

@diogo23 escreveu:mas eu quero 2 imagens não e sublinhado nem nada disso -.-' Triste

Olá novamente,

Como assim 2 imagens? Quais são elas, poderia me passar? Piscada

Aguardo !
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Menu de navegação

Mensagem por diogo23 em 17/12/11, 10:16 am

claro são estas: sem o rato estar em cima: http://illiweb.com/fa/pbucket.gif
com o rato em cima: http://illiweb.com/fa/pbucket.gif
como faço?
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

Resolvido Re: Menu de navegação

Mensagem por Gaaratsu em 17/12/11, 10:21 am

Olá,

Amigo, coloque o menu em;

Painel de Controle Seta Visualização Seta Aba " Imagens e Cores " Seta Gestão das Imagens " Modo Avançado " Seta Procure por; Indice e ponha a imagem desejada. Caso queira preencher todos, terás de pedir na secção gráfica:
Seta Peça seu pedido Gráfico aqui

Vale lembrar que o todos os códigos citador por mim, funcionam perfeitamente. O último funcionará assim como queres, porém terás de modificar a cor hexadecimal para a desejada. E surtirá o efeito no menu de navegação.

Até mais ! Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Menu de navegação

Mensagem por diogo23 em 17/12/11, 10:29 am

então mas eu já meti a imagem desejada mas eu quero que enquanto o rato não estiver em cima fique uma imagem e quando estiver outra entendeu.....?(como no www.megaupload.com )
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

Resolvido Re: Menu de navegação

Mensagem por Gaaratsu em 17/12/11, 10:32 am

Olá,

Leia o seu outro tópico; http://ajuda.forumeiros.com/t50091-efeito-hover-menu-de-navegacao-2-imagens#336292

Postei um conteúdo que talvez funcione.

Piscada


Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Gaaratsu — Ajudeiro
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Menu de navegação

Mensagem por Convidad em 17/12/11, 12:45 pm

Olá,

Retire a escrita abaixo de seu CSS:


ul.linklist li a img {

Retire-a e veja se resulta, caso não funcione mande-me o conteúdo de sua Folha CSS.
Atenciosamente.

Convidad
Convidado


Resolvido Re: Menu de navegação

Mensagem por AnDroidEL em 17/12/11, 12:49 pm

Olá,

Tente usar isto:

Código:
ul.navlinks li a {
background-image: url('LINK_DA_IMAGEM_NORMAL');
}

ul.navlinks li a:hover {
background-image: url('LINK_DA_IMAGEM_HOVER')
}

Como provavelmente os outros links do fórum que estão além do menu de navegação também serão afetados, você tem de adicionar este código também para não dar problema :

Código:
a:link, a:active, a:visited {
background-image: none;
}

a:hover {
background-image: none;
}

Procurei e achei isto, veja se serviu. Mostrando a lingua
avatar

AnDroidEL
Nível 8

Inscrito dia : 11/12/2011
Mensagens : 103
Pontos Ativos : 156

Ver perfil do usuário

Resolvido Re: Menu de navegação

Mensagem por diogo23 em 17/12/11, 12:59 pm

@AnDroidEL escreveu:Olá,

Tente usar isto:

Código:
ul.navlinks li a {
background-image: url('LINK_DA_IMAGEM_NORMAL');
}

ul.navlinks li a:hover {
background-image: url('LINK_DA_IMAGEM_HOVER')
}

Como provavelmente os outros links do fórum que estão além do menu de navegação também serão afetados, você tem de adicionar este código também para não dar problema :

Código:
a:link, a:active, a:visited {
background-image: none;
}

a:hover {
background-image: none;
}

Procurei e achei isto, veja se serviu. Mostrando a lingua

Funcionoum mais ou menos é verdade que a imaegem muda quando o rato está em cima mas vê-se que ela muda só atrás da imagem normal....... ela não fica como e queria (não fica á frente da imagem normal).......
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

Resolvido Re: Menu de navegação

Mensagem por diogo23 em 17/12/11, 06:55 pm

ajudem-me por favorrrrrrrrrrrrrrrrrrrrrrrr...............................................................
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

Resolvido Re: Menu de navegação

Mensagem por Gaaratsu em 17/12/11, 07:03 pm

Olá,

Substitua o primeiro código citado pelo Membro acima colocando este;

Código:
ul.navlinks li a:body {
background-image: url('LINK_DA_IMAGEM_NORMAL');
}

ul.navlinks li a:hover {
background-image: url('LINK_DA_IMAGEM_HOVER')
}

E veja se resulta. Piscada
avatar

Gaaratsu
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 07/08/2010
Mensagens : 6005
Pontos Ativos : 7504

Ver perfil do usuário http://narutongo.forumeiros.com/

Resolvido Re: Menu de navegação

Mensagem por diogo23 em 18/12/11, 10:51 am

Não resultou ninguem conhece como se faz :c Triste
avatar

diogo23
Nível 8

Masculino
Inscrito dia : 10/04/2011
Mensagens : 134
Pontos Ativos : 212

Ver perfil do usuário http://www.portugal-maximum.forumeiros.net

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