Qual o código desse menu ?

+5
[F]lames
BrunoH.
SplaSh
shanskin
Dr.Helper
9 participantes

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

Tópico resolvido Qual o código desse menu ?

Mensagem por Dr.Helper 21.10.12 23:59

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
Dr.Helper

Dr.Helper
Membro

Membro desde : 25/06/2012
Mensagens : 832
Pontos : 1231

http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Ir para o topo Ir para baixo

Tópico resolvido Re: Qual o código desse menu ?

Mensagem por shanskin 22.10.12 0:08

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

shanskin
****

Membro desde : 29/09/2012
Mensagens : 223
Pontos : 374

http://power-dark.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Qual o código desse menu ?

Mensagem por Dr.Helper 22.10.12 0:18

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 ?
Dr.Helper

Dr.Helper
Membro

Membro desde : 25/06/2012
Mensagens : 832
Pontos : 1231

http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Ir para o topo Ir para baixo

Tópico resolvido Re: Qual o código desse menu ?

Mensagem por shanskin 22.10.12 0:21

Me desculpas mais Não sei!
shanskin

shanskin
****

Membro desde : 29/09/2012
Mensagens : 223
Pontos : 374

http://power-dark.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Qual o código desse menu ?

Mensagem por SplaSh 22.10.12 0:35

Olá!

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
SplaSh

SplaSh
****

Membro desde : 07/05/2012
Mensagens : 315
Pontos : 568

http://www.brasilrevolutionadventure.com.br/

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Qual o código desse menu ?

Mensagem por BrunoH. 22.10.12 0:50

Olá! Eu amo você
Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS
Código:
#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}
e Valide!

Até mais! Piscada
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: Qual o código desse menu ?

Mensagem por [F]lames 22.10.12 0:53

Olá,

Que eu saiba, o código CSS é este :
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;
}
E como seu Fórum não é PunBB :
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;
}
Cordialmente ...


Última edição por -Persy em 22.10.12 0:58, editado 1 vez(es)
[F]lames

[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

Ir para o topo Ir para baixo

Tópico resolvido Re: Qual o código desse menu ?

Mensagem por Dr.Helper 22.10.12 0:58

BrunoH. escreveu:Olá! Eu amo você
Aceda à "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e cores Seta Cores Seta Folha de estilo CSS
Código:
#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}
e Valide!

Até mais! Piscada

Ele ficou torto !
Dr.Helper

Dr.Helper
Membro

Membro desde : 25/06/2012
Mensagens : 832
Pontos : 1231

http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Ir para o topo Ir para baixo

Membro Entusiasta

Tópico resolvido Re: Qual o código desse menu ?

Mensagem por BrunoH. 22.10.12 1:03

Olá!
Poderia me dizer qual é o problema? Visitei seu fórum e aqui está normal..

Até Mais! Piscada
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: Qual o código desse menu ?

Mensagem por Dr.Helper 22.10.12 1:06

BrunoH. escreveu:Olá!
Poderia me dizer qual é o problema? Visitei seu fórum e aqui está normal..

Até Mais! Piscada

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 ?
Dr.Helper

Dr.Helper
Membro

Membro desde : 25/06/2012
Mensagens : 832
Pontos : 1231

http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Ir para o topo Ir para baixo

Principal Contribuidor

Tópico resolvido Re: Qual o código desse menu ?

Mensagem por Sennior 22.10.12 17:28

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.
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: Qual o código desse menu ?

Mensagem por Dr.Helper 22.10.12 18:14

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 !
Dr.Helper

Dr.Helper
Membro

Membro desde : 25/06/2012
Mensagens : 832
Pontos : 1231

http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Ir para o topo Ir para baixo

Tópico resolvido Re: Qual o código desse menu ?

Mensagem por Sr.pepek 22.10.12 18:18

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;
}
avatar

Sr.pepek
Super Membro

Membro desde : 29/03/2012
Mensagens : 1175
Pontos : 1592

http://www.foxgames.forumais.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Qual o código desse menu ?

Mensagem por Dr.Helper 22.10.12 18:21

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 !
Dr.Helper

Dr.Helper
Membro

Membro desde : 25/06/2012
Mensagens : 832
Pontos : 1231

http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Ir para o topo Ir para baixo

Tópico resolvido Re: Qual o código desse menu ?

Mensagem por Liam 22.10.12 23:18

Como usar esse
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 ?
Liam

Liam
****

Membro desde : 31/08/2012
Mensagens : 205
Pontos : 294

http://www.naotenho.forumeiros.com

Ir para o topo Ir para baixo

Ajudeiro

Tópico resolvido Re: Qual o código desse menu ?

Mensagem por Sleep 22.10.12 23:22

Olá,

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. Demônio
Sleep

Sleep
Ajudeiro
Ajudeiro

Membro desde : 10/08/2012
Mensagens : 1091
Pontos : 1325

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Qual o código desse menu ?

Mensagem por Liam 22.10.12 23:24

Nao resulta ivan
Liam

Liam
****

Membro desde : 31/08/2012
Mensagens : 205
Pontos : 294

http://www.naotenho.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Qual o código desse menu ?

Mensagem por Dr.Helper 22.10.12 23:39

Liam crie outro topico !
Dr.Helper

Dr.Helper
Membro

Membro desde : 25/06/2012
Mensagens : 832
Pontos : 1231

http://ultra-pixel.forumeiros.com/ http://fb.com/DISTRICT.HACKERS https://twitter.com/@matheusvs100

Ir para o topo Ir para baixo

Tópico resolvido Re: Qual o código desse menu ?

Mensagem por Liam 22.10.12 23:51

Esquece. Malz ai kk
Liam

Liam
****

Membro desde : 31/08/2012
Mensagens : 205
Pontos : 294

http://www.naotenho.forumeiros.com

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

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