Menu css forum

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

Resolvido Menu css forum

Mensagem por douglasferreira.ts em 15/02/14, 06:26 pm

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, 11:56 am, editado 1 vez(es)
avatar

douglasferreira.ts
Nível 3

Masculino
Inscrito dia : 13/02/2014
Mensagens : 21
Pontos Ativos : 37

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

Resolvido Re: Menu css forum

Mensagem por Alex Habilidade em 16/02/14, 10:34 am

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
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Menu css forum

Mensagem por douglasferreira.ts em 16/02/14, 11:07 am

@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 http://i55.servimg.com/u/f55/17/92/00/32/aaaaaa11.png se tiver como ageita avisa ai '-'
avatar

douglasferreira.ts
Nível 3

Masculino
Inscrito dia : 13/02/2014
Mensagens : 21
Pontos Ativos : 37

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

Resolvido Re: Menu css forum

Mensagem por Alex Habilidade em 16/02/14, 11:12 am

Olá,

Adicione em sua folha CSS:
Código:

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

Bom domingo amigo.

Alex
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Menu css forum

Mensagem por douglasferreira.ts em 16/02/14, 11:56 am

muito obrigado
avatar

douglasferreira.ts
Nível 3

Masculino
Inscrito dia : 13/02/2014
Mensagens : 21
Pontos Ativos : 37

Ver perfil do usuário http://aposentadosnwd.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