Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o tema • Voltar para a ficha do tema
Como colocar esse menu no meu fórum
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Como colocar esse menu no meu fórum
Qual é minha questão:
Pois bem, eu criei um meno e o baixei (criei ele no CSS Menu Maker) o link é esse:
http://cssmenumaker.com/builder/253453
eu não sei como ponho, alguem me ajuda?
Endereço do meu fórum:
http://habbolia-fansitee.forumeiros.com
Versão do fórum:
PHPBB3
Pois bem, eu criei um meno e o baixei (criei ele no CSS Menu Maker) o link é esse:
http://cssmenumaker.com/builder/253453
eu não sei como ponho, alguem me ajuda?
Endereço do meu fórum:
http://habbolia-fansitee.forumeiros.com
Versão do fórum:
PHPBB3
Re: Como colocar esse menu no meu fórum
Olá!
Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
Clique em "Criar um novo JavaScript".
Título Escolha o título que quiser
Investimento Em todas as páginas
Codigo JavaScript:
HTML_SAIR Código HTML quando o usuário estiver deslogado.
Clique em "Confirmar".
Melhores cumprimentos,
Today
Tópico movido de 'Questões sobre o painel de controle do fórum' para 'Questões sobre códigos'
Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
Clique em "Criar um novo JavaScript".
Título Escolha o título que quiser
Investimento Em todas as páginas
Codigo JavaScript:
HTML_ENTRAR Código HTML quando o usuário estiver logado.jQuery(document).ready(function(){if(jQuery('#logout').length){var m="HTML_ENTRAR"}else{var m="HTML_SAIR"};jQuery('#page-header .navbar ul.navlinks').replaeWith(m)});
HTML_SAIR Código HTML quando o usuário estiver deslogado.
Clique em "Confirmar".
Melhores cumprimentos,
Today
Tópico movido de 'Questões sobre o painel de controle do fórum' para 'Questões sobre códigos'
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Como colocar esse menu no meu fórum
Desculpa :// n deu certo eu add o CSS e o codigo javascript com os html ''dos menus'' (entrar e sair) e continuou o padrãoToday escreveu:Olá!
Aceda à "Gestão dos códigos JavaScript":
Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
Clique em "Criar um novo JavaScript".
Título Escolha o título que quiser
Investimento Em todas as páginas
Codigo JavaScript:HTML_ENTRAR Código HTML quando o usuário estiver logado.jQuery(document).ready(function(){if(jQuery('#logout').length){var m="HTML_ENTRAR"}else{var m="HTML_SAIR"};jQuery('#page-header .navbar ul.navlinks').replaeWith(m)});
HTML_SAIR Código HTML quando o usuário estiver deslogado.
Clique em "Confirmar".
Melhores cumprimentos,
Today
Tópico movido de 'Questões sobre o painel de controle do fórum' para 'Questões sobre códigos'
Tem que configurar algo do menu padrão antes?
ou não tem que adicionar a CSS do menu?
Re: Como colocar esse menu no meu fórum
Ola Amigos Tudo Bom Espero que sim
Usse Esse Code Em Folhas de Estilo Css
Se Resulta Responde Obrigado
Usse Esse Code Em Folhas de Estilo Css
- Código:
media="all"
#header {
height: 60px;
background: url(/sites/all/themes/cssmenu/images/header_bg.jpg) top left repeat-x;
font-family: Arial;
}
253453media="all"
* {
margin: 0;
padding: 0;
text-decoration: none;
font-size: 1em;
outline: none;
}
user agent stylesheetdiv {
display: block;
}
Inherited from div#outer-container
253453media="all"
* {
font-size: 1em;
}
Inherited from body.html.not-front.not-logged-in.no-sidebars.page-builder.page-builder-.page-builder-253453.i18n-en
253453media="all"
body {
font-family: "Lato",Helvetica;
font-style: normal;
}
253453media="all"
body {
line-height: 1;
color: black;
}
253453media="all"
* {
font-size: 1em;
}
Inherited from html.js
253453media="all"
* {
font-size: 1em;
}
Se Resulta Responde Obrigado
Re: Como colocar esse menu no meu fórum
Olá!
Substitua por esse código JavaScript:
O CSS gerado pelo sistema deve ser aplicado normalmente na folha de estilos de seu fórum.
Melhores cumprimentos.
Substitua por esse código JavaScript:
- Código:
jQuery(document).ready(function(){if(jQuery('#logout').length){var m="CÓDIGO_HTML_DO_MENU_MAKER"};jQuery('#page-header .navbar ul.navlinks').replaceWith(m)});
O CSS gerado pelo sistema deve ser aplicado normalmente na folha de estilos de seu fórum.
Melhores cumprimentos.
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Como colocar esse menu no meu fórum
Bom.. não resultou :SVenancio Mattos escreveu:Ola Amigos Tudo Bom Espero que sim
Usse Esse Code Em Folhas de Estilo Css
- Código:
media="all"
#header {
height: 60px;
background: url(/sites/all/themes/cssmenu/images/header_bg.jpg) top left repeat-x;
font-family: Arial;
}
253453media="all"
* {
margin: 0;
padding: 0;
text-decoration: none;
font-size: 1em;
outline: none;
}
user agent stylesheetdiv {
display: block;
}
Inherited from div#outer-container
253453media="all"
* {
font-size: 1em;
}
Inherited from body.html.not-front.not-logged-in.no-sidebars.page-builder.page-builder-.page-builder-253453.i18n-en
253453media="all"
body {
font-family: "Lato",Helvetica;
font-style: normal;
}
253453media="all"
body {
line-height: 1;
color: black;
}
253453media="all"
* {
font-size: 1em;
}
Inherited from html.js
253453media="all"
* {
font-size: 1em;
}
Se Resulta Responde Obrigado
Re: Como colocar esse menu no meu fórum
HugoPimenta escreveu:Olá amigo ,
Poderia passar o HTML e o CSS do menu ?
Abraços
Re: Como colocar esse menu no meu fórum
não deu certo.. olha eu coloquei esse codigo e no lugar de ''CÓDIGO_HTM_DO_MENU_MAKER''Today escreveu:Olá!
Substitua por esse código JavaScript:Substitua "CÓDIGO_HTML_DO_MENU_MAKER" pelo código HTML gerado pelo CSS Menu Maker.
- Código:
jQuery(document).ready(function(){if(jQuery('#logout').length){var m="CÓDIGO_HTML_DO_MENU_MAKER"};jQuery('#page-header .navbar ul.navlinks').replaceWith(m)});
O CSS gerado pelo sistema deve ser aplicado normalmente na folha de estilos de seu fórum.
Melhores cumprimentos.
coloquei
o html (gerado no css menu maker):
dai adicionei o css gerado no mesmo:<div id='cssmenu'>
<ul>
<li class='active '><a href='http://habbolia-fansitee.forumeiros.com/forum'><span>Inicio</span></a></li>
<li><a href='http://habbolia-fansitee.forumeiros.com/gallery/index.htm'><span>Galeria</span></a></li>
<li><a href='http://habbolia-fansitee.forumeiros.com/faq'><span>Faq</span></a></li>
<li><a href='http://habbolia-fansitee.forumeiros.com/memberlist'><span>Membros</span></a></li>
<li><a href='http://habbolia-fansitee.forumeiros.com/groups'><span>Grupos</span></a></li>
<li><a href='http://habbolia-fansitee.forumeiros.com/profile?mode=editprofile'><span>Perfil</span></a></li>
<li><a href='http://habbolia-fansitee.forumeiros.com/privmsg?folder=inbox'><span>MP</span></a></li>
<li><a href='http://habbolia-fansite.blogspot.com.br/'><span>Tirinhas HB</span></a></li>
</ul>
</div>
e não resultou continuou o padrão do modelo..#cssmenu ul
{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:30px;
font-size:12px;
font-weight:bold;
background:transparent url(nav_bg.png) repeat-x top left;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}
#cssmenu li
{
display:block;
float:left;
margin:0;
padding:0;
}
#cssmenu li a
{
display:block;
float:left;
color:#999999;
text-decoration:none;
font-weight:bold;
padding:8px 20px 0 20px;
}
#cssmenu li a:hover
{
color:#FFFFFF;
height:22px;
background:transparent url(nav_bg.png) 0px -30px no-repeat;
}
#cssmenu li.active a
{
display:inline;
height:22px;
background:transparent url(nav_bg.png) 0px -30px no-repeat;
float:left;
margin:0;
}
estou fazendo algo errado?
Re: Como colocar esse menu no meu fórum
Olá ,
Adicione este código em seus códigos Java Script .
Título Qualquer um
Investimento Em Todas as Páginas
Código :
Abraços
Adicione este código em seus códigos Java Script .
Painel de Controle Módulos HTML & JavaScript Gestão dos códigos Java Script
Título Qualquer um
Investimento Em Todas as Páginas
Código :
- Código:
jQuery(document).ready(function(){if(jQuery('#logout').length){var m="<div id='cssmenu'><ul>
<li class='active '><a href='http://habbolia-fansitee.forumeiros.com/forum'><span>Inicio</span></a></li>
<li><a href='http://habbolia-fansitee.forumeiros.com/gallery/index.htm'><span>Galeria</span></a></li>
<li><a href='http://habbolia-fansitee.forumeiros.com/faq'><span>Faq</span></a></li>
<li><a href='http://habbolia-fansitee.forumeiros.com/memberlist'><span>Membros</span></a></li>
<li><a href='http://habbolia-fansitee.forumeiros.com/groups'><span>Grupos</span></a></li>
<li><a href='http://habbolia-fansitee.forumeiros.com/profile?mode=editprofile'><span>Perfil</span></a></li>
<li><a href='http://habbolia-fansitee.forumeiros.com/privmsg?folder=inbox'><span>MP</span></a></li>
<li><a href='http://habbolia-fansite.blogspot.com.br/'><span>Tirinhas HB</span></a></li>
</ul>
</div>"};jQuery('#page-header .navbar').replaceWith(m)});
Abraços
Re: Como colocar esse menu no meu fórum
Olá!
PA >> Visualização >> Imagens e cores >> Cores >> Folha de estilos CSS
Adicione esse código no final da folha:
PA >> Visualização >> Imagens e cores >> Cores >> Folha de estilos CSS
Adicione esse código no final da folha:
- Código:
#cssmenu ul{margin:0; padding:0; list-style-type:none; width:auto; position:relative; display:block; height:30px; font-size:12px; font-weight:bold; background:transparent url(nav_bg.png) repeat-x top left; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #000000; border-top:1px solid #000000; } #cssmenu li { display:block; float:left; margin:0; padding:0} #cssmenu li a { display:block; float:left; color:#999999; text-decoration:none; font-weight:bold; padding:8px 20px 0 20px} #cssmenu li a:hover { color:#FFFFFF; height:22px; background:transparent url(http://cssmenumaker.com/images/nav_bg.png) 0px -30px no-repeat; } #cssmenu li.active a { display:inline; height:22px; background:transparent url(http://cssmenumaker.com/sites/default/files/menu/58/nav_bg.png) 0px -30px no-repeat; float:left; margin:0}
- Código:
jQuery(document).ready(function(){if(jQuery('#logout').length){var m="<div id='cssmenu'> <ul> <li class='active '><a href='http://habbolia-fansitee.forumeiros.com/forum'><span>Inicio</span></a></li> <li><a href='http://habbolia-fansitee.forumeiros.com/gallery/index.htm'><span>Galeria</span></a></li> <li><a href='http://habbolia-fansitee.forumeiros.com/faq'><span>Faq</span></a></li> <li><a href='http://habbolia-fansitee.forumeiros.com/memberlist'><span>Membros</span></a></li> <li><a href='http://habbolia-fansitee.forumeiros.com/groups'><span>Grupos</span></a></li> <li><a href='http://habbolia-fansitee.forumeiros.com/profile?mode=editprofile'><span>Perfil</span></a></li> <li><a href='http://habbolia-fansitee.forumeiros.com/privmsg?folder=inbox'><span>MP</span></a></li> <li><a href='http://habbolia-fansite.blogspot.com.br/'><span>Tirinhas HB</span></a></li> </ul> </div>"};jQuery('#page-header .navbar ul.navlinks').replaceWith(m)});
Consolado- Hiper Membro
- Membro desde : 09/05/2011
Mensagens : 4243
Pontos : 6128
Re: Como colocar esse menu no meu fórum
Gente Obrigado por tentar =S mais nada deu certo
acho melhor eu desistir do menu
acho melhor eu desistir do menu
Re: Como colocar esse menu no meu fórum
meytheus. escreveu:Gente Obrigado por tentar =S mais nada deu certo
acho melhor eu desistir do menu
Olá amigo ,
O Senhor testou o meu código Java Script , com o código da CSS ativo ?
Abraços ,
Re: Como colocar esse menu no meu fórum
Testei TODOS e nenhum deu.. sera q é alguma configuração do menu padrão?HugoPimenta escreveu:meytheus. escreveu:Gente Obrigado por tentar =S mais nada deu certo
acho melhor eu desistir do menu
Olá amigo ,
O Senhor testou o meu código Java Script , com o código da CSS ativo ?
Abraços ,
Re: Como colocar esse menu no meu fórum
meytheus. escreveu:Testei TODOS e nenhum deu.. sera q é alguma configuração do menu padrão?HugoPimenta escreveu:meytheus. escreveu:Gente Obrigado por tentar =S mais nada deu certo
acho melhor eu desistir do menu
Olá amigo ,
O Senhor testou o meu código Java Script , com o código da CSS ativo ?
Abraços ,
Olá amigo ,
O Senhor ativou o Gerenciamento de Códigos Java Script ?
Re: Como colocar esse menu no meu fórum
Sim, ativei fiquei na mesma.HugoPimenta escreveu:meytheus. escreveu:Testei TODOS e nenhum deu.. sera q é alguma configuração do menu padrão?HugoPimenta escreveu:
Olá amigo ,
O Senhor testou o meu código Java Script , com o código da CSS ativo ?
Abraços ,
Olá amigo ,
O Senhor ativou o Gerenciamento de Códigos Java Script ?
alguem faz p mim? mando meus dados por MP =S
Re: Como colocar esse menu no meu fórum
Olá amigo ,
Qual é a versão de seu fórum ? Tem toda a certeza que é PHPBB3 ?
Abraços ,
Qual é a versão de seu fórum ? Tem toda a certeza que é PHPBB3 ?
Abraços ,
Re: Como colocar esse menu no meu fórum
Claro kk, olha la personalizei pouco aindaHugoPimenta escreveu:Olá amigo ,
Qual é a versão de seu fórum ? Tem toda a certeza que é PHPBB3 ?
Abraços ,
http://habbolia-fansitee.forumeiros.com
Re: Como colocar esse menu no meu fórum
Olá!
Aceda a "Folha de Estilo CSS":
Fazendo isto, agora aceda a "Gestão dos Códigos JavaScript":
Investimento Em todas as páginas
Código:
Até mais!
Aceda a "Folha de Estilo CSS":
Código:Painel de Controle Visualização Imagens e Cores Cores Folha de Estilo CSS
- Código:
#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
margin: 0;
padding: 0;
position: relative;
}
#cssmenu {
height: 49px;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
background: #141414;
background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
border-bottom: 2px solid #0fa1e0;
}
#cssmenu:after,
#cssmenu ul:after {
content: '';
display: block;
clear: both;
}
#cssmenu a {
background: #141414;
background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#32323a', EndColorStr='#141414', GradientType=0);
color: #ffffff;
display: inline-block;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 12px;
line-height: 49px;
padding: 0 20px;
text-decoration: none;
}
#cssmenu ul {
list-style: none;
}
#cssmenu > ul {
float: left;
}
#cssmenu > ul > li {
float: left;
}
#cssmenu > ul > li:hover:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #0fa1e0;
margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
-webkit-border-radius: 5px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
-webkit-border-radius: 0 5px 0 0;
}
#cssmenu > ul > li.active > a {
box-shadow: inset 0 0 3px #000000;
-moz-box-shadow: inset 0 0 3px #000000;
-webkit-box-shadow: inset 0 0 3px #000000;
background: #070707;
background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
}
#cssmenu > ul > li:hover > a {
background: #070707;
background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#26262c', EndColorStr='#070707', GradientType=0);
box-shadow: inset 0 0 3px #000000;
-moz-box-shadow: inset 0 0 3px #000000;
-webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
z-index: 1;
}
#cssmenu .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub ul {
display: none;
position: absolute;
width: 200px;
top: 100%;
left: 0;
}
#cssmenu .has-sub ul li {
*margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
background: #0fa1e0;
border-bottom: 1px dotted #6fc7ec;
filter: none;
font-size: 11px;
display: block;
line-height: 120%;
padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
background: #0c7fb0;
}
#cssmenu .has-sub .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub .has-sub ul {
display: none;
position: absolute;
left: 100%;
top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
background: #0c7fb0;
border-bottom: 1px dotted #6db2d0;
}
#cssmenu .has-sub .has-sub ul li a:hover {
background: #095c80;
}
Fazendo isto, agora aceda a "Gestão dos Códigos JavaScript":
Título Escolha um título qualquer.Painel de Controle Módulos HTML & JAVASCRIPT Gestão dos Códigos JavaScript
Investimento Em todas as páginas
Código:
- Código:
jQuery(document).ready(function(){if(jQuery('#logout').length){var m="<div id='cssmenu'><ul> <li><a href='www.bpchampions.forumeiros.com/forum'><span>Fórum</span></a></li> <li><a href='www.bpchampions.forumeiros.com/portal'><span>Portal</span></a></li> <li><a href='www.bpchampions.forumeiros.com/search'><span>Buscar</span></a></li> <li><a href='www.bpchampions.forumeiros.com/memberlist'><span>Membros</span></a></li> <li><a href='www.bpchampions.forumeiros.com/groups'><span>Grupos</span></a></li> <li><a href='www.bpchampions.forumeiros.com/profile?mode=editprofile'><span>Perfil</span></a></li> <li><a href='www.bpchampions.forumeiros.com/privmsg?folder=inbox'><span>Mensagem Privadas</span></a></li> <li><a href='www.bpchampions.forumeiros.com/login?logout=1&tid=cd0e30bc93911d1542a9cd6d9e6cda04&key=a73675'><span>Sair</span></a></li></ul></div>"};jQuery('#page-header .navbar').replaceWith(m)});
Até mais!
Tópicos semelhantes
» Como colocar esse menu no meu fórum?
» Eu Gostaria de Colocar uma Barrinha de Menu Como esse fórum
» Como colocar esse menu?
» Como colocar esse menu ?
» Como colocar esse Menu ?
» Eu Gostaria de Colocar uma Barrinha de Menu Como esse fórum
» Como colocar esse menu?
» Como colocar esse menu ?
» Como colocar esse Menu ?
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre HTML e BBCode
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos