Instalar menu feito no css menu maker
3 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
Instalar menu feito no css menu maker
Qual é minha questão:
Boas
Segui o tutorial de como instalar o cssmenumaker mas o mesmo não aparece
O CSS é este
Endereço do meu fórum:
http://teckview.forumeiros.com
Versão do fórum:
PHPBB2
Boas
Segui o tutorial de como instalar o cssmenumaker mas o mesmo não aparece
O CSS é este
O meu forum é Phpbb3@import url(http://fonts.googleapis.com/css?family=Capriola);
/* Let's import the lovely google font, please keep this line at the top of your stylesheet */
/* Menu CSS */#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
padding: 0;
margin: 0;
line-height: 1;
font-family: 'Capriola', sans-serif;
}
#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {
content: '';
display: table;
}
#cssmenu:after,
#cssmenu > ul:after {
clear: both;
}
#cssmenu {
zoom: 1;
height: 69px;
background: url(bottom-bg.png) repeat-x center bottom;
border-radius: 2px;
width: auto;
}
#cssmenu ul {
background: url(nav-bg.png) repeat-x 0px 4px;
height: 69px;
}
#cssmenu ul li {
float: left;
list-style: none;
}
#cssmenu ul li a {
display: block;
height: 37px;
padding: 22px 30px 0;
margin: 4px 2px 0;
border-radius: 2px 2px 0 0;
text-decoration: none;
font-size: 15px;
color: white;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
font-weight: 400;
opacity: .9;
}
#cssmenu ul li:first-child a {
margin: 4px 2px 0 0;
}
#cssmenu ul li a:hover,
#cssmenu ul li.active a {
background: url(color.png) center bottom;
display: block;
height: 37px;
margin-top: 0px;
padding-top: 26px;
color: #004f7c;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.55);
opacity: 1;
}
Endereço do meu fórum:
http://teckview.forumeiros.com
Versão do fórum:
PHPBB2
Última edição por djmpd21 em 26.09.13 20:49, editado 1 vez(es)
Re: Instalar menu feito no css menu maker
O Html
E o CSS
As imagens do menu são estas
http://cssmenumaker.com/sites/default/files/menu/146/nav-bg.png
http://cssmenumaker.com/sites/default/files/menu/146/bottom-bg.png
http://cssmenumaker.com/sites/default/files/menu/146/color.png
- Spoiler:
- <div id='cssmenu'>
<ul>
<li><a href='http://teckview.forumeiro.com/'><span>Home</span></a></li>
<li><a href='http://teckview.forumeiro.com/'><span>Portal</span></a></li>
<li><a href='#'><span>FAQ</span></a></li>
<li><a href='http://teckview.forumeiro.com/search'><span>Buscar</span></a></li>
<li><a href='http://teckview.forumeiro.com/memberlist'><span>Membros</span></a></li>
<li><a href='http://teckview.forumeiro.com/groups'><span>Grupos</span></a></li>
<li><a href='http://teckview.forumeiro.com/profile?mode=editprofile'><span>Mensagens</span></a></li>
<li class='last'><a href='http://teckview.forumeiro.com/login?logout=1&tid=e1502e9c456568722aab95917570bb8e&key=6eee5b'><span>Sair</span></a></li>
</ul>
</div>
E o CSS
- Spoiler:
- @import url(http://fonts.googleapis.com/css?family=Capriola);
/* Let's import the lovely google font, please keep this line at the top of your stylesheet */
/* Menu CSS */#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
padding: 0;
margin: 0;
line-height: 1;
font-family: 'Capriola', sans-serif;
}
#cssmenu:before,
#cssmenu:after,
#cssmenu > ul:before,
#cssmenu > ul:after {
content: '';
display: table;
}
#cssmenu:after,
#cssmenu > ul:after {
clear: both;
}
#cssmenu {
zoom: 1;
height: 69px;
background: url(bottom-bg.png) repeat-x center bottom;
border-radius: 2px;
width: auto;
}
#cssmenu ul {
background: url(nav-bg.png) repeat-x 0px 4px;
height: 69px;
}
#cssmenu ul li {
float: left;
list-style: none;
}
#cssmenu ul li a {
display: block;
height: 37px;
padding: 22px 30px 0;
margin: 4px 2px 0;
border-radius: 2px 2px 0 0;
text-decoration: none;
font-size: 15px;
color: white;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
font-weight: 400;
opacity: .9;
}
#cssmenu ul li:first-child a {
margin: 4px 2px 0 0;
}
#cssmenu ul li a:hover,
#cssmenu ul li.active a {
background: url(color.png) center bottom;
display: block;
height: 37px;
margin-top: 0px;
padding-top: 26px;
color: #004f7c;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.55);
opacity: 1;
}
As imagens do menu são estas
http://cssmenumaker.com/sites/default/files/menu/146/nav-bg.png
http://cssmenumaker.com/sites/default/files/menu/146/bottom-bg.png
http://cssmenumaker.com/sites/default/files/menu/146/color.png
Re: Instalar menu feito no css menu maker
Olá!
Vá em:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
Até mais.
Vá em:
Painel de controle -> Módulos -> HTML & JavaScript -> Gestão dos códigos JavaScripts
- 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://teckview.forumeiro.com/'><span>Home</span></a></li>
<li><a href='http://teckview.forumeiro.com/'><span>Portal</span></a></li>
<li><a href='#'><span>FAQ</span></a></li>
<li><a href='http://teckview.forumeiro.com/search'><span>Buscar</span></a></li>
<li><a href='http://teckview.forumeiro.com/memberlist'><span>Membros</span></a></li>
<li><a href='http://teckview.forumeiro.com/groups'><span>Grupos</span></a></li>
<li><a href='http://teckview.forumeiro.com/profile?mode=editprofile'><span>Mensagens</span></a></li>
<li class='last'><a href='http://teckview.forumeiro.com/login?logout=1&tid=e1502e9c456568722aab95917570bb8e&key=6eee5b'><span>Sair</span></a></li>
</ul>
</div>"}else{var m="<div id='cssmenu'>
<ul>
<li><a href='http://teckview.forumeiro.com/'><span>Home</span></a></li>
<li><a href='http://teckview.forumeiro.com/'><span>Portal</span></a></li>
<li><a href='#'><span>FAQ</span></a></li>
<li><a href='http://teckview.forumeiro.com/search'><span>Buscar</span></a></li>
<li><a href='http://teckview.forumeiro.com/memberlist'><span>Membros</span></a></li>
<li><a href='http://teckview.forumeiro.com/groups'><span>Grupos</span></a></li>
<li><a href='http://teckview.forumeiro.com/profile?mode=editprofile'><span>Mensagens</span></a></li>
<li class='last'><a href='http://teckview.forumeiro.com/login?logout=1&tid=e1502e9c456568722aab95917570bb8e&key=6eee5b'><span>Sair</span></a></li>
</ul>
</div>"};jQuery('.novomenu').replaceWith(m)});
Até mais.
Re: Instalar menu feito no css menu maker
Boas amigo
Não aparece o que eu criei aparece um menu ao alto sem imagens e deveria aparecer um menu na horizontal com as imagens que estão no tópico acima..
Não aparece o que eu criei aparece um menu ao alto sem imagens e deveria aparecer um menu na horizontal com as imagens que estão no tópico acima..
Re: Instalar menu feito no css menu maker
Basta fazer por edição de templates.
Leia as FAQ's, como todo bom membro da forumeiros.
Abraço.
Leia as FAQ's, como todo bom membro da forumeiros.
Abraço.
Re: Instalar menu feito no css menu maker
Boas senhor que caiu de paraquedas aqui e não leu o a mensagem inicial.jpjupa escreveu:Basta fazer por edição de templates.
Leia as FAQ's, como todo bom membro da forumeiros.
Abraço.
Obrigado e siga o seu caminho
Re: Instalar menu feito no css menu maker
A explicação para o seu problema é simples amigo.
Você mesmo disse que seu fórum é PHPBB3, porém, fóruns com esta versão não suportam edição de template.
Este deve ser o problema, cujo está muito bem especificado nas FAQ's.
Leia elas, por favor.
Até mais.
Você mesmo disse que seu fórum é PHPBB3, porém, fóruns com esta versão não suportam edição de template.
Este deve ser o problema, cujo está muito bem especificado nas FAQ's.
Leia elas, por favor.
Até mais.
Re: Instalar menu feito no css menu maker
Adorei o por favorjpjupa escreveu:A explicação para o seu problema é simples amigo.
Você mesmo disse que seu fórum é PHPBB3, porém, fóruns com esta versão não suportam edição de template.
Este deve ser o problema, cujo está muito bem especificado nas FAQ's.
Leia elas, por favor.
Até mais.
Visite lá
www.teckview.forumeiro.com
O codigo só se activa se meter o codigo java e o CSS
Bem desisto do menu pois não dá com o forum..Obrigado na mesma
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