Codigo do menu

+2
Luis Edit
Lucas2122
6 participantes

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

Tópico resolvido Codigo do menu

Mensagem por Lucas2122 31.05.13 19:38

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
Lucas2122

Lucas2122
Membro

Membro desde : 17/08/2011
Mensagens : 774
Pontos : 1348

http://moldentec.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo do menu

Mensagem por Luis Edit 31.05.13 19:51

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

Luis Edit
***

Membro desde : 16/05/2013
Mensagens : 126
Pontos : 271

http://rocknforum.ativoforum.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo do menu

Mensagem por Lucas2122 31.05.13 20:01

Lucas2122

Lucas2122
Membro

Membro desde : 17/08/2011
Mensagens : 774
Pontos : 1348

http://moldentec.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Codigo do menu

Mensagem por seender 01.06.13 1:17

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
seender

seender
Membro Entusiasta
Membro Entusiasta

Membro desde : 07/04/2009
Mensagens : 9449
Pontos : 12455

http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo do menu

Mensagem por Lucas2122 01.06.13 16:44

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

Lucas2122
Membro

Membro desde : 17/08/2011
Mensagens : 774
Pontos : 1348

http://moldentec.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo do menu

Mensagem por Lucas2122 01.06.13 16:45

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

Lucas2122
Membro

Membro desde : 17/08/2011
Mensagens : 774
Pontos : 1348

http://moldentec.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo do menu

Mensagem por MateusA 01.06.13 16:48

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://2img.net/i/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.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo do menu

Mensagem por Lucas2122 01.06.13 16:57

sem resultados.
Lucas2122

Lucas2122
Membro

Membro desde : 17/08/2011
Mensagens : 774
Pontos : 1348

http://moldentec.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo do menu

Mensagem por MateusA 01.06.13 17:00

Olá!

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

Até mais.
MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Codigo do menu

Mensagem por Sennior 01.06.13 18:44

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

Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo do menu

Mensagem por Lucas2122 01.06.13 21:13

não fucionou normalmente.
Lucas2122

Lucas2122
Membro

Membro desde : 17/08/2011
Mensagens : 774
Pontos : 1348

http://moldentec.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo do menu

Mensagem por MateusA 01.06.13 23:10

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.


MateusA

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo do menu

Mensagem por Lucas2122 03.06.13 2:27

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

Lucas2122
Membro

Membro desde : 17/08/2011
Mensagens : 774
Pontos : 1348

http://moldentec.forumeiros.com/forum

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Codigo do menu

Mensagem por BrunoH. 03.06.13 2:29

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

BrunoH.
Membro Entusiasta
Membro Entusiasta

Membro desde : 15/06/2012
Mensagens : 7675
Pontos : 10385

http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo do menu

Mensagem por Lucas2122 03.06.13 2:51

fico quase junta algumas ficaram separadas
Lucas2122

Lucas2122
Membro

Membro desde : 17/08/2011
Mensagens : 774
Pontos : 1348

http://moldentec.forumeiros.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo do menu

Mensagem por MateusA 03.06.13 12:07

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

MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Codigo do menu

Mensagem por Lucas2122 05.06.13 17:20

Resolvido.
Lucas2122

Lucas2122
Membro

Membro desde : 17/08/2011
Mensagens : 774
Pontos : 1348

http://moldentec.forumeiros.com/forum

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo


Permissões neste sub-fórum
Não podes responder a tópicos