Menu Doidão

5 participantes

Ir para baixo

Tópico resolvido Menu Doidão

Mensagem por Vinicius._. 15.11.12 12:21

Tipo a primeira print é o meu menu cinza feião, eu keria por a listra azul da sp design em cima do meu menu ou embaixo e aumentar o background do menu tipo a imagem de fundo eu keria deixar maior que nem a design sp e da cor preta o fundo, e tbm keria por a fonte arial q eu acho q é a fonte do menu da sp design e keria aumentar pra fikar igualzinho, tem como ?

USO ESSE CODE

Código:
#page-footer, div.navbar, div.navbar ul.linklist {font-size: 12px;}
#page-header .navbar ul.linklist.navlinks{ width:102.4%;left:-1.2%;background:url(http://i42.servimg.com/u/f42/17/92/42/52/gd10.png) top left repeat-x;height:42px}a.mainmenu{color:white!important;height:35px;display:inline-block;margin:0px!important;background:url(http://i42.servimg.com/u/f42/17/92/42/52/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/92/42/52/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}


Fórum: http://design-extreme.forumbrasil.net/forum (phpBB 2)

Imagens do problema: Menu Doidão 301n39iMenu Doidão 2nn1c7
Vinicius._.
Vinicius._.
Membro

Membro desde : 23/06/2012
Mensagens : 587
Pontos : 933

http://scavenge.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu Doidão

Mensagem por Consolado 15.11.12 12:51

Olá!

Aceda á "Folha de estilos CSS"
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilos 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}
Valide.

Melhores cumprimentos,
Today
Consolado
Consolado
Hiper Membro

Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu Doidão

Mensagem por Luciano98 15.11.12 13:00

Olá!

Utilize esse código CSS:
Código:
#page-header .navbar .linklist.navlinks{background-color:rgb(33,200,255)!important;padding-top:8px;background-position:left bottom!important;border-top:1px solid rgb(111,255,227)}

Até mais.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu Doidão

Mensagem por Vinicius._. 15.11.12 13:01

trokar o meu codigo por esse?
Vinicius._.
Vinicius._.
Membro

Membro desde : 23/06/2012
Mensagens : 587
Pontos : 933

http://scavenge.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu Doidão

Mensagem por Luciano98 15.11.12 13:02

Vinicius._. escreveu:trokar o meu codigo por esse?
Não, adicione o código no final da folha de estilo CSS.

Até mais.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu Doidão

Mensagem por Vinicius._. 15.11.12 13:03

deu certo só q eu queria a cor da linha vermelho e o fundo do menu preto e a fonte Arial, tem como? Obrigado!
Vinicius._.
Vinicius._.
Membro

Membro desde : 23/06/2012
Mensagens : 587
Pontos : 933

http://scavenge.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu Doidão

Mensagem por Luciano98 15.11.12 13:07

Vinicius._. escreveu:deu certo só q eu queria a cor da linha vermelho e o fundo do menu preto e a fonte Arial, tem como? Obrigado!
O fundo não está preto?

Substitua o último código passado, por esse:
Código:
#page-header .navbar .linklist.navlinks{border-top:6px solid rgb(255,60,33);margin-left:-15px}a.mainmenu{font-family:arial}

Até mais.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu Doidão

Mensagem por Vinicius._. 15.11.12 13:17

o fundo continua cinza e mudou a cor da borda de cima ta vermelha rsrs
o vermelho poderia ser um pouco mais escuro xD
Vinicius._.
Vinicius._.
Membro

Membro desde : 23/06/2012
Mensagens : 587
Pontos : 933

http://scavenge.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu Doidão

Mensagem por Luciano98 15.11.12 13:25

Vinicius._. escreveu:o fundo continua cinza e mudou a cor da borda de cima ta vermelha rsrs
o vermelho poderia ser um pouco mais escuro xD
Você quer o fundo totalmente preto?

Substitua o código anterior por esse código CSS:
Código:
#page-header .navbar .linklist.navlinks{border-top:5px solid rgb(206,16,16);margin-left:-15px}a.mainmenu{font-family:arial}

Até mais.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu Doidão

Mensagem por Vinicius._. 15.11.12 13:37

fico cinza escuro e n ta preto '-'
o vermelho fico mt escuro, diminui um poco o vermelho obrigado amigão do peito
Vinicius._.
Vinicius._.
Membro

Membro desde : 23/06/2012
Mensagens : 587
Pontos : 933

http://scavenge.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu Doidão

Mensagem por Luciano98 15.11.12 13:48

Olá!

Substitua o código anterior por esse código CSS:
Código:
#page-header .navbar .linklist.navlinks{border-top:5px solid rgb(206,16,16);margin-left:-15px;background-image:url();background-color:black}a.mainmenu{font-family:arial}

Até mais.
Luciano98
Luciano98
Membro Entusiasta

Membro desde : 02/09/2010
Mensagens : 7647
Pontos : 11049

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu Doidão

Mensagem por Vinicius._. 15.11.12 13:49

ta da msm cor
Vinicius._.
Vinicius._.
Membro

Membro desde : 23/06/2012
Mensagens : 587
Pontos : 933

http://scavenge.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu Doidão

Mensagem por BrunoH. 15.11.12 14:22

Olá!
Troque todo o código, por este:
Código:
#page-header .navbar {
border-bottom: transparent !important;
background-color: #333;
border-color: #CCC;
padding: .5em 1.1em .6em;
}
ul.navlinks {border-bottom: transparent !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 {
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;
}

Lembrando ao senhor que só é permitido up's nas mensagens depois de passarem 24 horas desde da última postagem do tópico.

Até mais! Piscada
BrunoH.
BrunoH.
Membro Entusiasta

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu Doidão

Mensagem por Vinicius._. 15.11.12 14:26

vlw brunoh mais ta azul a barra e o fundo ta cinza keria azul a linha em cima do menu e fundo preto
Vinicius._.
Vinicius._.
Membro

Membro desde : 23/06/2012
Mensagens : 587
Pontos : 933

http://scavenge.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu Doidão

Mensagem por BrunoH. 15.11.12 14:45

Olá!
Substitua por este:
Código:
#page-header .navbar {
border-bottom: transparent !important;
background-color: #333;
border-color: #CCC;
padding: .5em 1.1em .6em;
margin-left: -6px;
width: 1305px;
}
ul.navlinks {border-bottom: transparent !important;}
#page-header .navbar {
background-image: url(http://i.imgur.com/tKiSR.png);
}
#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;
}
Não irei avisar novamente ao senhor sobre os Up´s, da próxima irei tomar providencias contra o senhor!

Até mais! Piscada
BrunoH.
BrunoH.
Membro Entusiasta

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

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

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu Doidão

Mensagem por Vinicius._. 15.11.12 14:48

certim, só q bugo :S

Menu Doidão Kapidd
Vinicius._.
Vinicius._.
Membro

Membro desde : 23/06/2012
Mensagens : 587
Pontos : 933

http://scavenge.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu Doidão

Mensagem por seender 19.11.12 0:20

Olá!

Troque por este:
Código:
#page-header .navbar {
border-bottom: transparent !important;
background-color: #333;
border-color: #CCC;
padding: .5em 1.1em .6em;
margin-left: -6px;
width: 1305px;
  margin-top:-95px !important;
}
ul.navlinks {border-bottom: transparent !important;}
#page-header .navbar {
background-image: url(http://i.imgur.com/tKiSR.png);
}
#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;
}
Até mais!
seender
seender
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: Menu Doidão

Mensagem por Vinicius._. 19.11.12 12:28

Ja consegui vlw!
Quem me ajudou foi o BrunoH. ele merece ser admineiro!
Vinicius._.
Vinicius._.
Membro

Membro desde : 23/06/2012
Mensagens : 587
Pontos : 933

http://scavenge.forumeiros.com

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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