Menu de cima do fórum

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

Resolvido Menu de cima do fórum

Mensagem por DarkBully em 08/08/13, 05:41 pm

Qual é minha questão:
É possivel criar um menu emcima do menu da forumeiros ? onde eu vi isso

http://www.tutorialdopw.com/

lá aquelee mas eu quero do meu jeito tipo eu trocar tudo manualmente até as imagens me indiquem o codigo pfv

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

Versão do fórum:
PHPBB3
avatar

DarkBully
Nível 9

Masculino
Inscrito dia : 02/08/2013
Mensagens : 166
Pontos Ativos : 305

Ver perfil do usuário http://worldofgames.uniogame.com

Resolvido Re: Menu de cima do fórum

Mensagem por Sennior em 08/08/13, 06:10 pm

Olá amigo,

Sim é! Mas terá que fazer um menu, veja:

<li> 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: Menu de cima do fórum

Mensagem por Consolado em 08/08/13, 06:13 pm

Olá!

Isso é feito por templantes, função que não está disponível para a sua versão e no seu caso usaríamos códigos javascript cujo não oferecemos suporte. Escolha um menu e adicione no templante se mudar de ideia, o sistema é esse:
http://cssmenumaker.com/

Até mais.
avatar

Consolado
Super usuário

Inscrito dia : 09/05/2011
Mensagens : 4243
Pontos Ativos : 6128

Ver perfil do usuário

Resolvido Re: Menu de cima do fórum

Mensagem por PortalDosGames em 08/08/13, 06:29 pm

onde ponho o codigo

PortalDosGames
Nível 7

Masculino
Inscrito dia : 08/08/2013
Mensagens : 86
Pontos Ativos : 191

Ver perfil do usuário http://portaldapublicidade.forumclan.com/ https://www.facebook.com/diogo.rafael.549 https://twitter.com/sacar_tudo

Resolvido Re: Menu de cima do fórum

Mensagem por Sennior em 08/08/13, 06:31 pm

Olá amigo,

Como eu disse, siga o tutorial abaixo:

<li> 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: Menu de cima do fórum

Mensagem por PortalDosGames em 08/08/13, 06:35 pm

nao aparece na mesma

PortalDosGames
Nível 7

Masculino
Inscrito dia : 08/08/2013
Mensagens : 86
Pontos Ativos : 191

Ver perfil do usuário http://portaldapublicidade.forumclan.com/ https://www.facebook.com/diogo.rafael.549 https://twitter.com/sacar_tudo

Resolvido Re: Menu de cima do fórum

Mensagem por Sennior em 08/08/13, 06:53 pm

Boa noite,

Quais os códigos que você tem? Mande-nos os códigos que o senhor adquiriu para fazer o menu.

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: Menu de cima do fórum

Mensagem por Neimasinho em 08/08/13, 10:04 pm

Olá,

Vi que seu fórum é phpBB 3 certo?
Então tente:
Código:
Código:
#page-header .navbar {
position: absolute;
padding: 0;
top: 0;
left: 5px;
width: 98%;
right: 5px;
background: none;
}
Abraços.
avatar

Neimasinho
Membro do Fórum

Masculino
Inscrito dia : 10/06/2013
Mensagens : 1528
Pontos Ativos : 2163

Ver perfil do usuário http://dw-animes.forumeiros.com/ https://www.facebook.com/williamberg.cassimiro
  • 0

Resolvido Re: Menu de cima do fórum

Mensagem por MateusA em 08/08/13, 10:18 pm

Olá!

Aceda á "Folha de Estilos CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de Estilos CSS
Adicione o seguinte código no inicio da sua "Folha de Estilos CSS"

Código:
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600);
/* Menu CSS */#cssmenu,
#cssmenu > ul {
  background: url(highlight-bg.png) repeat;
  padding-bottom: 3px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
}
#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {
  content: '';
  display: table;
}
#cssmenu:after,
#cssmenu > ul:after {
  clear: both;
}
#cssmenu {
  width: auto;
  zoom: 1;
}
#cssmenu > ul {
  background: url(menu-bg.png) repeat;
  margin: 0;
  padding: 0;
  position: relative;
}
#cssmenu > ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
#cssmenu > ul > li {
  float: left;
  position: relative;
}
#cssmenu > ul > li > a {
  padding: 23px 26px;
  display: block;
  color: white;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 -1px 0 #0d0d0d;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
  line-height: 18px;
}
#cssmenu > ul > li:hover > a {
  background: url(highlight-bg.png) repeat;
  text-shadow: 0 -1px 0 #97321f;
  text-shadow: 0 -1px 0 rgba(122, 42, 26, 0.64);
}
#cssmenu > ul > li > a > span {
  line-height: 18px;
}
#cssmenu > ul > li.active > a,
#cssmenu > ul > li > a:active {
  background: url(hover.png) repeat;
}
/* Childs */
#cssmenu > ul ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 120px;
  background: url(menu-bg.png) repeat;
  margin: 0;
  padding: 0;
  z-index: -1;
}
#cssmenu > ul li:hover ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
  color: #000;
  z-index: 2;
  top: 64px;
  left: 0;
}
#cssmenu > ul ul:before {
  content: '';
  position: absolute;
  top: -10px;
  width: 100%;
  height: 20px;
  background: transparent;
}
#cssmenu > ul ul li {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}
#cssmenu > ul ul li a {
  padding: 18px 26px;
  display: block;
  color: white;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  width: 150px;
  border-left: 4px solid transparent;
  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
#cssmenu > ul ul li a:hover {
  border-left: 4px solid #d64e34;
  background: url(hover.png) repeat;
}
#cssmenu > ul ul li a:active {
  background: url(menu-bg.png) repeat;
}

Valide.
Tive uma idéia!


Aceda á "Gestão dos códigos JavaScript":
Painel de Controle Seta Módulos Seta Gestão das páginas Html & Gestão dos códigos JavaScript Seta Gestão dos códigos JavaScript Seta Criar novo JavaScript

Código:
jQuery(document).ready(function(){
 jQuery("#phpbb").append("<div id='cssmenu'>
<ul>
   <li class='active'><a href='index.html'><span>Home</span></a></li>
   <li class='has-sub'><a href='#'><span>Products</span></a>
      <ul>
         <li><a href='#'><span>Widgets</span></a></li>
         <li><a href='#'><span>Menus</span></a></li>
         <li class='last'><a href='#'><span>Products</span></a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>Company</span></a>
      <ul>
         <li><a href='#'><span>About</span></a></li>
         <li class='last'><a href='#'><span>Location</span></a></li>
      </ul>
   </li>
   <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>
</div>")
});
Atenciosamente,
Crazy.
avatar

MateusA
Hiperativo

Masculino
Inscrito dia : 13/05/2013
Mensagens : 3225
Pontos Ativos : 4215

Ver perfil do usuário https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

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