Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Botões do menu

2 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

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

Tópico resolvido Botões do menu

Mensagem por coenzi 25.03.14 19:02

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 17:22, editado 2 vez(es)
coenzi

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por Hancki 25.03.14 19:18

Hancki

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por coenzi 25.03.14 21:38

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

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por Hancki 25.03.14 21:39

Hancki

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por coenzi 25.03.14 21:41

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

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por Hancki 25.03.14 21:43

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

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por coenzi 25.03.14 21:45

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

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por Hancki 26.03.14 10:58

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

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por coenzi 26.03.14 16:38

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

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por Hancki 26.03.14 17:14

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

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por coenzi 26.03.14 18:17

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

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por Hancki 26.03.14 18:43

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

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por coenzi 26.03.14 18:48

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

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por Hancki 26.03.14 19:14

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
Hancki

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por coenzi 26.03.14 19:21

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

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por Hancki 26.03.14 19:39

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

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por coenzi 26.03.14 20:00

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

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por Hancki 26.03.14 20:05

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

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por coenzi 26.03.14 20:11

vá ver como ficou, deu erro dnv.
coenzi

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por Hancki 26.03.14 20:33

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

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por coenzi 26.03.14 20:37

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

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por Hancki 26.03.14 20:51

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

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por coenzi 26.03.14 20:52

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

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

  • 0

Tópico resolvido Re: Botões do menu

Mensagem por Hancki 26.03.14 20:59

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

Hancki
Membro Entusiasta

Membro desde : 03/10/2009
Mensagens : 8195
Pontos : 12250

https://ajuda.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Botões do menu

Mensagem por coenzi 26.03.14 22:33

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

coenzi
****

Membro desde : 27/11/2013
Mensagens : 384
Pontos : 632

http://hero-rpg.web-rpg.com/

Ir para o topo Ir para baixo

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

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum

Permissões neste sub-fórum
Não podes responder a tópicos