Menus do fórum

[Thor]

Qual é minha questão:
Eu uso o seguinte código para por os menus do meu fórum, exemplo:

Código:

#i_icon_mini_index {
background-image: url('http://i.imgur.com/Kc3Zd.png');
width: 62px;
height: 35px;position:absolute;top: 101px;margin-right: 640px;right: 31em;
}
#i_icon_mini_index:hover {
background-image: url('http://i.imgur.com/yszPy.png');
width: 62px;
height: 35px;position:absolute;top: 101px;margin-right: 640px;right: 31em;
}

E eu percebi que eu preciso do i_icon_mini para por os meus menus mas eu não tenho outro código para por meus novos menus que são personalizado já tentei de tudo mas não consegui, quero ver se alguém faz o mesmo processo e tenha outro código para eu por o novo menu.

Atenciosamente.

Medidas que eu tomei para corrigir o problema:
Todas possíveis.

Links e imagens do meu problema:
Nenhum para ser apresentado.

Endereço do meu fórum:
www.techarte.co.cc

Versão do meu fórum:
PHPBB3

[MateusV.]

Olá, não compreendi sua questão, para que serviria vosso código? E onde deseja aplica-lo?

Cordiais saudações,
MateusV.

[Cream]

Olá,

Seria basicamente normal também. Observe:
Início - #i_icon_mini_index
Portal - #i_icon_mini_portal
Buscar - #i_icon_mini_search
Grupos - #i_icon_mini_groups
Membros - #i_icon_mini_members

Seria isso?
Até mais!

[Thor]

Sim eu uso estes códigos, mas quero por menu personalizados exemplo desta página: http://www.techarte.co.cc/h7-banners

[MateusV.]

Sim eu uso estes códigos, mas quero por menu personalizados exemplo desta página: http://www.techarte.co.cc/h7-banners

Olá, me perdoe mas ainda não estou a compreender sua questão, você primeiro disse algo sobre o menu de navegação, e agora diz que deseja igual a da página em questão, mas não há menus de navegação lá, poderia ser mais especifico?

Cordiais saudações,
MateusV.

[Thor]

Eu não disse nada de igual eu quero por um novo menu personalizado com o link da página que eu passei acima, só que eu uso o seguinte código:

Código:

#i_icon_mini_index {
background-image: url('http://i.imgur.com/Kc3Zd.png');
width: 62px;
height: 35px;position:absolute;top: 101px;margin-right: 640px;right: 31em;
}
#i_icon_mini_index:hover {
background-image: url('http://i.imgur.com/yszPy.png');
width: 62px;
height: 35px;position:absolute;top: 101px;margin-right: 640px;right: 31em;
}

Ai precisa do #i_icon_mini_ só que com a página que eu passei não fornece isto para eu por igual aos outros.

Até mais!

[MateusV.]

Olá, então ponha o código assim

.linklist a[href="/h7-banners"] {
propriedades
}

Melhores cumprimentos.

[Thor]

Não funcionou este código, eu preciso adicionar a imagem também como o código que eu uso passado acima.

Até mais!

[MateusV.]

Olá, apenas substitua-o por este

.linklist a[href="/h7-banners"] {
background-image: url('https://i.imgur.com/Kc3Zd.png');
width: 62px;
height: 35px;position:absolute;top: 101px;margin-right: 640px;right: 31em;
}
.linklist a[href="/h7-banners"]:hover {
background-image: url('https://i.imgur.com/yszPy.png');
width: 62px;
height: 35px;position:absolute;top: 101px;margin-right: 640px;right: 31em;
}

Melhores cumprimentos.

[Thor]

Eu já tentei fazer este código mas não funcionou...

[ShockWave™]

Olá,
Aceda:

Painel de Comtrole > Visualização > Imagens e Cores > Página Inicial > Cabeçalho é Navegação Vá no botão que vocêr que é clique na seguinte ferramenta: e Depois "Imagem" adcione a imagem que você quiser.

Até Mais.

[Luciano98]

Olá!

Aceda à "Folha de estilo CSS":
Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS

Código:

.linklist a[href*="/h7-"] img {
background-image: url(https://i.imgur.com/Kc3Zd.png);
width: 62px;
height: 35px;position:absolute;top: 101px;margin-right: 640px;right: 31em;
}
.linklist a[href*="/h7-"]:hover img {
background-image: url(https://i.imgur.com/yszPy.png);
width: 62px;
height: 35px;position:absolute;top: 101px;margin-right: 640px;right: 31em;
}

Valide.

Até mais.

[Thor]

Funcionou mais ou menos o seu código Luciano, agora está aparecendo uma borda branca e dentro ta escrito Banners.

Até mais!

[MateusV.]

Olá, substitua-o por este

.linklist a[href*="/h7-"] img {
background-image: url(https://i.imgur.com/Kc3Zd.png);
width: 62px;
height: 35px;position:absolute;top: 101px;margin-right: 640px;right: 31em;
border: none !important;
}
.linklist a[href*="/h7-"]:hover img {
background-image: url(https://i.imgur.com/yszPy.png);
width: 62px;
height: 35px;position:absolute;top: 101px;margin-right: 640px;right: 31em;
border: none !important;
}

Melhores cumprimentos.

[Thor]

Nada foi alterado!

Até mais!

[Luciano98]

Olá!

O problema não está no meu código. Quando a tag img fica sem imagem ela alterna para o alt.
Painel de Controle Visualização Home Page Cabeçalho & Navegação
Clique em no botão "Banners".
Procure por "Imagem" e coloque esse link "https://2img.net/i/fa/empty.gif".

Clique em "Salvar".

Até mais.

[Thor]

Deu certo, muito obrigado Luciano!

Até mais!