Botões do menu

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

Resolvido Botões do menu

Mensagem por coenzi em 25/03/14, 04:02 pm

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


Última edição por coenzi em 27/03/14, 02:22 pm, editado 2 vez(es)
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botões do menu

Mensagem por Hancki em 25/03/14, 04:18 pm

avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Botões do menu

Mensagem por coenzi em 25/03/14, 06:38 pm

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?
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botões do menu

Mensagem por Hancki em 25/03/14, 06:39 pm

avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Botões do menu

Mensagem por coenzi em 25/03/14, 06:41 pm

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?
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botões do menu

Mensagem por Hancki em 25/03/14, 06:43 pm

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

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Botões do menu

Mensagem por coenzi em 25/03/14, 06:45 pm

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 '-'
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botões do menu

Mensagem por Hancki em 26/03/14, 07:58 am

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.
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Botões do menu

Mensagem por coenzi em 26/03/14, 01:38 pm

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

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botões do menu

Mensagem por Hancki em 26/03/14, 02:14 pm

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

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Botões do menu

Mensagem por coenzi em 26/03/14, 03:17 pm

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

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botões do menu

Mensagem por Hancki em 26/03/14, 03:43 pm

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

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Botões do menu

Mensagem por coenzi em 26/03/14, 03:48 pm

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.
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botões do menu

Mensagem por Hancki em 26/03/14, 04:14 pm

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
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Botões do menu

Mensagem por coenzi em 26/03/14, 04:21 pm

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á
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botões do menu

Mensagem por Hancki em 26/03/14, 04:39 pm

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 :/
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Botões do menu

Mensagem por coenzi em 26/03/14, 05:00 pm

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;
}
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botões do menu

Mensagem por Hancki em 26/03/14, 05:05 pm

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;
}
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Botões do menu

Mensagem por coenzi em 26/03/14, 05:11 pm

vá ver como ficou, deu erro dnv.
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botões do menu

Mensagem por Hancki em 26/03/14, 05:33 pm

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

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Botões do menu

Mensagem por coenzi em 26/03/14, 05:37 pm

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;
}
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/

Resolvido Re: Botões do menu

Mensagem por Hancki em 26/03/14, 05:51 pm

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!
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Botões do menu

Mensagem por coenzi em 26/03/14, 05:52 pm

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

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

Ver perfil do usuário http://hero-rpg.web-rpg.com/
  • 0

Resolvido Re: Botões do menu

Mensagem por Hancki em 26/03/14, 05:59 pm

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!
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Botões do menu

Mensagem por coenzi em 26/03/14, 07:33 pm

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%;
}
avatar

coenzi
Usuário avançado

Masculino
Inscrito dia : 27/11/2013
Mensagens : 384
Pontos Ativos : 632

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