Menu css forum

2 participantes

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

Tópico resolvido Menu css forum

Mensagem por douglasferreira.ts 15.02.14 20:26

Qual é minha questão:
Olá gostaria de um menu css "parecido" com este:http://srdteam.forumeiros.com/ mandem  os codigos para eu escolher

Endereço do meu fórum:
http://fastandfurious.forumeiros.com

Versão do fórum:
PHPBB3


Última edição por douglasferreira.ts em 16.02.14 14:56, editado 1 vez(es)
douglasferreira.ts

douglasferreira.ts
Novo Membro

Membro desde : 13/02/2014
Mensagens : 21
Pontos : 37

http://aposentadosnwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu css forum

Mensagem por Alex Habilidade 16.02.14 13:34

Olá bom dia,

Adicione em sua folha CSS:
Código:

#page-header .navbar {
    background-color: #1F1F1F;
    border-bottom: medium none rgba(0, 0, 0, 0) !important;
    border-left-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-top: 4px solid #23F754 !important;
    height: 44px;
    overflow: visible !important;
    padding: 1px 9px !important;
}
ul.navlinks {
    border-bottom: medium none rgba(0, 0, 0, 0) !important;
}
#page-header .navbar li:hover {
    background: url("http://img69.imageshack.us/img69/9241/semttulo1ak.png") no-repeat scroll 30% top rgba(0, 0, 0, 0);
}
#page-header .navbar ul[class="clearfix"] {
    border: 0 none !important;
    padding-top: 3px;
    width: 100%;
}
#page-header .navbar a, #page-header .navbar a:visited {
    text-decoration: none;
}
#page-header .navbar a, #page-header .navbar a {
    color: #FFFFFF;
    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 scroll right center rgba(0, 0, 0, 0);
    color: #FFFFFF;
    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 {
    background: url("http://img69.imageshack.us/img69/9241/semttulo1ak.png") no-repeat scroll 30% 50px rgba(0, 0, 0, 0);
    display: inline;
    font-size: 1.15em;
    padding-top: 14px;
    position: relative;
    transition: all 0.2s linear 0s;
}

Tenha um ótimo domingo amigo.

Alex
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu css forum

Mensagem por douglasferreira.ts 16.02.14 14:07

Alex Habilidade escreveu:Olá bom dia,

Adicione em sua folha CSS:
Código:

#page-header .navbar {
    background-color: #1F1F1F;
    border-bottom: medium none rgba(0, 0, 0, 0) !important;
    border-left-color: #CCCCCC;
    border-right-color: #CCCCCC;
    border-top: 4px solid #23F754 !important;
    height: 44px;
    overflow: visible !important;
    padding: 1px 9px !important;
}
ul.navlinks {
    border-bottom: medium none rgba(0, 0, 0, 0) !important;
}
#page-header .navbar li:hover {
    background: url("http://img69.imageshack.us/img69/9241/semttulo1ak.png") no-repeat scroll 30% top rgba(0, 0, 0, 0);
}
#page-header .navbar ul[class="clearfix"] {
    border: 0 none !important;
    padding-top: 3px;
    width: 100%;
}
#page-header .navbar a, #page-header .navbar a:visited {
    text-decoration: none;
}
#page-header .navbar a, #page-header .navbar a {
    color: #FFFFFF;
    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 scroll right center rgba(0, 0, 0, 0);
    color: #FFFFFF;
    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 {
    background: url("http://img69.imageshack.us/img69/9241/semttulo1ak.png") no-repeat scroll 30% 50px rgba(0, 0, 0, 0);
    display: inline;
    font-size: 1.15em;
    padding-top: 14px;
    position: relative;
    transition: all 0.2s linear 0s;
}

Tenha um ótimo domingo amigo.

Alex


olá amigo ficou otimo mais a barra busca ficou bugada olha https://i.servimg.com/u/f55/17/92/00/32/aaaaaa11.png se tiver como ageita avisa ai '-'
douglasferreira.ts

douglasferreira.ts
Novo Membro

Membro desde : 13/02/2014
Mensagens : 21
Pontos : 37

http://aposentadosnwd.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu css forum

Mensagem por Alex Habilidade 16.02.14 14:12

Olá,

Adicione em sua folha CSS:
Código:

.inputbox.search {
    margin-top: 20px!important;
}
.button2 {
    margin-top: 20px!important;
}

Bom domingo amigo.

Alex
Alex Habilidade

Alex Habilidade
Hiper Membro

Membro desde : 10/01/2011
Mensagens : 2795
Pontos : 3774

http://www.gzhabilidade.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Menu css forum

Mensagem por douglasferreira.ts 16.02.14 14:56

muito obrigado
douglasferreira.ts

douglasferreira.ts
Novo Membro

Membro desde : 13/02/2014
Mensagens : 21
Pontos : 37

http://aposentadosnwd.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