Mudar barra do menu INICIAR

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

Resolvido Mudar barra do menu INICIAR

Mensagem por Jean_Xd em 30/05/15, 07:09 pm

Olá.

Como poderia está colocando este tipo de menu em meu forum?

http://imgur.com/SSlYiFf

Aguardo.
avatar

Jean_Xd
Usuário destaque

Masculino
Inscrito dia : 05/12/2010
Mensagens : 558
Pontos Ativos : 803

Ver perfil do usuário http://bra-routeandreas.forumeiros.com/

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Luis_xD em 30/05/15, 07:18 pm

Olá Jean

Adicione esté codigo em seu Css

Código:
#pun-head #pun-navlinks {
 background: none repeat scroll 0 0 rgba(0,0,0,0.81);
 border-radius: 3px;
 box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.2), 0 0 0 1px rgba(255,255,255,0.07), 0 10px 10px rgba(0,0,0,0.2) inset;
 margin-bottom: 16px;
}

#pun-navlinks a, #pun-navlinks a:visited {
 text-decoration: none;
}

#pun-navlinks li a {
 color: #FFF;
 height: 38px;
 margin: 0 .8em 0 0;
 outline: medium none;
 padding: 11px 7px 8px 8px;
 text-shadow: 0 1px 3px rgba(0,0,0,0.5);
 text-transform: uppercase;
}

#pun-navlinks li {
 display: inline;
 font-size: 1.15em;
}


Última edição por Shaman em 30/05/15, 07:56 pm, editado 1 vez(es) (Razão : Adição da TAG [CODE])

Luis_xD
Nível 9

Masculino
Inscrito dia : 14/03/2015
Mensagens : 220
Pontos Ativos : 320

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

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Jean_Xd em 30/05/15, 07:27 pm

Olá.

Sem resultados ALGUM.

Aguardo.
avatar

Jean_Xd
Usuário destaque

Masculino
Inscrito dia : 05/12/2010
Mensagens : 558
Pontos Ativos : 803

Ver perfil do usuário http://bra-routeandreas.forumeiros.com/

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Luis_xD em 30/05/15, 07:29 pm

Qual e o link do seu forum?

Luis_xD
Nível 9

Masculino
Inscrito dia : 14/03/2015
Mensagens : 220
Pontos Ativos : 320

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

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Jean_Xd em 30/05/15, 07:39 pm

avatar

Jean_Xd
Usuário destaque

Masculino
Inscrito dia : 05/12/2010
Mensagens : 558
Pontos Ativos : 803

Ver perfil do usuário http://bra-routeandreas.forumeiros.com/

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Diapt em 30/05/15, 07:42 pm

Poderá fornecer onde viu tal de efeito?
Até,
avatar

Diapt
Nível 8

Masculino
Inscrito dia : 24/05/2015
Mensagens : 128
Pontos Ativos : 190

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

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Luis_xD em 30/05/15, 07:47 pm

Olá Vughis Aqui está : http://forum.brasilplaygames.com.br/forum

Oxe jean, testei esté codigo que te passei logo acima de sua mensagem e deu certinho aqui no meu forum de testes Louco

Tente esté codigo

Código:
#pun-head #pun-navlinks {
 background: none repeat scroll 0 0 rgba(0,0,0,0.81);
 border-radius: 3px;
 box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.2), 0 0 0 1px rgba(255,255,255,0.07), 0 10px 10px rgba(0,0,0,0.2) inset;
 margin-bottom: 16px;
}

#pun-navlinks li a {
 color: #FFF;
 height: 38px;
 margin: 0 .8em 0 0;
 outline: medium none;
 padding: 11px 7px 8px 8px;
 text-shadow: 0 1px 3px rgba(0,0,0,0.5);
 text-transform: uppercase;
}
Coloque ele na primeira linha do seu css

Até


Última edição por Shaman em 30/05/15, 07:56 pm, editado 1 vez(es) (Razão : Adição da TAG [CODE])

Luis_xD
Nível 9

Masculino
Inscrito dia : 14/03/2015
Mensagens : 220
Pontos Ativos : 320

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

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Jean_Xd em 30/05/15, 07:50 pm

Olá @Luis_xD

Meu menu contem imagens naqueles botões ... é preciso retira-las primeiro ?
avatar

Jean_Xd
Usuário destaque

Masculino
Inscrito dia : 05/12/2010
Mensagens : 558
Pontos Ativos : 803

Ver perfil do usuário http://bra-routeandreas.forumeiros.com/

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Luis_xD em 30/05/15, 07:51 pm

Tente retira-los Creio que deia certo !!! Feliz

Tente usar os 2 codigos que disponibilizei para você


Luis_xD
Nível 9

Masculino
Inscrito dia : 14/03/2015
Mensagens : 220
Pontos Ativos : 320

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

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Shaman em 30/05/15, 07:55 pm

Boa noite.

@Luis_xD peço que não use mais códigos sem a tag [code] ok? Suas mensagens serão editadas, peço que o ato não se repita.

@Jean_Xd , para começarmos a editar, peço que remova todos os códigos fornecidos acima e também remova as imagens de seu menu.

Abs.
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Diapt em 30/05/15, 07:58 pm

Saudações,
Cá estar:
Código:
#pun-navlinks li {
  display: inline;
  font-size: 1.15em;
}
* {
  margin: 0;
  padding: 0;
}
user agent stylesheetli {
  display: list-item;
  text-align: -webkit-match-parent;
}
 
#pun-navlinks ul {
  list-style: outside none none;
  margin: 0 auto;
  padding-top: 5px;
  text-align: center;
  width: 90%;
}
#pun-navlinks ul {
  list-style: none;
  text-align: center;
}
user agent stylesheetul, menu, dir {
  display: block;
  list-style-type: disc;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
  -webkit-padding-start: 40px;
}
.pun {
  line-height: 130%;
  margin: 0 auto;
  min-width: 951px;
  padding: 5px;
  width: 95%;
}

Cordialmente, Vughis
avatar

Diapt
Nível 8

Masculino
Inscrito dia : 24/05/2015
Mensagens : 128
Pontos Ativos : 190

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

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Jean_Xd em 30/05/15, 08:00 pm

Olá @Shaman .

Simplesmente não apareceu mais os botões - O código não funcionou amigo.

Abraços.


Última edição por Jean_Xd em 30/05/15, 08:01 pm, editado 1 vez(es)
avatar

Jean_Xd
Usuário destaque

Masculino
Inscrito dia : 05/12/2010
Mensagens : 558
Pontos Ativos : 803

Ver perfil do usuário http://bra-routeandreas.forumeiros.com/

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Shaman em 30/05/15, 08:02 pm

@Jean_Xd escreveu:Olá @Shaman .

Simplesmente não apareceu mais os botões - O código não funcionou amigo.

Abraços.

Olá, normal isso ^^. Vamos agora em Painel de controle Seta Visualização Seta Cabeçalho e navegação

Procure por: Exibir apenas as imagens no menu de navegação marque Não

Até mais!
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Jean_Xd em 30/05/15, 08:06 pm

@Shaman pronto amigo ! Agora falta os codigos para ativar o meu pedido.

@Vughis seu codigo não resultou.

Aguardo.
avatar

Jean_Xd
Usuário destaque

Masculino
Inscrito dia : 05/12/2010
Mensagens : 558
Pontos Ativos : 803

Ver perfil do usuário http://bra-routeandreas.forumeiros.com/

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Diapt em 30/05/15, 08:09 pm

Que versão do seu fórum é?
Cordialmente Vughis
avatar

Diapt
Nível 8

Masculino
Inscrito dia : 24/05/2015
Mensagens : 128
Pontos Ativos : 190

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

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Shaman em 30/05/15, 08:18 pm

Pronto, agora remova todos os códigos passados acima e adicione este em sua folha de estilo CSS:

Código:
ul.linklist.navlinks > li > a {
  display: inline-block!important;
  line-height: 44px!important;
  position: relative!important;
  top: -10px!important;
  background: none !important;
  color: #FFF !important;
  height: 38px !important;
  margin: 0 .8em 0 0 !important;
  outline: medium none !important;
  padding: 11px 7px 8px 8px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
  text-transform: uppercase !important;
}
ul.navlinks {
  border-bottom: 1px solid #dcdcdc !important;
  font-weight: 700 !important;
  background: none repeat scroll 0 0 rgba(0,0,0,0.81) !important;
  border-radius: 3px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.2), 0 0 0 1px rgba(255,255,255,0.07), 0 10px 10px rgba(0,0,0,0.2) inset !important;
  list-style: outside none none !important;
  margin: 0 auto !important;
  border-color: #ddd !important;
  height: 42px !important;
  text-align: center !important;
  width: 90% !important;
}

Até mais!
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Jean_Xd em 30/05/15, 08:20 pm

Ola @Shaman .

Resultou amigo... Mas teria como ela ficar maior para o lado direito e lado esquerdo? Crescer mais o comprimento dos lados. e crescer um pouco para cima e aumentar o tamanho das letras?
avatar

Jean_Xd
Usuário destaque

Masculino
Inscrito dia : 05/12/2010
Mensagens : 558
Pontos Ativos : 803

Ver perfil do usuário http://bra-routeandreas.forumeiros.com/

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Shaman em 30/05/15, 08:27 pm

Olá, troque o código por este:

Código:
ul.linklist.navlinks > li > a {
  display: inline-block!important;
  line-height: 44px!important;
  position: relative!important;
  top: -10px!important;
  background: none !important;
  color: #FFF !important;
  height: 38px !important;
  margin: 0 .8em 0 0 !important;
  outline: medium none !important;
  padding: 11px 7px 8px 8px !important;
  text-shadow: 0 1px 3px rgba(0,0,0,0.5) !important;
  text-transform: uppercase !important;
}
ul.navlinks {
  border-bottom: 1px solid #dcdcdc !important;
  font-weight: 700 !important;
  background: none repeat scroll 0 0 rgba(0,0,0,0.81) !important;
  border-radius: 3px !important;
  box-shadow: 0 1px 3px rgba(0,0,0,0.5) inset, 0 1px 0 rgba(255,255,255,0.2), 0 0 0 1px rgba(255,255,255,0.07), 0 10px 10px rgba(0,0,0,0.2) inset !important;
  list-style: outside none none !important;
  margin: 0 auto !important;
  border-color: #ddd !important;
  height: 42px !important;
  text-align: center !important;
  width: 100% !important;
}

Até mais!
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Jean_Xd em 30/05/15, 08:41 pm

Olá @Shaman .

Amigo deu certo, mas acarretou um problema ou foi eu que fiz alguma coisa errada e veja como está a cor dos topicos quando a gente vai vê-los agora ...

http://imgur.com/7yoEaSU

Chorando ou muito tr
avatar

Jean_Xd
Usuário destaque

Masculino
Inscrito dia : 05/12/2010
Mensagens : 558
Pontos Ativos : 803

Ver perfil do usuário http://bra-routeandreas.forumeiros.com/

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Shaman em 30/05/15, 08:45 pm

Então, isso não tem nada a ver com o código que lhe passei, as classes são diferentes, uma não afeta a outra. Para resolver este "problema" peço que crie um novo tópico neste mesmo fórum ok?

Podemos dar como resolvido? já que o menu está de acordo com que o senhor deseja...

Até mais!
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Jean_Xd em 30/05/15, 08:57 pm

Olá.

Pode sim - Obrigado!
avatar

Jean_Xd
Usuário destaque

Masculino
Inscrito dia : 05/12/2010
Mensagens : 558
Pontos Ativos : 803

Ver perfil do usuário http://bra-routeandreas.forumeiros.com/

Resolvido Re: Mudar barra do menu INICIAR

Mensagem por Shaman em 30/05/15, 09:05 pm

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
avatar

Shaman
Membro do Fórum

Masculino
Inscrito dia : 30/01/2014
Mensagens : 1784
Pontos Ativos : 2448

Ver perfil do usuário http://www.nexplorer.tk https://www.facebook.com/pages/Nexplorer/857666487628799?fref=ts

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