Codigo do menu

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

Resolvido Codigo do menu

Mensagem por Lucas2122 em 31/05/13, 03:38 pm

Qual é minha questão:
Gente eu estava olhando alguns temas na hiskin ai achei menu desse tema aqui http://pt.hitskin.com/buscar-um-tema/cmyk-br-design vocês pode mim passa o codigo dele? do menu.

Endereço do meu fórum:
http://moldentec.forumeiros.com

Versão do fórum:
PHPBB3
avatar

Lucas2122
Usuário destaque

Masculino
Inscrito dia : 16/08/2011
Mensagens : 774
Pontos Ativos : 1348

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

Resolvido Re: Codigo do menu

Mensagem por Luis Edit em 31/05/13, 03:51 pm

O link não está direcionando para uma página com um tema específico, sugiro que envie um link correto para que possamos ajuda-lo.

Luis Edit
Nível 8

Masculino
Inscrito dia : 16/05/2013
Mensagens : 126
Pontos Ativos : 271

Ver perfil do usuário http://rocknforum.ativoforum.com/

Resolvido Re: Codigo do menu

Mensagem por Lucas2122 em 31/05/13, 04:01 pm

avatar

Lucas2122
Usuário destaque

Masculino
Inscrito dia : 16/08/2011
Mensagens : 774
Pontos Ativos : 1348

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

Resolvido Re: Codigo do menu

Mensagem por seender em 31/05/13, 09:17 pm

Olá!

Adicione este código:
Código:
div#page-header div.navbar ul.linklist li a {
margin-left: -6px;
padding: 6px 15px 8px;
}
#page-header .navbar .navlinks a {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 0 #CB3030 inset;
    color: white;
    font: 13px helvetica,arial,sans-serif;
    text-shadow: 0 1px 1px black;
}
#page-header .navbar .navlinks{
border-bottom: 1px solid transparent;
font-weight: 700;
text-align: left;
top: -80px;
position: absolute;
}

#page-header .navbar .navlinks a:hover {
    background: none repeat scroll 0 center cyan;
    box-shadow: 0 15px 0 #CB3030 inset, 0 -15px 0 #BB2020 inset;
    color: cyan;
    text-shadow: 0 0 3px;
    transition: all 0.45s linear 0s;
}

#page-header .navbar .navlinks li a[href="/"] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    font-weight: bold;
    padding-bottom: 8px;
    text-shadow: 0 1px 1px black;
}
Adicione o código em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS

Melhores cumprimentos,
seender
avatar

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Codigo do menu

Mensagem por Lucas2122 em 01/06/13, 12:44 pm

não consigo posta meu codigo diz que ultrapassa o limite
avatar

Lucas2122
Usuário destaque

Masculino
Inscrito dia : 16/08/2011
Mensagens : 774
Pontos Ativos : 1348

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

Resolvido Re: Codigo do menu

Mensagem por Lucas2122 em 01/06/13, 12:45 pm

é por que não consigue coloca o menu ai eu ia posta o codigo CSS mais não tá dando diz que é muito grande.
avatar

Lucas2122
Usuário destaque

Masculino
Inscrito dia : 16/08/2011
Mensagens : 774
Pontos Ativos : 1348

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

Resolvido Re: Codigo do menu

Mensagem por MateusA em 01/06/13, 12:48 pm

Olá!

Troque o codigo fornecido pelo nosso amigo seender por esse:

Código:
div.navbar, div.navbar ul.linklist {
display: block !important;
}
.navbar {
background-color: #;
clear: both;
padding: 0 10px;
}
span.corners-bottom, span.corners-bottom span, span.corners-top, span.corners-top span {
height: 0;
}
span.corners-top {
background-image: url(http://illiweb.com/fa/empty.gif);
background-position: 0 0;
margin: 0 -5px;
}
#page-header .navbar .navlinks {
border-bottom: 1px solid transparent;
font-weight: 700;
position: absolute;
text-align: left;
top: -80px;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
ul.linklist li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}
div#page-header div.navbar ul.linklist li a {
margin-left: -6px;
padding: 6px 15px 8px;
}
#page-header .navbar .navlinks a {
background: none repeat scroll 0 0 rgba(0,0,0,0.5);
box-shadow: 0 3px 0 #CB3030 inset;
color: #fff;
font-family: helvetica,arial,sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-shadow: 0 1px 1px #000;
}
ul.linklist li a img {
vertical-align: middle;
}
#page-header .navbar .navlinks a:hover {
background: none repeat scroll 0 center #0ff;
box-shadow: 0 15px 0 #CB3030 inset, 0 -15px 0 #BB2020 inset;
color: #0ff;
text-shadow: 0 0 3px;
transition: all .45s linear 0;
}

Adicione o código em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS


Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Codigo do menu

Mensagem por Lucas2122 em 01/06/13, 12:57 pm

sem resultados.
avatar

Lucas2122
Usuário destaque

Masculino
Inscrito dia : 16/08/2011
Mensagens : 774
Pontos Ativos : 1348

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

Resolvido Re: Codigo do menu

Mensagem por MateusA em 01/06/13, 01:00 pm

Olá!

O seu CSS está muito cheio, terá de tirar algo para que possa adicionar o menu!

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Codigo do menu

Mensagem por Sennior em 01/06/13, 02:44 pm

Saudações!

Aqui está, coloque este código no inicio de teu CSS:

Código:
.mainmenu:hover {
background: none repeat scroll 0 center #0ff;
box-shadow: 0 15px 0 #CB3030 inset, 0 -15px 0 #BB2020 inset;
color: #0ff;
text-shadow: 0 0 3px;
transition: all .45s linear 0;
padding: 5px;
color: white !Important;
}
.mainmenu {
color: white !important;
}

Valide. Muito feliz

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Codigo do menu

Mensagem por Lucas2122 em 01/06/13, 05:13 pm

não fucionou normalmente.
avatar

Lucas2122
Usuário destaque

Masculino
Inscrito dia : 16/08/2011
Mensagens : 774
Pontos Ativos : 1348

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

Resolvido Re: Codigo do menu

Mensagem por MateusA em 01/06/13, 07:10 pm

Olá! Tive uma idéia!

Aceda a sua 'Folha de Estilos CSS'
Painel Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos CSS

Codigo:
Código:
#pun-navlinks ul, #pun-navlinks {
display: block !important;
background: transparent;
}
#pun-navlinks ul {
clear: both;
padding: 0 10px;
}
#pun-head #pun-navlinks ul {
border-bottom: 1px solid transparent;
font-weight: 700;
text-align: left;
}
#pun-head #pun-navlinks ul, #pun-head #pun-navlinks {
display: block !important;
padding: 0px 3px 1px 3px !important;
border: 0 !important;
background: transparent;
}
#pun-head #pun-navlinks ul li {
display: inline;
font-size: 1.1em;
line-height: 2.2em;
list-style-type: none;
width: auto;
}
#pun-head #pun-navlinks ul li a {
margin-left: -6px;
padding: 6px 15px 8px;
}
#pun-head #pun-navlinks ul a {
background: none repeat scroll 0 0 rgba(0,0,0,0.5);
box-shadow: 0 3px 0 #CB3030 inset;
color: #fff;
font-family: helvetica,arial,sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
text-shadow: 0 1px 1px #000;
}
#pun-head #pun-navlinks ul li a img {
vertical-align: middle;
}
#pun-head #pun-navlinks ul a:hover {
background: none repeat scroll 0 center #0ff;
box-shadow: 0 15px 0 #CB3030 inset, 0 -15px 0 #BB2020 inset;
color: #0ff;
text-shadow: 0 0 3px;
transition: all .45s linear 0;
}

Até mais.


avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Codigo do menu

Mensagem por Lucas2122 em 02/06/13, 10:27 pm

deu certo mais ficou separados os nomes dos menus um dos outros.
avatar

Lucas2122
Usuário destaque

Masculino
Inscrito dia : 16/08/2011
Mensagens : 774
Pontos Ativos : 1348

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

Resolvido Re: Codigo do menu

Mensagem por BrunoH. em 02/06/13, 10:29 pm

Olá,

Adicione este código a teu CSS:
Código:
#pun-head #pun-navlinks ul li a {margin-left: -18px!important;}
#pun-head #pun-navlinks ul li a[href="/login"] {margin-left: -19px!important;}

Até mais.
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: Codigo do menu

Mensagem por Lucas2122 em 02/06/13, 10:51 pm

fico quase junta algumas ficaram separadas
avatar

Lucas2122
Usuário destaque

Masculino
Inscrito dia : 16/08/2011
Mensagens : 774
Pontos Ativos : 1348

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

Resolvido Re: Codigo do menu

Mensagem por MateusA em 03/06/13, 08:07 am

Olá!

Entenda o codigo:

Código:
        #pun-head #pun-navlinks ul li a {margin-left: -18px!important;}
      #pun-head #pun-navlinks ul li a[href="/calendar"] {margin-left: -19px!important;}
 #pun-head #pun-navlinks ul li a[href="/login"] {margin-left: -19px!important;}

Procure por -19px quanto mais almentar mais junto ele vai ficar.
Procure por 18px quanto mais almentar mais junto vai ficar.

Até mais.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Resolvido Re: Codigo do menu

Mensagem por Lucas2122 em 05/06/13, 01:20 pm

Resolvido.
avatar

Lucas2122
Usuário destaque

Masculino
Inscrito dia : 16/08/2011
Mensagens : 774
Pontos Ativos : 1348

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

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