Menu Doidão

[Vinicius._.]

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:

[Consolado]

Olá!

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

[Luciano98]

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.

[Vinicius._.]

trokar o meu codigo por esse?

[Luciano98]

trokar o meu codigo por esse?

Não, adicione o código no final da folha de estilo CSS.

Até mais.

[Vinicius._.]

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

[Luciano98]

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.

[Vinicius._.]

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

[Luciano98]

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.

[Vinicius._.]

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

[Luciano98]

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.

[Vinicius._.]

ta da msm cor

[BrunoH.]

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!

[Vinicius._.]

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

[BrunoH.]

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!

[Vinicius._.]

certim, só q bugo :S

[seender]

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!

[Vinicius._.]

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