Reorganização do menu retirar uns adicionar outros e com imagens

Olá amigos boa noite,
Estou tentando retirar alguns menus, iniciei retirando a visualização para os membros, porém, para mim ficará muito grande para o que quero fazer. Atualmente meu menu se encontra como na imagem n°1 gostaria de retirar algumas opções, deixar como a imagem n°2, via CSS e adicionar outras via CSS e deixar todas as menus com uma imagem na frente também via CSS.


Imagem n°1


Imagem n°2


Resultado:

INICIO - PORTAL - MEMBROS - RECURSOS - MAPAS - TUTORIAIS - CANAL SRC

a frente de cada um quero adicionar uma imagem!

Fora os que já são do fórum: SAIR [Convidado].

Podem me ajudar?

Saudações!

Posso fazer isto, mas preciso do endereço do fórum e da versão do mesmo, okay?

Até!

Fórum: imperioonline.forumeiros.com
Versão: © PunBB

Saudações!

Podemos utilizar este CSS para esconder:

Código:

#pun-navlinks ul li a.mainmenu[href^="/calendar"] {display: none !important;}
#pun-navlinks ul li a.mainmenu[href="/faq"] {display: none !important;}
#pun-navlinks ul li a.mainmenu[href="/groups"] {display: none !important;}

Caminho: CPainel >> Visualização >> Imagens e Cores >> Cores >>> Folha de estilo CSS

Adicione no início da folha de preferência!

Até!

O código foi adicionado e as páginas movidas para o final na organização dos menus em cabeçalhos e navegação "Barra de navegação". Falta agora o restante!

Olá,

O senhor já viu este FAQ? https://ajuda.forumeiros.com/t16325-

Desta maneira fica mais fácil adicionar/remover os botões da barra de navegação.

Abraços,
iChees

@Ichees,

dessa forma eu continuarei vendo as menu.
Existem 4 níveis (convidado, membro, moderador, administrador) eu vou adicionar mais menus então vai ficar muito grande a barra para mim e consequentemente ruim para visualizar alguma coisa em qualquer área.

Saudações,

Poderia me explicar agora o que deseja? Qual é o restante?
Fiquei confuso e não entendi bem o que deseja mas se for para adicionar os menus, o certo seria pelo tópico dado pelo nosso amigo iChees:
https://ajuda.forumeiros.com/t16325-

Assim o senhor poderá escolher o nível de visualização, sendo Convidado ou membros...
Abraços.
Sennior

O problema não se encontra em adicionar está em adicionar as imagens. Elas ficam bem juntinhas do nome do menu, quero elas mais separadas.

Veja como quero que fique as imagens:

Certo, mas qual o link de teu fórum para que eu veja as imagens?

Abraços.
Sennior

http://imperioonline.forumeiros.com/forum


Sennior,
vai ficar com um menu muito extenso. Eu não consigo editar a opção mensagem privada. talvez se diminuir ela será possível adicionar as imagens, pois se adicionar as imagens com um menu grande do jeito que tá vai ser ruim... =(

Entendo, vamos tentar arrumar, fique calmo.
Antes de mais nada, eu não vejo as imagens:
http://prntscr.com/7lfrec

Coloque-as por gentileza.
Até mais.

Sennior escreveu:Entendo, vamos tentar arrumar, fique calmo.
Antes de mais nada, eu não vejo as imagens:
http://prntscr.com/7lfrec

Coloque-as por gentileza.
Até mais.

Sennior, as que adicionei eram pretas e com o fundo do menu tbm preto, ficaram ruins de visualizar.

readicionei na menu inicio para que você visse como ficará. dê uma olhada.

Saudações,

Seria assim com este código:

Código:

img#i_icon_mini_index {
  position: relative;
  left: -5px;
  top: 2px;
}

Abraços.
Sennior

Sennior, vou manter as menus como estão!
Irei focar em outras questões mais importantes, já estou trabalhando nisso, qualquer dúvida que tiver, virei cá!