Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Qual o código desse menu ?
+5
[F]lames
BrunoH.
SplaSh
shanskin
Dr.Helper
9 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Qual o código desse menu ?
Qual é minha questão:
Aqui está o menu : https://i.imgur.com/zg9H0.png
Links e imagens do meu problema:
Não é necessário.
Endereço do meu fórum:
http://brdesign.forumeiro.com/
Versão do meu fórum:
PHPBB3
Aqui está o menu : https://i.imgur.com/zg9H0.png
Links e imagens do meu problema:
Não é necessário.
Endereço do meu fórum:
http://brdesign.forumeiro.com/
Versão do meu fórum:
PHPBB3
Re: Qual o código desse menu ?
Eu aprendi um bagui assim voce corta cada Pedacinho Inicio etc.. depois vai em (visualização) Gestão das imagens e Modo avançado depois pega as imagens que tu corto e Vai colocando no inice Portal etc...
Re: Qual o código desse menu ?
shanskin escreveu:Eu aprendi um bagui assim voce corta cada Pedacinho Inicio etc.. depois vai em (visualização) Gestão das imagens e Modo avançado depois pega as imagens que tu corto e Vai colocando no inice Portal etc...
Eu quero saber o código pra eu colocar na CSS,ai fica com aquele coisa azul tipo uma setinha sabe ?
Re: Qual o código desse menu ?
Olá!
Adicione esse codigo na sua "Folha de estilo de CSS"
Até Mais
Adicione esse codigo na sua "Folha de estilo de CSS"
- Código:
a:hover{text-shadow:0 0 1px #000}
#page-header .navbar {
border-top: 5px solid #21C8FF!important;
height: 43px;
overflow: visible!important;
padding: 1px 10px!important;
}
#page-header .navbar {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#page-header .navbar {
background-color: #333;
border-color: #CCC;
padding: .5em 1.1em .6em;
}
#page-footer, div.navbar, div.navbar ul.linklist {
display: block !important;
}
.navbar {
background-color: white;
clear: both;
padding: 0 10px;
}
Até Mais
Re: Qual o código desse menu ?
Olá!
Aceda à "Folha de estilo CSS":
Até mais!
Aceda à "Folha de estilo CSS":
Código:Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSS
e Valide!#page-header .navbar ul.linklist.navlinks{ width:102.4%;left:-1.2%;background:url(https://i.imgur.com/uZ3pX.png) top left repeat-x;height:42px}a.mainmenu{color:white!important;height:35px;display:inline-block;margin:0px!important;background:url(https://i.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat;padding-right:10px;padding-top:7px}a.mainmenu:hover{background:url(https://i.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat,url(https://i.servimg.com/u/f42/17/32/13/00/menu-s14.png) top center no-repeat}
Até mais!
Re: Qual o código desse menu ?
Olá,
Que eu saiba, o código CSS é este :
Que eu saiba, o código CSS é este :
E como seu Fórum não é PunBB :PunBB :
- Código:
#pun-head #pun-navlinks {
background-color: #333;
border-color: #CCC;
padding: 0.5em 1.1em 0.6em;
}
#pun-navlinks, #pun-foot {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#pun-navlinks {
height: 43px;
border-top: 5px solid #21C8FF;
overflow: visible;
padding: 1px 10px;
}
#pun-navlinks li {
-webkit-transition: all 0.2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) 40% -10px no-repeat;
padding-top: 14px;
position: relative;
}
#pun-navlinks li {
display: inline;
font-size: 1.15em;
}
#pun-navlinks a, #pun-navlinks a:visited {
text-decoration: none;
}
#pun-foot a, #pun-navlinks li a {
color: #EDEDED;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
margin: 0px;
}
#pun-navlinks li a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 50% repeat-y;
color: white;
font-weight: 700;
padding: 14px 7px 14px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0px;
text-decoration: none;
}
Cordialmente ...phpBB3 :
- Código:
#page-header .navbar {
background-color: #333;
border-color: #CCC;
padding: 0.5em 1.1em 0.6em;
}
.navbar {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
.navbar {
height: 43px;
border-top: 5px solid #21C8FF;
overflow: visible;
padding: 1px 10px;
}
.navbar ul.linklist li:hover {
-webkit-transition: all 0.2s linear;
background: url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) 10px 2px no-repeat;
padding-top: 14px;
position: relative;
}
.navbar ul.linklist li {
display: inline;
font-size: 1.15em;
}
#page-header .navbar a, #page-header .navbar a:visited {
text-decoration: none;
}
#page-header .navbar li a {
color: #EDEDED;
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
margin: 0px;
}
#page-header .navbar li a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 50% repeat-y;
color: white;
font-weight: 700;
padding: 14px 7px 14px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
margin: 0px;
text-decoration: none;
}
ul.navlinks {
font-weight: 700;
text-align: left;
}
Última edição por -Persy em 22.10.12 0:58, editado 1 vez(es)
Re: Qual o código desse menu ?
BrunoH. escreveu:Olá!
Aceda à "Folha de estilo CSS":Código:Painel de Controle Visualização Imagens e cores Cores Folha de estilo CSSe Valide!#page-header .navbar ul.linklist.navlinks{ width:102.4%;left:-1.2%;background:url(https://i.imgur.com/uZ3pX.png) top left repeat-x;height:42px}a.mainmenu{color:white!important;height:35px;display:inline-block;margin:0px!important;background:url(https://i.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat;padding-right:10px;padding-top:7px}a.mainmenu:hover{background:url(https://i.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat,url(https://i.servimg.com/u/f42/17/32/13/00/menu-s14.png) top center no-repeat}
Até mais!
Ele ficou torto !
Re: Qual o código desse menu ?
Olá!
Poderia me dizer qual é o problema? Visitei seu fórum e aqui está normal..
Até Mais!
Poderia me dizer qual é o problema? Visitei seu fórum e aqui está normal..
Até Mais!
Re: Qual o código desse menu ?
BrunoH. escreveu:Olá!
Poderia me dizer qual é o problema? Visitei seu fórum e aqui está normal..
Até Mais!
Veja a imagem : https://i.imgur.com/BcHm5.png
Como pode ver o menu está muito para a direita,teria como coloca-lo um pouquinho para a esquerda ?
Re: Qual o código desse menu ?
Olá senhor,
Troque o código mandado pelo Bruno por este:
Abraços.
Troque o código mandado pelo Bruno por este:
- Código:
#page-header .navbar ul.linklist.navlinks{ width:122.4%;left:-1.2%;background:url(http://i.imgur.com/uZ3pX.png) top leftrepeatx;height:42px}a.mainmenu{color:white!important;height:35px;display:inlineblock;margin:0px!important;background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat;padding-right:10px;padding-top:7px}a.mainmenu:hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat,url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) top center no-repeat}
Abraços.
Re: Qual o código desse menu ?
Mikéé escreveu:Olá senhor,
Troque o código mandado pelo Bruno por este:
- Código:
#page-header .navbar ul.linklist.navlinks{ width:122.4%;left:-1.2%;background:url(http://i.imgur.com/uZ3pX.png) top leftrepeatx;height:42px}a.mainmenu{color:white!important;height:35px;display:inlineblock;margin:0px!important;background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat;padding-right:10px;padding-top:7px}a.mainmenu:hover{background:url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) 100% 44% no-repeat,url(http://i42.servimg.com/u/f42/17/32/13/00/menu-s14.png) top center no-repeat}
Abraços.
Continua bugado !
Re: Qual o código desse menu ?
Olá,
Tente este código:
Tente este código:
- Código:
#page-header .navbar {
background-color: #333;
border-color: #CCC;
padding: .5em 1.1em .6em;
}
#page-header .navbar {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#page-header .navbar {
border-top: 5px solid #21C8FF!important;
height: 43px;
overflow: visible!important;
padding: 1px 10px!important;
}
#page-header .navbar 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;
}
#page-header .navbar ul[class="clearfix"] {
border: 0!important;
padding-top: 4px;
width: 90%;
}
#page-header .navbar a, #page-header .navbar a:visited {
text-decoration: none;
}
#page-header .navbar a, #page-header .navbar a {
color: #EDEDED;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 700;
margin: 0;
}
#page-header .navbar li a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;
color: white;
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;
}
#page-header .navbar 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;
padding-top: 14px;
position: relative;
transition: all .2s linear;
}
#page-header .navbar li {
display: inline;
font-size: 1.15em;
}
Re: Qual o código desse menu ?
Jake. escreveu:Olá,
Tente este código:
- Código:
#page-header .navbar {
background-color: #333;
border-color: #CCC;
padding: .5em 1.1em .6em;
}
#page-header .navbar {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#page-header .navbar {
border-top: 5px solid #21C8FF!important;
height: 43px;
overflow: visible!important;
padding: 1px 10px!important;
}
#page-header .navbar 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;
}
#page-header .navbar ul[class="clearfix"] {
border: 0!important;
padding-top: 4px;
width: 90%;
}
#page-header .navbar a, #page-header .navbar a:visited {
text-decoration: none;
}
#page-header .navbar a, #page-header .navbar a {
color: #EDEDED;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 700;
margin: 0;
}
#page-header .navbar li a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;
color: white;
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;
}
#page-header .navbar 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;
padding-top: 14px;
position: relative;
transition: all .2s linear;
}
#page-header .navbar li {
display: inline;
font-size: 1.15em;
}
Vlw ! pode fechar !
Re: Qual o código desse menu ?
Como usar esse
Só que a cor mais preto ?
- Código:
#page-header .navbar {
background-color: #333;
border-color: #CCC;
padding: .5em 1.1em .6em;
}
#page-header .navbar {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#page-header .navbar {
border-top: 5px solid #21C8FF!important;
height: 43px;
overflow: visible!important;
padding: 1px 10px!important;
}
#page-header .navbar 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;
}
#page-header .navbar ul[class="clearfix"] {
border: 0!important;
padding-top: 4px;
width: 90%;
}
#page-header .navbar a, #page-header .navbar a:visited {
text-decoration: none;
}
#page-header .navbar a, #page-header .navbar a {
color: #EDEDED;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 700;
margin: 0;
}
#page-header .navbar li a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;
color: white;
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;
}
#page-header .navbar 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;
padding-top: 14px;
position: relative;
transition: all .2s linear;
}
#page-header .navbar li {
display: inline;
font-size: 1.15em;
}
Só que a cor mais preto ?
Re: Qual o código desse menu ?
Olá,
Liam tenta assim:
Abraços.
Liam tenta assim:
- Código:
#page-header .navbar {
background-color: #333;
border-color: black;
padding: .5em 1.1em .6em;
}
#page-header .navbar {
background-image: -moz-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -webkit-gradient(linear, 0% 0%, 0% 10% 100%, from(#313029), to(#58564A), to(#313029));
background-image: -webkit-linear-gradient(#313029, #58564A 10%, #313029);
background-image: -o-linear-gradient(#313029, #58564A 10%, #313029);
}
#page-header .navbar {
border-top: 5px solid #21C8FF!important;
height: 43px;
overflow: visible!important;
padding: 1px 10px!important;
}
#page-header .navbar 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;
}
#page-header .navbar ul[class="clearfix"] {
border: 0!important;
padding-top: 4px;
width: 90%;
}
#page-header .navbar a, #page-header .navbar a:visited {
text-decoration: none;
}
#page-header .navbar a, #page-header .navbar a {
color: #EDEDED;
font-family: Trebuchet MS,"Lucida Grande",Verdana,Helvetica,Arial,sans-serif;
font-size: 12px;
font-weight: 700;
margin: 0;
}
#page-header .navbar li a {
background: url(http://i42.servimg.com/u/f42/17/32/13/00/nav-di10.png) repeat-y center right;
color: white;
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;
}
#page-header .navbar 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;
padding-top: 14px;
position: relative;
transition: all .2s linear;
}
#page-header .navbar li {
display: inline;
font-size: 1.15em;
}
Abraços.
Tópicos semelhantes
» Codigo de menu
» Código de menu
» Problema com código de menu
» Código css para menu
» Pedido de código de menu
» Código de menu
» Problema com código de menu
» Código css para menu
» Pedido de código de menu
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos