Como adicionar um menu nesse estilo

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

Resolvido Como adicionar um menu nesse estilo

Mensagem por Ping_XXT em 28/04/13, 11:47 am

Qual é minha questão:
Http://expert.forum.st/

Eu gostaria de um menu naquele estilo,  porém grande.

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

Versão do fórum:
PHPBB3
avatar

Ping_XXT
Nível 8

Masculino
Inscrito dia : 23/09/2012
Mensagens : 113
Pontos Ativos : 167

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

Resolvido Re: Como adicionar um menu nesse estilo

Mensagem por Convidado em 28/04/13, 01:25 pm

Saudações!

Adicione o código em sua "Folha de estilo CSS":
Código:
Código:
.linklist.navlinks {
background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/button23.gif');
   height: 18px;
   overflow: hidden;
        border-left: solid 1px #121212;
   border-bottom: solid 1px #000;
   border-top: solid 1px #000;
   color: #FFFFFF;
   text-align: center;
   font-size: 12px;
   padding: 4.5px;
        width: 98.6%;
        margin-left: -6px;
   }
/* Submenu */
.linklist.navlinks {
   padding: 0.3em 0 0.0em;
   text-align: center;
        color: #FFFFFF;
   }


/*
.linklist.navlinks {
background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/button20.gif');
   height: 18px;
   /*overflow: hidden;*/
   border-bottom: solid 1px #000;
   border-top: solid 1px #000;
   color: #FFFFFF;
   text-align: left;
   font-size: 12px;
   padding: 4px;
        width: 98.6%;
        margin-left: -4px;
   }
/* Submenu */
.linklist.navlinks{
        height: 18px;
   padding: 0.0em 0 0.0em;
   text-align: left;
        color: #FFFFFF;
margin-left: -4px;
   }
*/

.linklist.navlinks {
   padding: 0;
   }
.linklist.navlinks{
   padding: 0;
   }
.linklist.navlinks ul {
   list-style: none;
   text-align: left;
   }
.linklist.navlinks ul li {
   
/*line-height: 2em;
   */
}

.linklist.navlinks ul li a {
        padding: 0.0em 0em 0.0em 0;
   /*padding: 0.5em 1em 0.65em 0;*/
   margin: 0.5em 1em 0.65em 0;
   text-decoration: bold;
color: #FFFFFF;
margin-left: 15px;
   }

.linklist.navlinks ul li a {
   display: inline-block;
   }


.linklist.navlinks ul li a {
   display: inline-block;
   }

.linklist.navlinks ul li a img {
   display: none;
   }

Até Piscada

Convidado
Convidado


Resolvido Re: Como adicionar um menu nesse estilo

Mensagem por Ping_XXT em 29/04/13, 09:03 am

Só que eu queria o fundo preto e para a direita.
avatar

Ping_XXT
Nível 8

Masculino
Inscrito dia : 23/09/2012
Mensagens : 113
Pontos Ativos : 167

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

Resolvido Re: Como adicionar um menu nesse estilo

Mensagem por [F]lames em 29/04/13, 09:29 am

Olá,

Aqui está com fundo preto:

Código:
.linklist.navlinks {
background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/button23.gif');
height: 27px;
overflow: hidden;
border-left: solid 1px #121212;
border-bottom: solid 1px #000;
border-top: solid 1px #000;
color: #FFFFFF;
text-align: center;
font-size: 12px;
padding: 4.5px;
width: 98.6%;
margin-left: -6px;
-webkit-filter: grayScale();
}
/* Submenu */
.linklist.navlinks {
  padding: 0.3em 0 0.0em;
  text-align: center;
        color: #FFFFFF;
  }


/*
.linklist.navlinks {
background-image: url('http://i72.servimg.com/u/f72/12/12/58/19/button20.gif');
  height: 18px;
  /*overflow: hidden;*/
  border-bottom: solid 1px #000;
  border-top: solid 1px #000;
  color: #FFFFFF;
  text-align: left;
  font-size: 12px;
  padding: 4px;
        width: 98.6%;
        margin-left: -4px;
  }
/* Submenu */
.linklist.navlinks{
        height: 18px;
  padding: 0.0em 0 0.0em;
  text-align: left;
        color: #FFFFFF;
margin-left: -4px;
  }
*/

.linklist.navlinks {
  padding: 0;
  }
.linklist.navlinks{
  padding: 0;
  }
.linklist.navlinks ul {
  list-style: none;
  text-align: left;
  }
.linklist.navlinks ul li {
 
/*line-height: 2em;
  */
}

.linklist.navlinks ul li a {
        padding: 0.0em 0em 0.0em 0;
  /*padding: 0.5em 1em 0.65em 0;*/
  margin: 0.5em 1em 0.65em 0;
  text-decoration: bold;
color: #FFFFFF;
margin-left: 15px;
  }

.linklist.navlinks ul li a {
  display: inline-block;
  }


.linklist.navlinks ul li a {
  display: inline-block;
  }

.linklist.navlinks ul li a img {
  display: none;
  }
Resulta ?

Até mais.
avatar

[F]lames
Usuário destaque

Masculino
Inscrito dia : 05/10/2012
Mensagens : 866
Pontos Ativos : 1207

Ver perfil do usuário http://www.bestskins.net/

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