Modificando os botoes do fórum

[Alex Habilidade]

Qual é minha questão:
Olá A todos,

Queria saber se tem como eu modificar meus botões, vejam como eu quero:
O meu fórum está com os botões dessa maneira:
https://i.servimg.com/u/f49/14/99/55/84/assim_11.jpg

Meu objetivo é remover esses botões da lí e deixar eles como se fossem um widget, veja o exemplo:
https://i.servimg.com/u/f49/14/99/55/84/semelh10.jpg

O meu outro objetivo seria exatamente remover o inicio do fórum onde se encontrar as categorias e sub categorias e deixa apenas a parte do portal no centro do fórum e do lado esquerdo os widgets com os botões, porém, eu queria saber se isto é possível e caso seja possível, alguém poderia me ajudar? Ficarei grato pois quero deixar algo diferente do comum e esse é a melhor forma que achei

Obrigado.



Links e imagens do meu problema:
Não é necessário.

Endereço do meu fórum:
http://maniaonline.foroactivo.com.mx/

Versão do meu fórum:
PUNBB

[Luciano98]

Olá!

Adicione esse código no seu CSS:

Código:

#pun-navlinks{background-image:-o-linear-gradient(#313029,#58564A10%,#313029);border-top:5px solid #21C8FF!important;height:43px;overflow:visible!important;padding:1px 10px!important}#pun-navlinks li:hover{-webkit-transition:all .2s linear;background:url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% top}#pun-navlinks ul[class="clearfix"]{border:0!important;padding-top:4px;width:90%}#pun-navlinks a,#pun-navlinks a:visited{text-decoration:none}#pun-navlinks li a{background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;color:#fff;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:700;margin:0!important;padding:14px 7px 14px 0;text-decoration:none!important}

Até mais.

[Alex Habilidade]

Olá luciano,

A opção "Exibir apenas as imagens no menu de navegação " ja estava marcada como não, e lembrando que eu quero remover esses botoes: https://i.servimg.com/u/f49/14/99/55/84/assim_11.jpg

E colocar tipo como se fosse um widget asssim: https://i.servimg.com/u/f49/14/99/55/84/semelh10.jpg

E no inicio do fórum, onde se encontra as categorias eu queria remover elas da lí deixar teoricamente "invisiveis" e deixar apenas o conteúdo do portal estilo esse meu veja:
http://maniaonline.foroactivo.com.mx/portal

[Luciano98]

Olá!

Retire esse código do seu CSS:

Código:

#pun-navlinks{background-image:-o-linear-gradient(#313029,#58564A10%,#313029);border-top:5px solid #21C8FF!important;height:43px;overflow:visible!important;padding:1px 10px!important}#pun-navlinks li:hover{-webkit-transition:all .2s linear;background:url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% top}#pun-navlinks ul[class="clearfix"]{border:0!important;padding-top:4px;width:90%}#pun-navlinks a,#pun-navlinks a:visited{text-decoration:none}#pun-navlinks li a{background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;color:#fff;font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:700;margin:0!important;padding:14px 7px 14px 0;text-decoration:none!important}#pun-navlinks li{-moz-transition:all .2s linear;-o-transition:all .2s linear;-webkit-transition:all .2s linear;background:url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) no-repeat 40% -10px;display:inline;font-size:1.15em;padding-top:14px;position:relative;transition:all .2s linear}

Até mais.

[Alex Habilidade]

Está Removido os botoes ainda aparecem so que comum :/

[Alex Habilidade]

Quero remover esses botoes da lí de cima luciano e deixa como a segunda imagem que lhe mostrei.

[Alex Habilidade]

Up

[BrunoH.]

Olá!
Pelo oque eu entendi o senhor deseja remover todo o menu, para poder criar outro menu em forma de Widgets, seria isto?
Aceda a "Folha de Estilo CSS":

Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS

Código:

#pun-head #pun-navlinks {
display: none !important;
}

e Valide!

Tópico movido de 'Questões sobre códigos' para 'Questões sobre a aparência do fórum'

Atenciosamente,
BrunoH.

[Alex Habilidade]

Os botões sumiram, Agora queria que me passasem uns botões igual o meu exemplo:
https://i.servimg.com/u/f49/14/99/55/84/semelh10.jpg

Estilo esse, alguém pode me passar o código?

[Alex Habilidade]

Alguém?

[Luciano98]

Olá!

Utilize esse código CSS:

Código:

#pun-navlinks{background-color:transparent!important;margin-top:5px;padding-top:30px!important;max-width:193px;position:absolute;width:164px;text-align:left}#left{padding-top:164px}#pun-navlinks a{background:transparent url(http://i42.servimg.com/u/f42/17/32/13/00/m_off10.png) no-repeat top left;border-bottom:#999 dashed 1px;color:#3689D1;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px!important;font-weight:bold;text-align:left;display:block!important;height:20px;margin-top:-15px!important;padding-left:15px;padding-top:2px;width:105px}#pun-navlinks a:hover{background-image:url(http://i42.servimg.com/u/f42/17/32/13/00/m_on10.png);padding-left:18px;text-shadow:none;text-decoration:none!important;color:#60BF96}

Até mais.

[Alex Habilidade]

Luciano, era quase isso que eu quero.
Eu só quero deixa o início do fórum, esses botões novos que você me passou, tem como eu adicionar mas opções?
Porque eu quero tipo assim, criar um botão escrito: Mania online - Quando passa o mouse no botão mania online ele aparece mais opções que são as que estão na categoria como pode observar: http://maniaonline.foroactivo.com.mx/forum
E assim sucivamente

[Luciano98]

Luciano, era quase isso que eu quero.
Eu só quero deixa o início do fórum, esses botões novos que você me passou, tem como eu adicionar mas opções?
Porque eu quero tipo assim, criar um botão escrito: Mania online - Quando passa o mouse no botão mania online ele aparece mais opções que são as que estão na categoria como pode observar: http://maniaonline.foroactivo.com.mx/forum
E assim sucivamente

Isso é outra dúvida, sobre sub-menus, para isso você deve criar outro tópico.

Até mais.

[Alex Habilidade]

Ok, obrigado.