Menu de navegação

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:
https://2img.net/h/oi41.tinypic.com/2n16st4.png

Endereço do meu fórum:


Versão do meu fórum:
PHPBB3

Olá, então aumente a largura!

Até mais!

Olá,

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

Olá,

Vá em:
Painel de controle Visualização Cores 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'

nada funcionou :C

Olá,

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

https://ajuda.forumeiros.com/t50032-

Atenciosamente.

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?

Olá,

Poderia me mandar o link de seu fórum?

Atenciosamente.

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

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;
}

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

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

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

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

Olá novamente,

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

Aguardo !

claro são estas: sem o rato estar em cima: https://2img.net/h/i1180.photobucket.com/albums/x415/downribatejo/inicionomouse.png
com o rato em cima: https://2img.net/h/i1180.photobucket.com/albums/x415/downribatejo/inicioyesmouse.png
como faço?

Olá,

Amigo, coloque o menu em;

Painel de Controle Visualização Aba " Imagens e Cores " Gestão das Imagens " Modo Avançado " Procure por; Indice e ponha a imagem desejada. Caso queira preencher todos, terás de pedir na secção gráfica:
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 !

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 )

Olá,

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

Postei um conteúdo que talvez funcione.

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.

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.

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.

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).......

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

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.

Não resultou ninguem conhece como se faz :c