Menu Doidão

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

Resolvido Menu Doidão

Mensagem por Vinicius._. em 15/11/12, 10:21 am

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

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

Ver perfil do usuário http://scavenge.forumeiros.com

Resolvido Re: Menu Doidão

Mensagem por Consolado em 15/11/12, 10:51 am

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(http://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(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}
Valide.

Melhores cumprimentos,
Today
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Menu Doidão

Mensagem por Luciano98 em 15/11/12, 11:00 am

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

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu Doidão

Mensagem por Vinicius._. em 15/11/12, 11:01 am

trokar o meu codigo por esse?
avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

Ver perfil do usuário http://scavenge.forumeiros.com

Resolvido Re: Menu Doidão

Mensagem por Luciano98 em 15/11/12, 11:02 am

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

Até mais.
avatar

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu Doidão

Mensagem por Vinicius._. em 15/11/12, 11:03 am

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

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

Ver perfil do usuário http://scavenge.forumeiros.com

Resolvido Re: Menu Doidão

Mensagem por Luciano98 em 15/11/12, 11:07 am

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

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu Doidão

Mensagem por Vinicius._. em 15/11/12, 11:17 am

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

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

Ver perfil do usuário http://scavenge.forumeiros.com

Resolvido Re: Menu Doidão

Mensagem por Luciano98 em 15/11/12, 11:25 am

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

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu Doidão

Mensagem por Vinicius._. em 15/11/12, 11:37 am

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

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

Ver perfil do usuário http://scavenge.forumeiros.com

Resolvido Re: Menu Doidão

Mensagem por Luciano98 em 15/11/12, 11:48 am

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

Luciano98
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 01/09/2010
Mensagens : 7648
Pontos Ativos : 11045

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Menu Doidão

Mensagem por Vinicius._. em 15/11/12, 11:49 am

ta da msm cor
avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

Ver perfil do usuário http://scavenge.forumeiros.com

Resolvido Re: Menu Doidão

Mensagem por BrunoH. em 15/11/12, 12:22 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Menu Doidão

Mensagem por Vinicius._. em 15/11/12, 12:26 pm

vlw brunoh mais ta azul a barra e o fundo ta cinza keria azul a linha em cima do menu e fundo preto
avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

Ver perfil do usuário http://scavenge.forumeiros.com

Resolvido Re: Menu Doidão

Mensagem por BrunoH. em 15/11/12, 12:45 pm

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
avatar

BrunoH.
Principal contribuidor
Principal contribuidor

Inscrito dia : 15/06/2012
Mensagens : 7675
Pontos Ativos : 10382

Ver perfil do usuário http://premiumdesign3d.blogspot.com.br/ https://www.facebook.com/brunohenrique.com.br

Resolvido Re: Menu Doidão

Mensagem por Vinicius._. em 15/11/12, 12:48 pm

certim, só q bugo :S

avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

Ver perfil do usuário http://scavenge.forumeiros.com

Resolvido Re: Menu Doidão

Mensagem por seender em 18/11/12, 10:20 pm

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

seender
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 07/04/2009
Mensagens : 9450
Pontos Ativos : 12457

Ver perfil do usuário http://www.divulgamaisweb.com https://www.facebook.com/Divulga-Mais-Web-874814432638426/

Resolvido Re: Menu Doidão

Mensagem por Vinicius._. em 19/11/12, 10:28 am

Ja consegui vlw!
Quem me ajudou foi o BrunoH. ele merece ser admineiro!
avatar

Vinicius._.
Usuário destaque

Masculino
Inscrito dia : 23/06/2012
Mensagens : 587
Pontos Ativos : 933

Ver perfil do usuário http://scavenge.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum