Alterando barra de menu do meu fórum

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

Resolvido Alterando barra de menu do meu fórum

Mensagem por jrafael14 em 25/04/13, 01:46 pm

Qual é minha questão:
Olá..gostaria de colocar no meu fórum uma barra desse estilo:
Ao passar o mouse sobre alguma opção,surge outras opções:
http://i81.servimg.com/u/f81/18/22/75/65/_10.jpg
Antes que perguntem,não a vi em nenhum forum  do forumeiros...vi num outro site.  
Agradeço a Atenção.  

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

Versão do fórum:
PHPBB3
avatar

jrafael14
Nível 5

Masculino
Inscrito dia : 11/04/2013
Mensagens : 42
Pontos Ativos : 57

Ver perfil do usuário http://preternaturalrp.forumeiros.com/

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por Sennior em 25/04/13, 02:03 pm

Saudações!

Peço que leia com atenção o tópico abaixo amigo, para que o senhor possa colocar o menu daquele estilo em teu fórum:

Seta http://ajuda.forumeiros.com/t77422-

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por jrafael14 em 25/04/13, 02:05 pm

Irei ler agora mesmo amigo..depois te mando o resultado.. Feliz
avatar

jrafael14
Nível 5

Masculino
Inscrito dia : 11/04/2013
Mensagens : 42
Pontos Ativos : 57

Ver perfil do usuário http://preternaturalrp.forumeiros.com/

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por Convidado em 25/04/13, 03:21 pm

Saudações!

Queira checar http://ajuda.forumeiros.com/t50404-

Até Piscada

Convidado
Convidado


Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por jrafael14 em 25/04/13, 03:46 pm

Já tenho o código que gerei no http://cssmenumaker.com/ ,mais ao colocar ele na minha folha de estilo CSS e salvar não adiantou de nada,alguém podeira me ajudar?

(LINK DO MEU FÓRUM: http://preternaturalrp.forumeiros.com/ )
avatar

jrafael14
Nível 5

Masculino
Inscrito dia : 11/04/2013
Mensagens : 42
Pontos Ativos : 57

Ver perfil do usuário http://preternaturalrp.forumeiros.com/

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por jrafael14 em 25/04/13, 04:19 pm

up
avatar

jrafael14
Nível 5

Masculino
Inscrito dia : 11/04/2013
Mensagens : 42
Pontos Ativos : 57

Ver perfil do usuário http://preternaturalrp.forumeiros.com/

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por Sennior em 25/04/13, 04:21 pm

Saudações!

Mande os códigos que o senhor fez.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por jrafael14 em 25/04/13, 04:22 pm

Quando criei a barra e gerei o código,resultou nesse:

Código:
#cssmenu{ height:37px; display:block; padding:0; margin:20px auto;  border:1px solid; border-radius:5px; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#bf4143; background:-moz-linear-gradient(top,  #bf4143 0%, #a13742 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf4143), color-stop(100%,#a13742)); background:-webkit-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-o-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-ms-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:linear-gradient(top,  #bf4143 0%,#a13742 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf4143', endColorstr='#a13742',GradientType=0 ); }
#cssmenu{border-color:#712730;}
#cssmenu > ul > li > a{border-right:1px solid #712730; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#f0696c;}
#cssmenu > ul > li > a:hover{background:#8f2f34;}

Caso esteja se referindo aos códigos do meu fórum,são apenas esses:

Código:
.row3 {
background-color: #5297CC !important;
}
li.row:hover dd {
  border-left-color: #ffffff;
  }
#wrap {
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border: 1px solid #000000;
}
#chatbox_footer .right div[class][id]{height:20px;margin-right:0;border:0;border-right:1px solid #CFCFCF;background-color:#f5f5f5;padding:7px;cursor:default}#chatbox_footer .right div[class][id]:first-child{border-left:1px solid #CFCFCF}#chatbox_main_options span,#chatbox_main_options label,#chatbox_main_options a{height:34px;margin-right:0;border:0;border-right:1px solid #CFCFCF;background-color:#f5f5f5;padding:7px;color:#000;padding-top:14px}#chatbox_main_options{position:absolute;bottom:0;left:0;z-index:1;color:#818181!important;height:34px;font-size:0;margin:0;margin-bottom:-25px}#chatbox_main_options li a[onclick*="ajax_refresh_chatbox"]{font-size:0;background:url(http://www.arecontvision.com/cool_captcha/icon-reload.gif) no-repeat center #f5f5f5;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_main_options a[href="/chatbox/index.forum?archives=1"],#chatbox_main_options a[href="/chatbox/index.forum?archives"]{font-size:0;background:url(http://www.dreamtemplate.com/dreamcodes/web_icons/gray-archive-icon.png) no-repeat center whiteSmoke;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_main_options a[href="/chatbox/index.forum?archives"]{background-color:#E6E6E6}#chatbox_main_options li a[onclick="CB_disconnect();"]{border-right:0;padding:0}#chatbox_main_options li a[onclick="CB_disconnect();"] span{font-size:0;background:url(http://i.imgur.com/xXA8w.gif) no-repeat 50% 50% #f5f5f5;padding-top:25px;padding-bottom:9px;padding-right:31px;border-top:1px solid #CFCFCF;cursor:default}#chatbox_footer{padding:0;background:url() #f5f5f5;border-top:1px solid #CFCFCF;display:block!important;border-radius:0}#chatbox_messenger_form .right {padding:0;font-size:0}#chatbox_messenger_form .right input#message{height:34px;font-weight:normal;background-color:white;background-image:url();border:0;height:34px;margin-bottom:0;font-size:16px;cursor:default;padding:0 0 0 5px;outline:none;width:304px}#chatbox_messenger_form .right input[name="submit_button"]{height:33px;font-size:15px;border:0;background-color:transparent;padding-left:10px;padding-right:11px;margin-left:-4px;cursor:default;font-weight:normal}#chatbox_messenger_form .right img[src="http://illiweb.com/fa/subsilver/wysiwyg/menupop.gif"],#chatbox_members h4.member-title,#chatbox_main_options li#chatbox_option_autorefresh,#chatbox p.clearfix span.date-and-time,#chatbox p.clearfix:hover span.date-and-time{display:none}#chatbox_header{height:0;font-size:0}#chatbox{top:32px;left:0}#chatbox p.clearfix:first-child{padding-top:8px}#chatbox_members{position:absolute;z-index:1;height:31px;left:0;top:0;width:100%;background:url(http://www.addthis.com/forum/styles/addthis2/theme/images/whosonline.gif) 8px -3px no-repeat white;overflow-y:hidden;border-bottom:1px solid #CFCFCF}#chatbox_members li{display:inline;margin-right:0}#chatbox_members a:last-child:after{content:', '}#chatbox_members li:last-child a:last-child:after{content:''}#chatbox_members ul{padding-top:8px;font-size:12px;margin:0;overflow-y:hidden;overflow-x:auto;margin-left:46px;padding-right:8px;padding-bottom:0;white-space:nowrap;height:23px;max-width:none}#chatbox_footer #chatbox_messenger_form .right .fontbutton:hover,#chatbox_header #chatbox_main_options.chatbox-options a:hover,#chatbox_header #chatbox_main_options.chatbox-options span:hover,#chatbox_messenger_form .right input[name="submit_button"]:hover{background-color:#CFCFCF!important}#chatbox_footer #chatbox_messenger_form .right .fontbutton.fontbutton_selected{background-color:#E6E6E6}#chatbox p.clearfix{background-color:#EDEFF4;margin:0;padding:5px;padding-left:0;margin-left:7px;margin-right:7px}#chatbox p.clearfix span.user,#chatbox p.clearfix .msg,#chatbox_main_options li{font-size:0}#chatbox p.clearfix .msg,#chatbox p.clearfix span.user *{font-family:Verdana;font-size:12px}.user a[href*="/u"]{margin-right:8px}.user span:first-child strong{margin-right:4px}.user span:last-child strong{margin-right:0}a[onclick*="ajax_refresh_chatbox"]:hover{background:url(http://www.arecontvision.com/cool_captcha/icon-reload.gif) 50% 50% no-repeat #000!important}#chatbox p.clearfix[class^="chatbox_row_1"] span[style="font-style:italic"]{font-size:15px;font-style:normal!important;margin-left:-66px;background-color:#EDEFF4}#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child{font-size:0px}#chatbox p.chatbox_row_1.clearfix:first-child span[title]:first-child{visibility:hidden}#chatbox p.chatbox_row_1.clearfix:first-child span[style="font-style:italic"]:last-child:before{margin-left:7px;background:url(http://i.imgur.com/xXA8w.gif) top left no-repeat;background-size:20px;padding-left:22px;content:'Entre para conversar';font-size:15px}#chatbox_contextmenu{z-index:1}#chatbox_messenger_form{margin-top:0px}.user-msg{display:inline-block;padding-left:38px;background:url(http://i.imgur.com/BMdww.gif) no-repeat top left;background-size:32px 32px;min-height:32px}.user-msg .msg{display:block}.user-msg .msg span{border-image-width:0px;border:0px;border-image-source:url(http://i.imgur.com/BMdww.gif)}
   
avatar

jrafael14
Nível 5

Masculino
Inscrito dia : 11/04/2013
Mensagens : 42
Pontos Ativos : 57

Ver perfil do usuário http://preternaturalrp.forumeiros.com/

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por Sennior em 25/04/13, 04:26 pm

Saudações!

Aceda à tua "Gestão dos Códigos JavaScript":
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript

Investimento: Em todas as paginas.

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="<div id='cssmenu'>
<ul>
  <li class='active'><a href='/forum'><span>Game</span></a></li>
  <li class='has-sub'><a href='/forum'><span>Guia do Jogo</span></a>
      <ul>
        <li><a href='/forum'><span>Iniciante</span></a></li>
        <li><a href='/forum'><span>Intermediário</span></a></li>
        <li class='last'><a href='/forum'><span>Avançado</span></a></li>
      </ul>
  </li>
  <li class='has-sub'><a href='/forum'><span>Ranking</span></a>
      <ul>
        <li class='active'><a href='/forum'><span>Times</span></a></li>
        <li><a href='/forum'><span>Clan</span></a></li>
        <li class='last'><a href='/forum'><span>Jogador</span></a></li>
      </ul>
  </li>
  <li><a href='memberlist'><span>Jogadores</span></a></li>
  <li class='has-sub'><a href='/forum'><span>Loja</span></a>
      <ul>
        <li><a href='/forum'><span>Banco</span></a></li>
        <li class='last'><a href='/forum'><span>Compra de Cash</span></a></li>
      </ul>
  </li>
  <li class='has-sub'><a href='/forum'><span>Donwloads</span></a>
      <ul>
        <li><a href='/forum'><span>Wallpapers</span></a></li>
        <li class='last'><a href='/forum'><span>Renders</span></a></li>
      </ul>
  </li>
  <li class='has-sub'><a href='/forum'><span>Suporte</span></a>
      <ul>
        <li><a href='/forum'><span>Regras do Jogo</span></a></li>
        <li class='last'><a href='/forum'><span>Suporte ao Jogador</span></a></li>
      </ul>
  </li>
  <li class='last'><a href='/exit'><span>Sair</span></a></li>
</ul>
</div>"}else{var m="<div id='cssmenu'>
<ul>
  <li class='active'><a href='/forum'><span>Game</span></a></li>
  <li class='has-sub'><a href='/forum'><span>Guia do Jogo</span></a>
      <ul>
        <li><a href='/forum'><span>Iniciante</span></a></li>
        <li><a href='/forum'><span>Intermediário</span></a></li>
        <li class='last'><a href='/forum'><span>Avançado</span></a></li>
      </ul>
  </li>
  <li><a href='memberlist'><span>Jogadores</span></a></li>
  <li class='has-sub'><a href='/forum'><span>Donwloads</span></a>
      <ul>
        <li><a href='/forum'><span>Wallpapers</span></a></li>
        <li class='last'><a href='/forum'><span>Renders</span></a></li>
      </ul>
  </li>
  <li class='has-sub'><a href='/forum'><span>Suporte</span></a>
      <ul>
        <li><a href='/rforum'><span>Regras do Jogo</span></a></li>
        <li class='last'><a href='/forum'><span>Suporte ao Jogador</span></a></li>
      </ul>
  </li>
  <li class='has-sub last'><a href='/login'><span>Entrar</span></a>
      <ul>
        <li><a href='/login'><span>Logue-se no Game</span></a></li>
        <li class='last'><a href='/rforum'><span>Cadastre-se</span></a></li>
      </ul>
  </li>
</ul>
</div>"};jQuery('.novomenu').replaceWith(m)});

Depois:

Aceda à tua "Folha De Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha De Estilo CSS

Código:
#cssmenu{ height:37px; display:block; padding:0; margin:20px auto;  border:1px solid; border-radius:5px; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#bf4143; background:-moz-linear-gradient(top,  #bf4143 0%, #a13742 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf4143), color-stop(100%,#a13742)); background:-webkit-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-o-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-ms-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:linear-gradient(top,  #bf4143 0%,#a13742 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf4143', endColorstr='#a13742',GradientType=0 ); }
#cssmenu{border-color:#712730;}
#cssmenu > ul > li > a{border-right:1px solid #712730; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#f0696c;}
#cssmenu > ul > li > a:hover{background:#8f2f34;}

Valide.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por jrafael14 em 25/04/13, 04:33 pm

Agora meu fórum ficou com dois Menus :
PS: a barra que montei não continha essas opções da primeira barra

avatar

jrafael14
Nível 5

Masculino
Inscrito dia : 11/04/2013
Mensagens : 42
Pontos Ativos : 57

Ver perfil do usuário http://preternaturalrp.forumeiros.com/

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por Sennior em 25/04/13, 04:38 pm

Saudações!

Me mande o código HTML que o senhor fez amigo.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por jrafael14 em 25/04/13, 04:44 pm

Código:
<div id='cssmenu'>
<ul>
  <li><a href='http://preternaturalrp.forumeiros.com/'><span>Home</span></a></li>
  <li class='has-sub'><a href='#'><span>Índice</span></a>
      <ul>
        <li><a href='http://preternaturalrp.forumeiros.com/f2-ausencia'><span>Ausência</span></a></li>
        <li><a href='http://preternaturalrp.forumeiros.com/t40-personagens-ja-inscritos-no-site'><span>Personagens já Inscritos</span></a></li>
        <li><a href='http://preternaturalrp.forumeiros.com/t41-especies'><span>Espécies</span></a></li>
        <li class='last'><a href='http://preternaturalrp.forumeiros.com/t26-dashboard'><span>Dashboard</span></a></li>
      </ul>
  </li>
  <li class='has-sub'><a href='#'><span>Locais</span></a>
      <ul>
        <li><a href='http://preternaturalrp.forumeiros.com/f1-mystic-falls'><span>Mystic Falls</span></a></li>
        <li><a href='http://preternaturalrp.forumeiros.com/f5-california'><span>Califórnia</span></a></li>
        <li class='last'><a href='http://preternaturalrp.forumeiros.com/f7-new-york'><span>New York</span></a></li>
      </ul>
  </li>
  <li><a href='http://preternaturalrp.forumeiros.com/memberlist'><span>Membros</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/t5-candidatura'><span>Candidatura</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/profile?mode=editprofile'><span>Perfil</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/privmsg?folder=inbox'><span>Mensagens Privadas</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/chatbox/index.forum?'><span>Chat</span></a></li>
  <li class='last'><a href='/login?logout=1&tid=15ef41224b1101254a677fef9223057d&key=981213'><span>Sair :c</span></a></li>
</ul>
</div>
avatar

jrafael14
Nível 5

Masculino
Inscrito dia : 11/04/2013
Mensagens : 42
Pontos Ativos : 57

Ver perfil do usuário http://preternaturalrp.forumeiros.com/

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por Sennior em 25/04/13, 04:49 pm

Saudações!

O senhor tem que criar 2 um quando à pessoa estiver logado no fórum e um quando á pessoa não estiver logado. Esse que o senhor mandou e quando estiver logado, agora fala um para os visitantes e mande.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por jrafael14 em 25/04/13, 04:56 pm

Aqui:
CSS:

Código:
#cssmenu{ height:37px; display:block; padding:0; margin:20px auto;  border:1px solid; border-radius:5px; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#bf4143; background:-moz-linear-gradient(top,  #bf4143 0%, #a13742 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf4143), color-stop(100%,#a13742)); background:-webkit-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-o-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-ms-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:linear-gradient(top,  #bf4143 0%,#a13742 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf4143', endColorstr='#a13742',GradientType=0 ); }
#cssmenu{border-color:#712730;}
#cssmenu > ul > li > a{border-right:1px solid #712730; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#f0696c;}
#cssmenu > ul > li > a:hover{background:#8f2f34;}

HTML:

Código:
<div id='cssmenu'>
<ul>
  <li class='active'><a href='index.html'><span>Home</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/t5-candidatura'><span>Candidatura</span></a></li>
  <li class='has-sub'><a href='#'><span>Menu</span></a>
      <ul>
        <li class='last'><a href='#'><span>BEM VINDO!</span></a></li>
      </ul>
  </li>
  <li class='last'><a href='http://preternaturalrp.forumeiros.com/register'><span>Registre-se =)</span></a></li>
</ul>
</div>
avatar

jrafael14
Nível 5

Masculino
Inscrito dia : 11/04/2013
Mensagens : 42
Pontos Ativos : 57

Ver perfil do usuário http://preternaturalrp.forumeiros.com/

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por Sennior em 25/04/13, 04:59 pm

Saudações!

Aceda à tua "Gestão dos Códigos JavaScript":
Painel de Controle Seta Módulos Seta HTML & JAVASCRIPT Seta Gestão dos Códigos JavaScript

Investimento: Em todas as paginas.

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="<div id='cssmenu'>
<ul>
  <li class='active'><a href='index.html'><span>Home</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/t5-candidatura'><span>Candidatura</span></a></li>
  <li class='has-sub'><a href='#'><span>Menu</span></a>
      <ul>
        <li class='last'><a href='#'><span>BEM VINDO!</span></a></li>
      </ul>
  </li>
  <li class='last'><a href='http://preternaturalrp.forumeiros.com/register'><span>Registre-se =)</span></a></li>
</ul>
</div>"}else{var m="<div id='cssmenu'>
<ul>
  <li><a href='http://preternaturalrp.forumeiros.com/'><span>Home</span></a></li>
  <li class='has-sub'><a href='#'><span>Índice</span></a>
      <ul>
        <li><a href='http://preternaturalrp.forumeiros.com/f2-ausencia'><span>Ausência</span></a></li>
        <li><a href='http://preternaturalrp.forumeiros.com/t40-personagens-ja-inscritos-no-site'><span>Personagens já Inscritos</span></a></li>
        <li><a href='http://preternaturalrp.forumeiros.com/t41-especies'><span>Espécies</span></a></li>
        <li class='last'><a href='http://preternaturalrp.forumeiros.com/t26-dashboard'><span>Dashboard</span></a></li>
      </ul>
  </li>
  <li class='has-sub'><a href='#'><span>Locais</span></a>
      <ul>
        <li><a href='http://preternaturalrp.forumeiros.com/f1-mystic-falls'><span>Mystic Falls</span></a></li>
        <li><a href='http://preternaturalrp.forumeiros.com/f5-california'><span>Califórnia</span></a></li>
        <li class='last'><a href='http://preternaturalrp.forumeiros.com/f7-new-york'><span>New York</span></a></li>
      </ul>
  </li>
  <li><a href='http://preternaturalrp.forumeiros.com/memberlist'><span>Membros</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/t5-candidatura'><span>Candidatura</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/profile?mode=editprofile'><span>Perfil</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/privmsg?folder=inbox'><span>Mensagens Privadas</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/chatbox/index.forum?'><span>Chat</span></a></li>
  <li class='last'><a href='/login?logout=1&tid=15ef41224b1101254a677fef9223057d&key=981213'><span>Sair :c</span></a></li>
</ul>
</div>"};jQuery('.novomenu').replaceWith(m)});

Depois:

Aceda à tua "Folha De Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha De Estilo CSS

Código:
#cssmenu{ height:37px; display:block; padding:0; margin:20px auto;  border:1px solid; border-radius:5px; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#bf4143; background:-moz-linear-gradient(top,  #bf4143 0%, #a13742 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf4143), color-stop(100%,#a13742)); background:-webkit-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-o-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-ms-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:linear-gradient(top,  #bf4143 0%,#a13742 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf4143', endColorstr='#a13742',GradientType=0 ); }
#cssmenu{border-color:#712730;}
#cssmenu > ul > li > a{border-right:1px solid #712730; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#f0696c;}
#cssmenu > ul > li > a:hover{background:#8f2f34;}

Valide.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por jrafael14 em 25/04/13, 05:09 pm

Olha o que aconteceu agora: a barra para convidados está em cima e minha barra atual está embaixo..
avatar

jrafael14
Nível 5

Masculino
Inscrito dia : 11/04/2013
Mensagens : 42
Pontos Ativos : 57

Ver perfil do usuário http://preternaturalrp.forumeiros.com/

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por Sennior em 25/04/13, 05:10 pm

Saudações!

Agora use este CSS:

Código:
.mainmenu {
display: none;
}

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por jrafael14 em 25/04/13, 05:14 pm

A barra de menu antiga sumiu,mas a de convidados está aparecendo para mim,estando eu já logado.
PS: A BARRA QUE DEVERIA ESTÁ QUANDO EU ESTIVER LOGADO ESTÁ NA DE CONVIDADO.
avatar

jrafael14
Nível 5

Masculino
Inscrito dia : 11/04/2013
Mensagens : 42
Pontos Ativos : 57

Ver perfil do usuário http://preternaturalrp.forumeiros.com/

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por Sennior em 25/04/13, 05:21 pm

Rindo Eu embolei tudo aqui. Troque o Java Script pelo abaixo:

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="<div id='cssmenu'>
<ul>
  <li><a href='http://preternaturalrp.forumeiros.com/'><span>Home</span></a></li>
  <li class='has-sub'><a href='#'><span>Índice</span></a>
      <ul>
        <li><a href='http://preternaturalrp.forumeiros.com/f2-ausencia'><span>Ausência</span></a></li>
        <li><a href='http://preternaturalrp.forumeiros.com/t40-personagens-ja-inscritos-no-site'><span>Personagens já Inscritos</span></a></li>
        <li><a href='http://preternaturalrp.forumeiros.com/t41-especies'><span>Espécies</span></a></li>
        <li class='last'><a href='http://preternaturalrp.forumeiros.com/t26-dashboard'><span>Dashboard</span></a></li>
      </ul>
  </li>
  <li class='has-sub'><a href='#'><span>Locais</span></a>
      <ul>
        <li><a href='http://preternaturalrp.forumeiros.com/f1-mystic-falls'><span>Mystic Falls</span></a></li>
        <li><a href='http://preternaturalrp.forumeiros.com/f5-california'><span>Califórnia</span></a></li>
        <li class='last'><a href='http://preternaturalrp.forumeiros.com/f7-new-york'><span>New York</span></a></li>
      </ul>
  </li>
  <li><a href='http://preternaturalrp.forumeiros.com/memberlist'><span>Membros</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/t5-candidatura'><span>Candidatura</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/profile?mode=editprofile'><span>Perfil</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/privmsg?folder=inbox'><span>Mensagens Privadas</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/chatbox/index.forum?'><span>Chat</span></a></li>
  <li class='last'><a href='/login?logout=1&tid=15ef41224b1101254a677fef9223057d&key=981213'><span>Sair :c</span></a></li>
</ul>
</div>"}else{var m="<div id='cssmenu'>
<ul>
  <li class='active'><a href='index.html'><span>Home</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/t5-candidatura'><span>Candidatura</span></a></li>
  <li class='has-sub'><a href='#'><span>Menu</span></a>
      <ul>
        <li class='last'><a href='#'><span>BEM VINDO!</span></a></li>
      </ul>
  </li>
  <li class='last'><a href='http://preternaturalrp.forumeiros.com/register'><span>Registre-se =)</span></a></li>
</ul>
</div>"};jQuery('.novomenu').replaceWith(m)});

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por jrafael14 em 25/04/13, 05:26 pm

AGORA SIM A BARRA ESTÁ CORRETA Muito feliz ,MAIS TERIA COMO ALTERAR A COR DOS QUADROS? ESTÁ BRANCA,O QUE DIFICULTA A VISUALIZAÇÃO...
aah..e também gostaria de alterar a barra de convidado por esse CSS,porquê esqueci de por o nome ''Login'' Triste

CSS BARRA DE CONVIDADO:

Código:
#cssmenu{ height:37px; display:block; padding:0; margin:20px auto;  border:1px solid; border-radius:5px; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#bf4143; background:-moz-linear-gradient(top,  #bf4143 0%, #a13742 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf4143), color-stop(100%,#a13742)); background:-webkit-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-o-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-ms-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:linear-gradient(top,  #bf4143 0%,#a13742 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf4143', endColorstr='#a13742',GradientType=0 ); }
#cssmenu{border-color:#712730;}
#cssmenu > ul > li > a{border-right:1px solid #712730; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#f0696c;}
#cssmenu > ul > li > a:hover{background:#8f2f34;}
avatar

jrafael14
Nível 5

Masculino
Inscrito dia : 11/04/2013
Mensagens : 42
Pontos Ativos : 57

Ver perfil do usuário http://preternaturalrp.forumeiros.com/

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por Sennior em 25/04/13, 05:28 pm

Saudações!

Rindo Mexer com isso é meio complicado mesmo. Qual cor deseja para os quadrados?

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por jrafael14 em 25/04/13, 05:32 pm

SUPER COMPLICADO :C ainda mais para quem não tem tanta experiência.. Rindo
esse aqui (http://cssmenumaker.com/builder/514175) queria que a barra fosse assim.
aah,posso fazer um ultimo pedido? :3
o menu para o membro ser esse:

Código:
#cssmenu{ height:37px; display:block; padding:0; margin:20px auto;  border:1px solid; border-radius:5px; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#bf4143; background:-moz-linear-gradient(top,  #bf4143 0%, #a13742 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf4143), color-stop(100%,#a13742)); background:-webkit-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-o-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-ms-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:linear-gradient(top,  #bf4143 0%,#a13742 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf4143', endColorstr='#a13742',GradientType=0 ); }
#cssmenu{border-color:#712730;}
#cssmenu > ul > li > a{border-right:1px solid #712730; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#f0696c;}
#cssmenu > ul > li > a:hover{background:#8f2f34;}

e o menu para convidado:
Código:
#cssmenu{ height:37px; display:block; padding:0; margin:20px auto;  border:1px solid; border-radius:5px; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#bf4143; background:-moz-linear-gradient(top,  #bf4143 0%, #a13742 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf4143), color-stop(100%,#a13742)); background:-webkit-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-o-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-ms-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:linear-gradient(top,  #bf4143 0%,#a13742 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf4143', endColorstr='#a13742',GradientType=0 ); }
#cssmenu{border-color:#712730;}
#cssmenu > ul > li > a{border-right:1px solid #712730; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#f0696c;}
#cssmenu > ul > li > a:hover{background:#8f2f34;}

pois cometi um erro nas duas :c
avatar

jrafael14
Nível 5

Masculino
Inscrito dia : 11/04/2013
Mensagens : 42
Pontos Ativos : 57

Ver perfil do usuário http://preternaturalrp.forumeiros.com/

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por Sennior em 25/04/13, 05:38 pm

Saudações!

Infelizmente o CSS tem que ser o mesmo, então não ha como colocar um CSS para convidados e um para os membros, lamento.

Quanto aos quadrados do menu:

Aceda à tua "Folha De Estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha De Estilo CSS

Código:
#cssmenu {
background: #bf4143 !important;
background: -moz-linear-gradient(top, #bf4143 0%, #a13742 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf4143), color-stop(100%,#a13742));
background: -webkit-linear-gradient(top, #bf4143 0%,#a13742 100%);
background: -o-linear-gradient(top, #bf4143 0%,#a13742 100%);
background: -ms-linear-gradient(top, #bf4143 0%,#a13742 100%);
background: linear-gradient(top, #bf4143 0%,#a13742 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf4143', endColorstr='#a13742',GradientType=0 );
}

Valide.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por jrafael14 em 25/04/13, 05:46 pm

já alterei a cor..muito obrigado Muito feliz
agora não entendi essa do CSS.. como não pode ser alterado?
acho que não entendeu.. eu gostaria de mudar uma das opções do menu e acrescentar outra..tem como?
avatar

jrafael14
Nível 5

Masculino
Inscrito dia : 11/04/2013
Mensagens : 42
Pontos Ativos : 57

Ver perfil do usuário http://preternaturalrp.forumeiros.com/

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por Sennior em 25/04/13, 05:47 pm

Saudações!

O senhor que colocar uma cor para os convidados e uma para os membros correto? Se for isso como eu disse não há maneira.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por jrafael14 em 25/04/13, 05:50 pm

não é isso..
eu gostaria de alterar uma opção da barra de menu entende..alterar uma coisa que eu errei... e acrescentar mais uma opção.
avatar

jrafael14
Nível 5

Masculino
Inscrito dia : 11/04/2013
Mensagens : 42
Pontos Ativos : 57

Ver perfil do usuário http://preternaturalrp.forumeiros.com/

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por Sennior em 25/04/13, 05:56 pm

Saudações!

Troque teu JS pelo abaixo:

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="<div id='cssmenu'>
<ul>
  <li><a href='http://preternaturalrp.forumeiros.com/'><span>Home</span></a></li>
  <li class='has-sub'><a href='#'><span>Índice</span></a>
      <ul>
        <li><a href='http://preternaturalrp.forumeiros.com/f2-ausencia'><span>Ausência</span></a></li>
        <li><a href='http://preternaturalrp.forumeiros.com/t40-personagens-ja-inscritos-no-site'><span>Personagens já Inscritos</span></a></li>
        <li><a href='http://preternaturalrp.forumeiros.com/t41-especies'><span>Espécies</span></a></li>
        <li class='last'><a href='http://preternaturalrp.forumeiros.com/t26-dashboard'><span>Dashboard</span></a></li>
      </ul>
  </li>
  <li class='has-sub'><a href='#'><span>Locais</span></a>
      <ul>
        <li><a href='http://preternaturalrp.forumeiros.com/f1-mystic-falls'><span>Mystic Falls</span></a></li>
        <li><a href='http://preternaturalrp.forumeiros.com/f5-california'><span>Califórnia</span></a></li>
        <li class='last'><a href='http://preternaturalrp.forumeiros.com/f7-new-york'><span>New York</span></a></li>
      </ul>
  </li>
  <li><a href='http://preternaturalrp.forumeiros.com/memberlist'><span>Membros</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/t5-candidatura'><span>Candidatura</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/profile?mode=editprofile'><span>Perfil</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/privmsg?folder=inbox'><span>Mensagens Privadas</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/chatbox/index.forum?'><span>Chat</span></a></li>
  <li class='last'><a href='/login?logout=1&tid=15ef41224b1101254a677fef9223057d&key=981213'><span>Sair :c</span></a></li>
</ul>
</div>"}else{var m="<div id='cssmenu'>
<ul>
  <li class='active'><a href='index.html'><span>Home</span></a></li>
  <li><a href='http://preternaturalrp.forumeiros.com/t5-candidatura'><span>Candidatura</span></a></li>
  <li class='has-sub'><a href='#'><span>Menu</span></a>
    <li><a href='http://preternaturalrp.forumeiros.com/login'><span>Login</span></a></li>
   <ul>
        <li class='last'><a href='#'><span>BEM VINDO!</span></a></li>
      </ul>
  </li>
  <li class='last'><a href='http://preternaturalrp.forumeiros.com/register'><span>Registre-se =)</span></a></li>
</ul>
</div>"};jQuery('.novomenu').replaceWith(m)});

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por jrafael14 em 25/04/13, 06:11 pm

ALTERA PELA ULTIMA VEZ POR FAVOR ,PROMETO NÃO TE INCOMODAR MAIS ! Muito feliz
BARRA DE MENU PARA MEMBROS CSS:
Código:
#cssmenu{ height:37px; display:block; padding:0; margin:20px auto;  border:1px solid; border-radius:5px; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#bf4143; background:-moz-linear-gradient(top,  #bf4143 0%, #a13742 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf4143), color-stop(100%,#a13742)); background:-webkit-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-o-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-ms-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:linear-gradient(top,  #bf4143 0%,#a13742 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf4143', endColorstr='#a13742',GradientType=0 ); }
#cssmenu{border-color:#712730;}
#cssmenu > ul > li > a{border-right:1px solid #712730; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#f0696c;}
#cssmenu > ul > li > a:hover{background:#8f2f34;}

BARRA DE MENU PARA VISITANTES CSS:


Código:
#cssmenu{ height:37px; display:block; padding:0; margin:20px auto;  border:1px solid; border-radius:5px; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#bf4143; background:-moz-linear-gradient(top,  #bf4143 0%, #a13742 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf4143), color-stop(100%,#a13742)); background:-webkit-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-o-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-ms-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:linear-gradient(top,  #bf4143 0%,#a13742 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf4143', endColorstr='#a13742',GradientType=0 ); }
#cssmenu{border-color:#712730;}
#cssmenu > ul > li > a{border-right:1px solid #712730; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#f0696c;}
#cssmenu > ul > li > a:hover{background:#8f2f34;}
avatar

jrafael14
Nível 5

Masculino
Inscrito dia : 11/04/2013
Mensagens : 42
Pontos Ativos : 57

Ver perfil do usuário http://preternaturalrp.forumeiros.com/

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por Sennior em 25/04/13, 06:20 pm

Saudações!

Isso não é possível, apenas pode um CSS para o menu amigo, lamento.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por jrafael14 em 25/04/13, 06:22 pm

então poderia colocar esse menu ao invés do que está agora? é só substituir?

Código:
#cssmenu{ height:37px; display:block; padding:0; margin:20px auto;  border:1px solid; border-radius:5px; }
#cssmenu > ul {list-style:inside none; padding:0; margin:0;}
#cssmenu > ul > li {list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;}
#cssmenu > ul > li > a{ outline:none; display:block; position:relative; padding:12px 20px; font:bold 13px/100% Arial, Helvetica, sans-serif; text-align:center; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.4); }
#cssmenu > ul > li:first-child > a{border-radius:5px 0 0 5px;}
#cssmenu > ul > li > a:after{ content:''; position:absolute; border-right:1px solid; top:-1px; bottom:-1px; right:-2px; z-index:99; }
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;}
#cssmenu > ul > li.has-sub > a:before{ content:''; position:absolute; top:18px; right:6px; border:5px solid transparent; border-top:5px solid #fff; }
#cssmenu > ul > li.has-sub:hover > a:before{top:19px;}
#cssmenu ul li.has-sub:hover > a{ background:#3f3f3f; border-color:#3f3f3f; padding-bottom:13px; padding-top:13px; top:-1px; z-index:999; }
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;}
#cssmenu ul li.has-sub > a:hover{background:#3f3f3f; border-color:#3f3f3f;}
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none; width:auto; position:absolute; top:38px; padding:10px 0; background:#3f3f3f; border-radius:0 0 5px 5px; z-index:999; }
#cssmenu ul li > ul{width:200px;}
#cssmenu ul li > ul li{display:block; list-style:inside none; padding:0; margin:0; position:relative;}
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px; font:10pt Arial, Helvetica, sans-serif; color:#fff; text-decoration:none; text-shadow:1px 1px 0 rgba(0,0,0, 0.5); }


#cssmenu, #cssmenu > ul > li > ul > li a:hover{ background:#bf4143; background:-moz-linear-gradient(top,  #bf4143 0%, #a13742 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#bf4143), color-stop(100%,#a13742)); background:-webkit-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-o-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:-ms-linear-gradient(top,  #bf4143 0%,#a13742 100%); background:linear-gradient(top,  #bf4143 0%,#a13742 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf4143', endColorstr='#a13742',GradientType=0 ); }
#cssmenu{border-color:#712730;}
#cssmenu > ul > li > a{border-right:1px solid #712730; color:#fff;}
#cssmenu > ul > li > a:after{border-color:#f0696c;}
#cssmenu > ul > li > a:hover{background:#8f2f34;}
avatar

jrafael14
Nível 5

Masculino
Inscrito dia : 11/04/2013
Mensagens : 42
Pontos Ativos : 57

Ver perfil do usuário http://preternaturalrp.forumeiros.com/

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por Sennior em 25/04/13, 06:34 pm

Saudação!

Sim, é só substituir.

Até mais.
avatar

Sennior
Membro profissional
Membro profissional

Masculino
Inscrito dia : 10/06/2011
Mensagens : 16302
Pontos Ativos : 20791

Ver perfil do usuário http://ajuda.forumeiros.com/forum https://www.facebook.com/GlladstonHenrique

Resolvido Re: Alterando barra de menu do meu fórum

Mensagem por jrafael14 em 25/04/13, 06:36 pm

ok..vou ver aqui.
Agradeço pela sua ajuda,foi de grande importância! Muito feliz
avatar

jrafael14
Nível 5

Masculino
Inscrito dia : 11/04/2013
Mensagens : 42
Pontos Ativos : 57

Ver perfil do usuário http://preternaturalrp.forumeiros.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