Botões do menu

Qual é minha questão:
Tem como por botões no menu do meu fórum, igual aos botões desse fórum? http://saintseiya.web-rpg.com/
sei que tem que mexer com templates e talz..

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

Versão do fórum:
PHPBB2

Olá!

Leia: https://ajuda.forumeiros.com/t77422-tutorial-adicionar-um-menu-css-maker

Hancki

Amigo o tutorial me passa isso:

Código:

jQuery(document).ready(function(){
jQuery("#page-header .navbar, body table.bodylinewidth tbody tr td.bodyline table tbody tr td a:eq(0), #pun-head #pun-navlinks, #submenu").before("<div class='novomenu'></div>");
jQuery("#page-header .navbar, body table.bodylinewidth tbody tr td.bodyline table tbody tr td a:eq(0), #pun-head #pun-navlinks, #submenu").css({"display":"none"});});
jQuery(document).ready(function(){if(jQuery('#logout').length){var m="HTML_ENTRAR"}else{var m="HTML_SAIR"};jQuery('.novomenu').replaceWith(m)});

como eu vou saber o HTML_ENTRAR e o HTML Sair?

Veja: http://prntscr.com/343y9k

vou repetir minha pergunta:

como eu vou saber o HTML_ENTRAR e o HTML Sair?

e vou complimentar:

oque devo por nessas áreas? para ter aquele menu?

Você terá que fazer um menu para as duas situações! Um menu para quando alguém tiver logado e outro para pessoal deslogado.

Acho que estamos falando grego 1 para o outro kkkkkk
oque eu quero, é aquele menu, eu não quero criar 1 menu, eu quero aquele menu, não acha mais fácil me passar 1 código com aquele menu para eu colocar no JS?

eu não posso fazer algo, que já existe '-'

Faça um, é muito mais fácil que tirar de outro sítio e eu nem acesso ao menu completo tenho!
Façamos assim, tire as imagens do seu menu, apenas coloque em palavras, sem imagens.

oque vai adiantar ? '-'
achei algo que pode ajudar: https://ajuda.forumeiros.com/t88648-botoes-do-menu
sera q não da pra modificiar o ultimo css pra versão do meu fórum?

Vai adiantar porque eu depois posso fazer o código para a sua versão.

ok, então já mudei para só letras e tirei as imagens

Aqui ainda está como imagens: http://prntscr.com/34cfa8
Mude por favor.

desculpa minha falta de percepção, mas é pra este fórum: http://thegamemedieval.forumeiros.com/ oque n muda n, já q são da mesma versão.

Use este CSS:

Código:

.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu:first-of-type {
  margin-right: -20px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu {
  background: none repeat scroll 0 0 #DEDEDE;
  color: black;
  padding: 10px !important;
  padding-right: 25px !important;
  text-decoration: none;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu {
    line-height: 48px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu:hover {
  background: none repeat scroll 0 0 #1B9BFF !important;
  color: #FFFFFF;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #DEDEDE !important;
  border-color: -moz-use-text-color -moz-use-text-color #1B9BFF !important;
  border-image: none;
  border-style: none none solid !important;
  border-width: 0 0 4px !important;
  font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif !important;
  font-size: 12px !important;
  margin: 0 0 0 -10px !important;
}
a.mainmenu[href="/calendar"], a.mainmenu[href="/faq"] {
  display: none !important;
  width: 0px !important;
}

Deverá ficar algo assim:
- Normal: http://prntscr.com/34crxf
- Com mouse por cima: http://prntscr.com/34cs1x

Hancki

não ficou como eu queria não, eu quero que ele vá até os cantos do fórum >>> até o canto direito e até o canto esquerdo <<

e lembrando que no meu fórum, n esta assim como no seu print não, os botões tem 1 pequeno problema de espaçamento, você pode ir olhar lá

Aqui está tudo ok!
Para preencher a largura:

Código:

.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] > a.mainmenu {
  padding-bottom: 17px !important;
  padding-top: 17px !important;
}
.bodyline > table:nth-child(2)  {
  width: 100% !important;
  background-color: #DEDEDE !important;
    -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #DEDEDE !important;
  border-color: -moz-use-text-color -moz-use-text-color #1B9BFF !important;
  border-image: none;
  border-style: none none solid !important;
  border-width: 0 0 4px !important;
}

Resultados:
- Normal: http://prntscr.com/34d2em
- Mouse: http://prntscr.com/34d2i8

Mais não posso fazer :/

dê uma olhada no meu fórum, em baixo dos nome, esta outro risco preto, por um acaso, poderia resolver isso, o print que você ta passando não tem nada aver com o código '-'
já que ta dando erro.

to usando seu código:

Código:

.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] > a.mainmenu {
  padding-bottom: 17px !important;
  padding-top: 17px !important;
}
.bodyline > table:nth-child(2)  {
  width: 100% !important;
  background-color: #DEDEDE !important;
    -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #DEDEDE !important;
  border-color: -moz-use-text-color -moz-use-text-color #1B9BFF !important;
  border-image: none;
  border-style: none none solid !important;
  border-width: 0 0 4px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu:first-of-type {
  margin-right: -20px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu {
  background: none repeat scroll 0 0 #DEDEDE;
  color: black;
  padding: 10px !important;
  padding-right: 25px !important;
  text-decoration: none;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu {
    line-height: 48px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu:hover {
  background: none repeat scroll 0 0 #1B9BFF !important;
  color: #FFFFFF;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #DEDEDE !important;
  border-color: -moz-use-text-color -moz-use-text-color #1B9BFF !important;
  border-image: none;
  border-style: none none solid !important;
  border-width: 0 0 4px !important;
  font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif !important;
  font-size: 12px !important;
  margin: 0 0 0 -10px !important;
}
a.mainmenu[href="/calendar"], a.mainmenu[href="/faq"] {
  display: none !important;
  width: 0px !important;
}

Tente este:

Código:

.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] > a.mainmenu {
  padding-bottom: 17px !important;
  padding-top: 17px !important;
}
.bodyline > table:nth-child(2)  {
  width: 100% !important;
  background-color: #DEDEDE !important;
    -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #DEDEDE !important;
  border-color: -moz-use-text-color -moz-use-text-color #1B9BFF !important;
  border-image: none;
  border-style: none none solid !important;
  border-width: 0 0 4px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu:first-of-type {
  margin-right: -20px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu {
  background: none repeat scroll 0 0 #DEDEDE;
  color: black;
  padding: 10px !important;
  padding-right: 25px !important;
  text-decoration: none;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu {
    line-height: 48px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu:hover {
  background: none repeat scroll 0 0 #1B9BFF !important;
  color: #FFFFFF;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #DEDEDE !important;
  border-color: #1B9BFF !important;
  border-image: none;
  border-style: none none solid !important;
  border-width: 0 0 4px !important;
  font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif !important;
  font-size: 12px !important;
  margin: 0 0 0 -10px !important;
}
a.mainmenu[href="/calendar"], a.mainmenu[href="/faq"] {
  display: none !important;
  width: 0px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] > a.mainmenu {
  padding-bottom: 17px !important;
  padding-top: 17px !important;
}
.bodyline > table:nth-child(2)  {
  width: 100% !important;
  background-color: #DEDEDE !important;
    -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #DEDEDE !important;
  border-color: #1B9BFF !important;
  border-image: none;
  border-style: none none solid !important;
  border-width: 0 0 4px !important;
}

vá ver como ficou, deu erro dnv.

Você já deve estar misturando vários códigos! Use apenas este último!

eu só to usando o ultimo :asians:
minha folha css:

Código:

/*menu*/
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] > a.mainmenu {
  padding-bottom: 17px !important;
  padding-top: 17px !important;
}
.bodyline > table:nth-child(2)  {
  width: 100% !important;
  background-color: #DEDEDE !important;
    -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #DEDEDE !important;
  border-color: -moz-use-text-color -moz-use-text-color #1B9BFF !important;
  border-image: none;
  border-style: none none solid !important;
  border-width: 0 0 4px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu:first-of-type {
  margin-right: -20px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu {
  background: none repeat scroll 0 0 #DEDEDE;
  color: black;
  padding: 10px !important;
  padding-right: 25px !important;
  text-decoration: none;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu {
     line-height: 48px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu:hover {
  background: none repeat scroll 0 0 #1B9BFF !important;
  color: #FFFFFF;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #DEDEDE !important;
  border-color: #1B9BFF !important;
  border-image: none;
  border-style: none none solid !important;
  border-width: 0 0 4px !important;
  font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif !important;
  font-size: 12px !important;
  margin: 0 0 0 -10px !important;
}
a.mainmenu[href="/calendar"], a.mainmenu[href="/faq"] {
  display: none !important;
  width: 0px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] > a.mainmenu {
  padding-bottom: 17px !important;
  padding-top: 17px !important;
}
.bodyline > table:nth-child(2)  {
  width: 100% !important;
  background-color: #DEDEDE !important;
    -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #DEDEDE !important;
  border-color: #1B9BFF !important;
  border-image: none;
  border-style: none none solid !important;
  border-width: 0 0 4px !important;
}
/*coisas*/
td.bodyline {
border: 2px solid #b0b0a9;
border-radius: 8px;
padding: 5px!important;
position: relative!important;
top: 10px!important;
}
/*widget com contorno personalizado*/
.forumline {
-webkit-box-shadow: rgb(0, 0, 0) 0px 0px 10px;
border: 6px solid rgb(251, 123, 34);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
box-shadow: rgb(0, 0, 0) 0px 0px 10px;
padding: 5px;
border-radius: 10px;
border-color: #F5F5F5;
}
#left .catHead {
font-family: 'Monotype Corsiva';
color: #fff!important;
background: transparent;
border: none;
}
#left > table:nth-child(3) > tbody > tr:nth-child(1) > td {
font-family: 'Monotype Corsiva';
color: #fff!important;
background: transparent;
border: none;
}
#chatbox_main_options a, h2.chatbox-title a.chat-title
{
color: #fff !important;
}
/*códigos importantes*/
.bodyline > table:first-child + table {
  margin-top: -20px;
}
/*chatbox*/
#chatbox .user a {
text-decoration: none !important;
}
a {
text-decoration: none !important;
}
/* CHAT-BOX PERSONALIZADO */
#chatbox_members {
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
margin: 4px;
top: 43px;
bottom: 28px;
       left: 10;
}
#chatbox_members .member-title {
background: url(http://i55.servimg.com/u/f55/18/70/08/92/gm-loo10.jpg) repeat-x bottom #363636;
color: #fff;
padding: 5px;
text-align: left;
padding: 8px 10px;
}
#chatbox p {
background: white;
padding: 5px;
line-height: 1.3em;
}
#chatbox p span[style="color;"], #chatbox p span[style="color;"] {
  background: ;
}
#chatbox_footer {
  background: white;
  border: 0px;
}
#chatbox_footer .left {
  float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
font-family: inherit;
min-width: 430px;
color: #000;
font-size: 13px;
background-color: #fff;
padding: 3px;
margin-bottom: 2px;
border-width: 1px;
border-style: solid;
border-top-color: rgb(192,192,192);
border-right-color: rgb(233,233,233);
border-bottom-color: rgb(233,233,233);
border-left-color: rgb(192,192,192);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
outline: 0;
}
input#message.post:focus {
background: rgb(255,255,240) url(http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png) repeat-x;
border-top-color: rgb(150,150,150);
border-bottom-color: rgb(230,230,230);
  }
#submit_button, .fontbutton {
font-style: normal;
font-size: 12px;
font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
color: rgb(0, 0, 0);
background: rgb(220,220,235) url(http://i58.servimg.com/u/f58/18/24/85/15/form-b10.png) repeat-x top;
padding: 0px 6px;
border: 1px solid rgb(221, 221, 235);
border-top-color: rgb(255, 255, 255);
border-bottom-color: rgb(179, 179, 189);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
text-align: center;
-webkit-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-moz-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-khtml-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
box-shadow: 0px 1px 4px 0px rgb(200,200,210);
text-shadow: 0 0 0 transparent, 0px -1px 2px white;
outline: none;
line-height: 23px;
display: inline-block;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 23px;
}
#submit_button {
margin-left: 13px;
}
#submit_button:hover, .fontbutton:hover {
color: black;
background-color: rgb(255,255,200);
border-color: rgb(255,255,200);
border-top-color: white;
border-bottom-color: rgb(190,190,170);
}
#simple-wrap {
  background:white;
}
#chatbox_top {
  min-height: 280px;
background: url(http://i55.servimg.com/u/f55/18/70/08/92/gm-loo10.jpg)
}
#chatbox{
  top: 43px;
  bottom: 28px;
  margin: 5px;
  background: rgb(246, 246, 248);
  border: 1px solid rgb(204, 204, 204);
  padding: 5px;
  right: 0px;
  left:198;
}
/*coisas do fórum */
a.mainmenu[href="/faq"]{
display: none !important;
}
a.mainmenu[href="/calendar"]{
display: none !important;
}
#chatbox {
  background: #fff url() no-repeat 410px top;
}
.chatbox_row_1, .chatbox_row_2 {
  background: none;
}
body.chatbox {
background-color: #FFFFFF !important
}
#chatbox > p {
  background: none;
}

Substitua a sua folha CSS por esta:

Código:

/*menu*/
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] > a.mainmenu {
  padding-bottom: 17px !important;
  padding-top: 17px !important;
}
.bodyline > table:nth-child(2)  {
  width: 100% !important;
  background-color: #DEDEDE !important;
    -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #DEDEDE !important;
  border-color: -moz-use-text-color -moz-use-text-color #1B9BFF !important;
  border-image: none;
  border-style: none none solid !important;
  border-width: 0 0 4px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu:first-of-type {
  margin-right: -20px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu {
  background: none repeat scroll 0 0 #DEDEDE;
  color: black;
  padding: 10px !important;
  padding-right: 25px !important;
  text-decoration: none;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu {
    line-height: 50px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu:hover {
  background: none repeat scroll 0 0 #1B9BFF !important;
  color: #FFFFFF;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #DEDEDE !important;
  border-color: #1B9BFF !important;
  border-image: none;
  border-style: none none solid !important;
  border-width: 0 0 4px !important;
  font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif !important;
  font-size: 12px !important;
  margin: 0 0 0 -10px !important;
}
a.mainmenu[href="/calendar"], a.mainmenu[href="/faq"] {
  display: none !important;
  width: 0px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] > a.mainmenu {
  padding-bottom: 17px !important;
  padding-top: 17px !important;
}
.bodyline > table:nth-child(2)  {
  width: 100% !important;
  background-color: #DEDEDE !important;
    -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #DEDEDE !important;
  border-color: #1B9BFF !important;
  border-image: none;
  border-style: none none solid !important;
  border-width: 0 0 4px !important;
}
/*coisas*/
td.bodyline {
border: 2px solid #b0b0a9;
border-radius: 8px;
padding: 5px!important;
position: relative!important;
top: 10px!important;
}
/*widget com contorno personalizado*/
.forumline {
-webkit-box-shadow: rgb(0, 0, 0) 0px 0px 10px;
border: 6px solid rgb(251, 123, 34);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
box-shadow: rgb(0, 0, 0) 0px 0px 10px;
padding: 5px;
border-radius: 10px;
border-color: #F5F5F5;
}
#left .catHead {
font-family: 'Monotype Corsiva';
color: #fff!important;
background: transparent;
border: none;
}
#left > table:nth-child(3) > tbody > tr:nth-child(1) > td {
font-family: 'Monotype Corsiva';
color: #fff!important;
background: transparent;
border: none;
}
#chatbox_main_options a, h2.chatbox-title a.chat-title
{
color: #fff !important;
}
/*códigos importantes*/
.bodyline > table:first-child + table {
  margin-top: -20px;
}
/*chatbox*/
#chatbox .user a {
text-decoration: none !important;
}
a {
text-decoration: none !important;
}
/* CHAT-BOX PERSONALIZADO */
#chatbox_members {
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
margin: 4px;
top: 43px;
bottom: 28px;
       left: 10;
}
#chatbox_members .member-title {
background: url(http://i55.servimg.com/u/f55/18/70/08/92/gm-loo10.jpg) repeat-x bottom #363636;
color: #fff;
padding: 5px;
text-align: left;
padding: 8px 10px;
}
#chatbox p {
background: white;
padding: 5px;
line-height: 1.3em;
}
#chatbox p span[style="color;"], #chatbox p span[style="color;"] {
  background: ;
}
#chatbox_footer {
  background: white;
  border: 0px;
}
#chatbox_footer .left {
  float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
font-family: inherit;
min-width: 430px;
color: #000;
font-size: 13px;
background-color: #fff;
padding: 3px;
margin-bottom: 2px;
border-width: 1px;
border-style: solid;
border-top-color: rgb(192,192,192);
border-right-color: rgb(233,233,233);
border-bottom-color: rgb(233,233,233);
border-left-color: rgb(192,192,192);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
outline: 0;
}
input#message.post:focus {
background: rgb(255,255,240) url(http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png) repeat-x;
border-top-color: rgb(150,150,150);
border-bottom-color: rgb(230,230,230);
  }
#submit_button, .fontbutton {
font-style: normal;
font-size: 12px;
font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
color: rgb(0, 0, 0);
background: rgb(220,220,235) url(http://i58.servimg.com/u/f58/18/24/85/15/form-b10.png) repeat-x top;
padding: 0px 6px;
border: 1px solid rgb(221, 221, 235);
border-top-color: rgb(255, 255, 255);
border-bottom-color: rgb(179, 179, 189);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
text-align: center;
-webkit-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-moz-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-khtml-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
box-shadow: 0px 1px 4px 0px rgb(200,200,210);
text-shadow: 0 0 0 transparent, 0px -1px 2px white;
outline: none;
line-height: 23px;
display: inline-block;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 23px;
}
#submit_button {
margin-left: 13px;
}
#submit_button:hover, .fontbutton:hover {
color: black;
background-color: rgb(255,255,200);
border-color: rgb(255,255,200);
border-top-color: white;
border-bottom-color: rgb(190,190,170);
}
#simple-wrap {
  background:white;
}
#chatbox_top {
  min-height: 280px;
background: url(http://i55.servimg.com/u/f55/18/70/08/92/gm-loo10.jpg)
}
#chatbox{
  top: 43px;
  bottom: 28px;
  margin: 5px;
  background: rgb(246, 246, 248);
  border: 1px solid rgb(204, 204, 204);
  padding: 5px;
  right: 0px;
  left:198;
}
/*coisas do fórum */
a.mainmenu[href="/faq"]{
display: none !important;
}
a.mainmenu[href="/calendar"]{
display: none !important;
}
#chatbox {
  background: #fff url() no-repeat 410px top;
}
.chatbox_row_1, .chatbox_row_2 {
  background: none;
}
body.chatbox {
background-color: #FFFFFF !important
}
#chatbox > p {
  background: none;
}

Resultado em meu fórum de testes: http://prntscr.com/34dxpa

Não sei que fazer mais!

n resolveu nada, continua com 1 linha abaixo dos nomes do menu '-'

Substitua de novo o CSS:

Código:

/*menu*/
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] > a.mainmenu {
  padding-bottom: 17px !important;
  padding-top: 17px !important;
}
.bodyline > table:nth-child(2)  {
  width: 100% !important;
  background-color: #DEDEDE !important;
  background: none repeat scroll 0 0 #DEDEDE !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu:first-of-type {
  margin-right: -20px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu {
  background: none repeat scroll 0 0 #DEDEDE;
  color: black;
  padding: 10px !important;
  padding-right: 25px !important;
  text-decoration: none;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu {
    line-height: 50px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu:hover {
  background: none repeat scroll 0 0 #1B9BFF !important;
  color: #FFFFFF;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] a.mainmenu {
  font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif !important;
  font-size: 12px !important;
  margin: 0 0 0 -10px !important;
}
a.mainmenu[href="/calendar"], a.mainmenu[href="/faq"] {
  display: none !important;
  width: 0px !important;
}
.bodyline > table:nth-child(2) > tbody > tr > td[align="center"] > a.mainmenu {
  padding-bottom: 17px !important;
  padding-top: 17px !important;
}
.bodyline > table:nth-child(2)  {
  width: 100% !important;
  background-color: #DEDEDE !important;
}
/*coisas*/
td.bodyline {
border: 2px solid #b0b0a9;
border-radius: 8px;
padding: 5px!important;
position: relative!important;
top: 10px!important;
}
/*widget com contorno personalizado*/
.forumline {
-webkit-box-shadow: rgb(0, 0, 0) 0px 0px 10px;
border: 6px solid rgb(251, 123, 34);
border-image-source: initial;
border-image-slice: initial;
border-image-width: initial;
border-image-outset: initial;
border-image-repeat: initial;
box-shadow: rgb(0, 0, 0) 0px 0px 10px;
padding: 5px;
border-radius: 10px;
border-color: #F5F5F5;
}
#left .catHead {
font-family: 'Monotype Corsiva';
color: #fff!important;
background: transparent;
border: none;
}
#left > table:nth-child(3) > tbody > tr:nth-child(1) > td {
font-family: 'Monotype Corsiva';
color: #fff!important;
background: transparent;
border: none;
}
#chatbox_main_options a, h2.chatbox-title a.chat-title
{
color: #fff !important;
}
/*códigos importantes*/
.bodyline > table:first-child + table {
  margin-top: -20px;
}
/*chatbox*/
#chatbox .user a {
text-decoration: none !important;
}
a {
text-decoration: none !important;
}
/* CHAT-BOX PERSONALIZADO */
#chatbox_members {
background: rgb(246, 246, 248);
border: 1px solid rgb(204, 204, 204);
margin: 4px;
top: 43px;
bottom: 28px;
       left: 10;
}
#chatbox_members .member-title {
background: url(http://i55.servimg.com/u/f55/18/70/08/92/gm-loo10.jpg) repeat-x bottom #363636;
color: #fff;
padding: 5px;
text-align: left;
padding: 8px 10px;
}
#chatbox p {
background: white;
padding: 5px;
line-height: 1.3em;
}
#chatbox p span[style="color;"], #chatbox p span[style="color;"] {
  background: ;
}
#chatbox_footer {
  background: white;
  border: 0px;
}
#chatbox_footer .left {
  float: left;
}
#chatbox_messenger_form .right {margin-left: 8px;font-size:0}
input#message.post {
font-family: inherit;
min-width: 430px;
color: #000;
font-size: 13px;
background-color: #fff;
padding: 3px;
margin-bottom: 2px;
border-width: 1px;
border-style: solid;
border-top-color: rgb(192,192,192);
border-right-color: rgb(233,233,233);
border-bottom-color: rgb(233,233,233);
border-left-color: rgb(192,192,192);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
outline: 0;
}
input#message.post:focus {
background: rgb(255,255,240) url(http://i58.servimg.com/u/f58/18/24/85/15/form-e10.png) repeat-x;
border-top-color: rgb(150,150,150);
border-bottom-color: rgb(230,230,230);
  }
#submit_button, .fontbutton {
font-style: normal;
font-size: 12px;
font-family: Calibri,'Trebuchet MS',Verdana,Geneva,Arial,Helvetica,sans-serif;
color: rgb(0, 0, 0);
background: rgb(220,220,235) url(http://i58.servimg.com/u/f58/18/24/85/15/form-b10.png) repeat-x top;
padding: 0px 6px;
border: 1px solid rgb(221, 221, 235);
border-top-color: rgb(255, 255, 255);
border-bottom-color: rgb(179, 179, 189);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
-khtml-border-radius: 7px;
border-radius: 7px;
text-align: center;
-webkit-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-moz-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
-khtml-box-shadow: 0px 1px 4px 0px rgb(200,200,210);
box-shadow: 0px 1px 4px 0px rgb(200,200,210);
text-shadow: 0 0 0 transparent, 0px -1px 2px white;
outline: none;
line-height: 23px;
display: inline-block;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 23px;
}
#submit_button {
margin-left: 13px;
}
#submit_button:hover, .fontbutton:hover {
color: black;
background-color: rgb(255,255,200);
border-color: rgb(255,255,200);
border-top-color: white;
border-bottom-color: rgb(190,190,170);
}
#simple-wrap {
  background:white;
}
#chatbox_top {
  min-height: 280px;
background: url(http://i55.servimg.com/u/f55/18/70/08/92/gm-loo10.jpg)
}
#chatbox{
  top: 43px;
  bottom: 28px;
  margin: 5px;
  background: rgb(246, 246, 248);
  border: 1px solid rgb(204, 204, 204);
  padding: 5px;
  right: 0px;
  left:198;
}
/*coisas do fórum */
a.mainmenu[href="/faq"]{
display: none !important;
}
a.mainmenu[href="/calendar"]{
display: none !important;
}
#chatbox {
  background: #fff url() no-repeat 410px top;
}
.chatbox_row_1, .chatbox_row_2 {
  background: none;
}
body.chatbox {
background-color: #FFFFFF !important
}
#chatbox > p {
  background: none;
}

Tanta coisa por algo simples. Para a próxima, explique-se melhor!

Cada vez tu complica mais mano, toda vez que eu explico uma coisa, tu vem com algo diferente, vamos lá, vou começar tudo de novo, do 0, porque desse jeito não dá não, toda edição aparece um erro.

---

Quero botões no menu iguais aos desse fórum: http://saintseiya.web-rpg.com/

• Com botões com a mesma fonte.
  
• Com fundo preto
  
• Com a risca cinza abaixo do fundo preto
  
• Com o efeito do mouse " Vermelho "
  

sera que pode fazer isso ? '-'

---

Se puder mudar esse código abaixo para a versão do meu fórum, ficaria legal:

CÓDIGO:

Código:

#pun-head #pun-navlinks ul li:nth-of-type(1) a {
  background: none repeat scroll 0 0 #1B9BFF !important;
  color: #FFFFFF;
}
#pun-navlinks li a {
  margin: 0 !important;
}
#pun-navlinks a {
  background: none repeat scroll 0 0 #333333;
  color: #CBCBCB;
  display: block;
  line-height: 1em;
  padding: 0 20px;
  text-decoration: none;
}
#pun-navlinks > ul > li > a {
    line-height: 48px;
}
#pun-navlinks ul li.active > a, #pun-navlinks ul li:hover > a {
    background: none repeat scroll 0px 0px #1B9BFF;
    color: #FFFFFF;
}
#pun-head #pun-navlinks ul li {
  float: center !important;
  height: 48px;
  min-height: 1px;
  vertical-align: middle;
}
#pun-head #pun-navlinks ul {
    position: center !important;
    text-transform: uppercase;
    z-index: 597;
}
#pun-head #pun-navlinks {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #333333 !important;
  border-color: -moz-use-text-color -moz-use-text-color #1B9BFF !important;
  border-image: none;
  border-style: none none solid !important;
  border-width: 0 0 4px !important;
  font-family: 'Oxygen Mono',Tahoma,Trebuchet MS,sans-serif !important;
  font-size: 12px !important;
  margin: 0 0 0 -5px !important;
  padding: 0 !important;
  width: 101%;
}