Como adicionar um menu nesse estilo

2 participantes

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

Tópico resolvido Como adicionar um menu nesse estilo

Mensagem por Ping_XXT 28.04.13 15:47

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
Ping_XXT

Ping_XXT
***

Membro desde : 23/09/2012
Mensagens : 113
Pontos : 167

http://gameliveforever.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar um menu nesse estilo

Mensagem por Convidado 28.04.13 17:25

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
Anonymous

Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar um menu nesse estilo

Mensagem por Ping_XXT 29.04.13 13:03

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

Ping_XXT
***

Membro desde : 23/09/2012
Mensagens : 113
Pontos : 167

http://gameliveforever.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Como adicionar um menu nesse estilo

Mensagem por [F]lames 29.04.13 13:29

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.
[F]lames

[F]lames
Membro

Membro desde : 05/10/2012
Mensagens : 866
Pontos : 1208

http://www.bestskins.net/

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