Codigo do menu
+2
Luis Edit
Lucas2122
6 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Codigo do menu
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
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
Re: Codigo do menu
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.
Re: Codigo do menu
Olá!
Adicione este código:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Melhores cumprimentos,
seender
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;
}
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Melhores cumprimentos,
seender
Re: Codigo do menu
é por que não consigue coloca o menu ai eu ia posta o codigo CSS mais não tá dando diz que é muito grande.
Re: Codigo do menu
Olá!
Troque o codigo fornecido pelo nosso amigo seender por esse:
Adicione o código em:
Painel...-> Visualização -> Imagens e cores -> Cores / Folha estilo CSS
Até mais.
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.
Re: Codigo do menu
Olá!
O seu CSS está muito cheio, terá de tirar algo para que possa adicionar o menu!
Até mais.
O seu CSS está muito cheio, terá de tirar algo para que possa adicionar o menu!
Até mais.
Re: Codigo do menu
Saudações!
Aqui está, coloque este código no inicio de teu CSS:
Valide.
Até mais.
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.
Até mais.
Re: Codigo do menu
Olá!
Aceda a sua 'Folha de Estilos CSS'
Codigo:
Até mais.
Aceda a sua 'Folha de Estilos CSS'
Painel Visualização Imagens e Cores Cores 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.
Re: Codigo do menu
Olá,
Adicione este código a teu CSS:
Até mais.
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.
Re: Codigo do menu
Olá!
Entenda o codigo:
Procure por -19px quanto mais almentar mais junto ele vai ficar.
Procure por 18px quanto mais almentar mais junto vai ficar.
Até mais.
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.
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos