Como adicionar um menu nesse estilo

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

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é

por Ping_XXT 29.04.13 13:03

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

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.

Hitskin.com