Duvida css menu
5 participantes
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Duvida css menu
Qual é minha questão:
Olá galera minha duvida é o seguinte gostaria de saber o porque de meu menu criado no site http://cssmenumaker.com/
está ficando deste jeito :
Sendo que no caso o menu é desse jeito:
o codigo do meu CSS esta exatamente assim :
http://budweiserdmo.forumeiros.com
Versão do fórum:
PHPBB2
Olá galera minha duvida é o seguinte gostaria de saber o porque de meu menu criado no site http://cssmenumaker.com/
está ficando deste jeito :
Sendo que no caso o menu é desse jeito:
o codigo do meu CSS esta exatamente assim :
- Código:
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
@charset 'UTF-8';
/* Base Styles */
#cssmenu ul,
#cssmenu li,
#cssmenu a {
list-style: none;
margin: 0;
padding: 0;
border: 0;
line-height: 1;
font-family: 'Lato', sans-serif;
}
#cssmenu {
border: 1px solid #0e4d76;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
width: auto;
}
#cssmenu ul {
zoom: 1;
background: #1988d1;
background: -moz-linear-gradient(top, #36a1e7 0%, #1988d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #36a1e7), color-stop(100%, #1988d1));
background: -webkit-linear-gradient(top, #36a1e7 0%, #1988d1 100%);
background: -o-linear-gradient(top, #36a1e7 0%, #1988d1 100%);
background: -ms-linear-gradient(top, #36a1e7 0%, #1988d1 100%);
background: linear-gradient(top, #36a1e7 0%, #1988d1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', endColorstr='@bottom-color', GradientType=0);
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
#cssmenu ul:before {
content: '';
display: block;
}
#cssmenu ul:after {
content: '';
display: table;
clear: both;
}
#cssmenu li {
float: left;
margin: 0 5px 0 0;
border: 1px solid transparent;
}
#cssmenu li a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
padding: 8px 15px 9px 15px;
display: block;
text-decoration: none;
color: #ffffff;
border: 1px solid transparent;
font-size: 16px;
}
#cssmenu li.active {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border: 1px solid #36a1e7;
}
#cssmenu li.active a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
display: block;
background: #146aa3;
border: 1px solid #0e4d76;
-moz-box-shadow: inset 0 5px 10px #0e4d76;
-webkit-box-shadow: inset 0 5px 10px #0e4d76;
box-shadow: inset 0 5px 10px #0e4d76;
}
#cssmenu li:hover {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
border: 1px solid #36a1e7;
}
#cssmenu li:hover a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
display: block;
background: #146aa3;
border: 1px solid #0e4d76;
-moz-box-shadow: inset 0 5px 10px #0e4d76;
-webkit-box-shadow: inset 0 5px 10px #0e4d76;
box-shadow: inset 0 5px 10px #0e4d76;
}
http://budweiserdmo.forumeiros.com
Versão do fórum:
PHPBB2
Última edição por carlosffc em 11.10.13 5:04, editado 1 vez(es)
Re: Duvida css menu
Olá,
Senhor, poderia me fornecer o seu template overall_header?
Painel de Controle Visualização Templates Geral overall_header
Até mais.
Senhor, poderia me fornecer o seu template overall_header?
Painel de Controle Visualização Templates Geral overall_header
Até mais.
Re: Duvida css menu
Olá amigo , então esse meno meu foi criado nesse site aqui ou no caso adaptado http://cssmenumaker.com/builder/931444Koller escreveu:Poderia me fornecer a página do menu adaptado pelo senhor?
Re: Duvida css menu
First escreveu:Olá,
Senhor, poderia me fornecer o seu template overall_header?
Painel de Controle Visualização Templates Geral overall_header
Até mais.
Olá novamente,
Senhor, mais uma vez eu te peço o seu template overall_header, o senhor poderia me fornecer por gentileza?
Sem o seu template overall_header não há como eu te ajudar.
Até mais,
Passar bem.
Re: Duvida css menu
First escreveu:Olá novamente,First escreveu:Olá,
Senhor, poderia me fornecer o seu template overall_header?
Painel de Controle :seta:Visualização :seta:Templates :seta:Geral :seta2:overall_header
Até mais.
Senhor, mais uma vez eu te peço o seu template overall_header, o senhor poderia me fornecer por gentileza?
Sem o seu template overall_header não há como eu te ajudar.
Até mais,
Passar bem.
Olá amigo desculpe a demorar a lhe responder , e por que no caso sou adm da pagina e não moderador , e como adm não tem acesso a configurações do templates , estou no aguardo do meu amigo para me tornar moderador para que eu posso lhe fornecer essa informação !
Re: Duvida css menu
Boa tarde!carlosffc escreveu:Olá amigo desculpe a demorar a lhe responder , e por que no caso sou adm da pagina e não moderador , e como adm não tem acesso a configurações do templates , estou no aguardo do meu amigo para me tornar moderador para que eu posso lhe fornecer essa informação !
Tenha em mente que somente o fundador tem acesso administrativo sobre os templates de um fórum. Se não for o fundador, não poderá ter acesso ao mesmo nem se for moderador do fórum.
Atenciosamente.
Re: Duvida css menu
Olá,
Apague essa parte de seu código
#cssmenu ul,
#cssmenu li,
e diga no que resulta.
Obrigado.
Apague essa parte de seu código
#cssmenu ul,
#cssmenu li,
e diga no que resulta.
Obrigado.
Re: Duvida css menu
carlosffc escreveu:Sir_Undead escreveu:Olá,
Apague essa parte de seu código
#cssmenu ul,
#cssmenu li,
e diga no que resulta.
Obrigado.
Olá amigo, infelizmente não ocorreu resultado , mais obrigado pela ajuda .
Re: Duvida css menu
Olá,
Tudo bem, vou analisar o código. Já já irei editar esta mensagem com atualizações.
Tudo bem, vou analisar o código. Já já irei editar esta mensagem com atualizações.
Re: Duvida css menu
Olá novamente amigo ,
Testei em meu próprio fórum e funcionou. O HTML do Forumeiros é diferente do que é disponibilizado pelo site que lhe forneceu tal código, oque interfere no CSS pois eles trabalham junto, um reconhecendo o outro. Aqui está o código:
Testei em meu próprio fórum e funcionou. O HTML do Forumeiros é diferente do que é disponibilizado pelo site que lhe forneceu tal código, oque interfere no CSS pois eles trabalham junto, um reconhecendo o outro. Aqui está o código:
- Código:
#pun-head #pun-navlinks {
border: 1px solid #0e4d76;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
width: auto;
font-family: 'Lato', sans-serif;
zoom: 1;
margin:0;
background: #1988d1;
background: -moz-linear-gradient(top, #36a1e7 0%, #1988d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #36a1e7), color-stop(100%, #1988d1));
background: -webkit-linear-gradient(top, #36a1e7 0%, #1988d1 100%);
background: -o-linear-gradient(top, #36a1e7 0%, #1988d1 100%);
background: -ms-linear-gradient(top, #36a1e7 0%, #1988d1 100%);
background: linear-gradient(top, #36a1e7 0%, #1988d1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', endColorstr='@bottom-color', GradientType=0);
padding: 5px;
}
#pun-navlinks ul {
zoom: 1;
background: #1988d1;
background: -moz-linear-gradient(top, #36a1e7 0%, #1988d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #36a1e7), color-stop(100%, #1988d1));
background: -webkit-linear-gradient(top, #36a1e7 0%, #1988d1 100%);
background: -o-linear-gradient(top, #36a1e7 0%, #1988d1 100%);
background: -ms-linear-gradient(top, #36a1e7 0%, #1988d1 100%);
background: linear-gradient(top, #36a1e7 0%, #1988d1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', endColorstr='@bottom-color', GradientType=0);
padding: 5px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
#pun-navlinks li a {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
padding: 8px 15px 9px 15px;
text-decoration: none;
color: #ffffff;
border: 1px solid transparent;
font-size: 16px;
}
#pun-navlinks li a:hover {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background: #146aa3;
border: 1px solid #0e4d76;
-moz-box-shadow: inset 0 5px 10px #0e4d76;
-webkit-box-shadow: inset 0 5px 10px #0e4d76;
box-shadow: inset 0 5px 10px #0e4d76;
text-decoration: none !important;
}
Última edição por Sir_Undead em 11.10.13 3:30, editado 1 vez(es)
Re: Duvida css menu
Desculpe amigo, copie o código novamente. Eu tinha fornecido apenas metade do código D:carlosffc escreveu:Ok irei testar aqui já te respondo !
Já arrumei, copie-o novamente.
Re: Duvida css menu
É so uma duvida , no caso esse código eu substituo o meu antigo ou no caso seria um complemento do css ?
Re: Duvida css menu
Apague o código que você pegou do site e cola o que te passei agora.
Estes códigos são CSS sim.
Estes códigos são CSS sim.
Re: Duvida css menu
Amigo , apaguei esse meu codigo css antigo e coloquei oque você me passou ! olha como ficou http://budweiserdmo.forumeiros.com/
Re: Duvida css menu
Olá novamente,
Desculpe a demora, é que estava achando os problemas e os arrumando. Fora que minha internet está super lenta.
Agora tenho certeza que vai dar certo, tome:
Se te ajudei, por favor clique em Obrigado e depois em Resolvido.
Desculpe a demora, é que estava achando os problemas e os arrumando. Fora que minha internet está super lenta.
Agora tenho certeza que vai dar certo, tome:
- Código:
#pun-head #pun-navlinks {
border: 1px solid #0e4d76;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
zoom: 1;
margin:0;
background: #1988d1;
background: -moz-linear-gradient(top, #36a1e7 0%, #1988d1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #36a1e7), color-stop(100%, #1988d1));
background: -webkit-linear-gradient(top, #36a1e7 0%, #1988d1 100%);
background: -o-linear-gradient(top, #36a1e7 0%, #1988d1 100%);
background: -ms-linear-gradient(top, #36a1e7 0%, #1988d1 100%);
background: linear-gradient(top, #36a1e7 0%, #1988d1 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@top-color', endColorstr='@bottom-color', GradientType=0);
padding: 15px;
}
#pun-navlinks ul {
list-style: none;
text-align: center !important;
width: 980px;
margin: auto;
}
#pun-navlinks li a {
font-family: 'Lato', sans-serif;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
margin: 0 .5em 0 0;
color: #ffffff;
border: 1px solid transparent;
font-size: 16px;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
#pun-navlinks li a:hover {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-ms-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
background: #146aa3;
border: 1px solid #0e4d76;
-moz-box-shadow: inset 0 5px 10px #0e4d76;
-webkit-box-shadow: inset 0 5px 10px #0e4d76;
box-shadow: inset 0 5px 10px #0e4d76;
text-decoration: none !important;
padding: 13px 0px 14px 0px;
}
Se te ajudei, por favor clique em Obrigado e depois em Resolvido.
Re: Duvida css menu
Amigo esta acontecento o mesmo , desculpe ocupar o seu tempo e muito obrigado pela sua atenção . Será que no caso o css não está tendo compatibilidade com o javascript que no caso está assim :
- 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="
<head>
<img src='http://i76.servimg.com/u/f76/18/26/77/73/digimo13.jpg'>
<br>
<br>
</head>
<div id='cssmenu'>
<ul>
<li><a href='http://budweiserdmo.forumeiros.com/'><span>Forum</span></a></li>
<li><a href='http://budweiserdmo.forumeiros.com/calendar'><span>Calendario</span></a></li>
<li><a href='http://budweiserdmo.forumeiros.com/faq'><span>Faq</span></a></li>
<li><a href='http://budweiserdmo.forumeiros.com/search'><span>Busca</span></a></li>
<li class='last'><a href='http://budweiserdmo.forumeiros.com/memberlist'><span>Membros</span></a></li>
<li><a href='http://budweiserdmo.forumeiros.com/login?logout=1'><span>Sair</span></a></li>
</ul>
</div>"}else{var m="
<head>
<img src='http://i76.servimg.com/u/f76/18/26/77/73/digimo13.jpg'>
<br>
<br>
</head>
<div id='cssmenu'>
<ul>
<li><a href='http://budweiserdmo.forumeiros.com/'><span>Forum</span></a></li>
<li><a href='http://budweiserdmo.forumeiros.com/calendar'><span>Calendario</span></a></li>
<li><a href='http://budweiserdmo.forumeiros.com/faq'><span>Faq</span></a></li>
<li><a href='http://budweiserdmo.forumeiros.com/search'><span>Busca</span></a></li>
<li><a href='http://budweiserdmo.forumeiros.com/memberlist'><span>Membros</span></a></li>
<li><a href='http://budweiserdmo.forumeiros.com/register'><span>Registre-se</span></a></li>
<li class='last'><a href='http://budweiserdmo.forumeiros.com/login'><span>Login</span></a></li>
</ul>
</div>"};jQuery('.novomenu').replaceWith(m)});
Re: Duvida css menu
Tudo bem amigo,
Bem, está tendo uma interferência sim por causa deste javascript.
Ele está onde? Na Folha de Estilos CSS?
Bem, está tendo uma interferência sim por causa deste javascript.
Ele está onde? Na Folha de Estilos CSS?
Re: Duvida css menu
Nunca vi algum fórum da qual a decoração é feita por JS...
Esse JS veio junto com o fórum quando você o criou?
Esse JS veio junto com o fórum quando você o criou?
Re: Duvida css menu
No caso esse codigo eu criei em base desse tutorial https://ajuda.forumeiros.com/t77422-tutorial-adicionar-um-menu-css-maker
e depois add o código html
e depois add o código html
Re: Duvida css menu
Hummm.
Como adaptei o CSS pra interagir com o HTML do fórum criado pela forumeiros, não precisa mais desse JS. Então por favor delete-o.
E lembre-se se lhe ajudei, clique em Obrigado e Resolvido.
Boa Noite.
Atenciosamente
Sir Undead
Como adaptei o CSS pra interagir com o HTML do fórum criado pela forumeiros, não precisa mais desse JS. Então por favor delete-o.
E lembre-se se lhe ajudei, clique em Obrigado e Resolvido.
Boa Noite.
Atenciosamente
Sir Undead
Re: Duvida css menu
Quando add o codigo do html no "Adicionar uma página HTML" o menu e o banner acaba sumindo
- Código:
<head>
<img src='http://i76.servimg.com/u/f76/18/26/77/73/digimo13.jpg'>
<br>
<br>
</head>
<div id='cssmenu'>
<ul>
<li><a href='http://budweiserdmo.forumeiros.com/'><span>Forum</span></a></li>
<li><a href='http://budweiserdmo.forumeiros.com/calendar'><span>Calendario</span></a></li>
<li><a href='http://budweiserdmo.forumeiros.com/faq'><span>Faq</span></a></li>
<li><a href='http://budweiserdmo.forumeiros.com/search'><span>Busca</span></a></li>
<li class='last'><a href='http://budweiserdmo.forumeiros.com/memberlist'><span>Membros</span></a></li>
<li><a href='http://budweiserdmo.forumeiros.com/login?logout=1'><span>Sair</span></a></li>
</ul>
</div>
Re: Duvida css menu
Quando você tira ou quando você coloca o código HTML o banner e o menu some? Se for quando coloca, então tira por que a parte de decoração deve ser feita pelo CSS.
Re: Duvida css menu
O caso é que depois que eu exclui todo o codigo Js, o o menu e o banner sumiram , porque no caso o codigo do banner ficava dentro do html que estava no js , e quando eu tentei criar o html no caso (Gestão das páginas HTML -> Adicionar uma página HTML) continuou sem aparecer o menu e o banner.
Re: Duvida css menu
Então quer dizer que seu tema veio sem o menu...
Você deve ir até:
Visualização > Templates > Geral > overhall_header
E adicionar este código:
Você deve ir até:
Visualização > Templates > Geral > overhall_header
E adicionar este código:
- Código:
<div id="pun-head">
<div id="pun-navlinks">
<ul class="clearfix">
<li>{GENERATED_NAV_BAR}</li>
</ul>
</div>
</div>
Re: Duvida css menu
A então só quem vai poder modificar essa parte depois é meu amigo , porque ele que é o fundador do forum , porque como sou moderador não tenho acesso a essa parte , mais obrigado amanhã devo editar e falo com vc se deu certo ou não Uma Boa Noite e se precisar de alguma ajuda estou ai ! Valeu um abraço
Tópicos semelhantes
» Duvida no css menu
» Duvida, edição do menu
» [Dúvida] Sobre menu
» Duvida sobre o menu
» Dúvida menu css maker
» Duvida, edição do menu
» [Dúvida] Sobre menu
» Duvida sobre o menu
» Dúvida menu css maker
Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre a aparência do fórum :: Questões resolvidas sobre a aparência do fórum
Página 1 de 1
Permissões neste sub-fórum
Não podes responder a tópicos