Modificando os botoes do fórum

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

Resolvido Modificando os botoes do fórum

Mensagem por Alex Habilidade em 01/11/12, 08:00 pm

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:
http://i49.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:
http://i49.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 Feliz

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
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Modificando os botoes do fórum

Mensagem por Luciano98 em 01/11/12, 08:04 pm

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.


Última edição por Luciano98 em 01/11/12, 08:11 pm, editado 1 vez(es)
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Modificando os botoes do fórum

Mensagem por Alex Habilidade em 01/11/12, 08:07 pm

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: http://i49.servimg.com/u/f49/14/99/55/84/assim_11.jpg

E colocar tipo como se fosse um widget asssim: http://i49.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
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Modificando os botoes do fórum

Mensagem por Luciano98 em 01/11/12, 08:10 pm

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

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Modificando os botoes do fórum

Mensagem por Alex Habilidade em 01/11/12, 08:12 pm

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

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Modificando os botoes do fórum

Mensagem por Alex Habilidade em 01/11/12, 08:30 pm

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

avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Modificando os botoes do fórum

Mensagem por Alex Habilidade em 02/11/12, 09:16 pm

Up
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Modificando os botoes do fórum

Mensagem por BrunoH. em 03/11/12, 08:40 am

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 Seta Visualização Seta Imagens e Cores Seta Cores Seta 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. Piscada
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Modificando os botoes do fórum

Mensagem por Alex Habilidade em 03/11/12, 12:37 pm

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

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

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Modificando os botoes do fórum

Mensagem por Alex Habilidade em 03/11/12, 02:38 pm

Alguém?
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Modificando os botoes do fórum

Mensagem por Luciano98 em 03/11/12, 07:33 pm

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

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Modificando os botoes do fórum

Mensagem por Alex Habilidade em 03/11/12, 07:56 pm

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
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Modificando os botoes do fórum

Mensagem por Luciano98 em 03/11/12, 08:03 pm

Camaro escreveu: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.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

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

Resolvido Re: Modificando os botoes do fórum

Mensagem por Alex Habilidade em 03/11/12, 08:10 pm

Ok, obrigado.
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

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