Jump to content

O Drop-down do meu blog não esta funcionando

heytorthrasher

By heytorthrasher,
in CSS

 Share

Recommended Posts

heytorthrasher void

heytorthrasher

Posted
Posted (edited)

Boa noite a todos, eu não sou de Portugal, sou do Brasil, mas porém falamos a mesma língua, eu estou precisando da ajudas de vocês pois foi o único lugar que eu achei focado em programação, bem, eu tenho um blog por volta de 1 mês, é o http://maniacosporhqs.blogspot.com , ele tinha um menu com drop-down que expirou, então eu criei um novo menu, eu coloquei os codigos no blog, mas não ta pegando, quando eu passo o mouse por cima da aba não desce a barra de drop-down, e quando clica vai para uma página .com/# que eu não sei como resolver, o html é esse

</head>
<body ontouchstart="" style="background-color:#EBEBEB">
<!-- Start css3menu.com BODY section -->
<input type="checkbox" id="css3menu-switcher" class="c3m-switch-input">
<ul id="css3menu1" class="topmenu">
<li class="switch"><label onclick="" for="css3menu-switcher"></label></li>
<li class="topfirst"><a href="http://maniacosporhqs.blogspot.com" style="height:15px;line-height:15px;">Home</a></li>
<li class="topmenu"><a href="#" style="height:15px;line-height:15px;"><span>Editoras</span></a>
<ul>
<li class="subfirst"><a href="http://maniacosporhqs.blogspot.com.br/search/label/Marvel">Marvel</a></li>
<li><a href="http://maniacosporhqs.blogspot.com.br/search/label/DC">DC</a></li>
<li><a href="http://maniacosporhqs.blogspot.com.br/search/label/Dark-Horse">Dark Horse</a></li>
<li><a href="http://maniacosporhqs.blogspot.com.br/search/label/Image">Image</a></li>
<li><a href="http://maniacosporhqs.blogspot.com.br/search/label/Vertigo">Vertigo</a></li>
<li><a href="http://maniacosporhqs.blogspot.com.br/search/label/Wildstorm">Wildstorm</a></li>
<li><a href="http://maniacosporhqs.blogspot.com.br/search/label/Outras">Outras</a></li>
</ul></li>
<li class="topmenu"><a href="http://maniacosporhqs.blogspot.com.br/search/label/Mangas" style="height:15px;line-height:15px;">Mangás</a></li>
<li class="topmenu"><a href="http://maniacosporhqs.blogspot.com.br/search/label/Oneshot" style="height:15px;line-height:15px;">One-Shot</a></li>
<li class="topmenu"><a href="http://maniacosporhqs.blogspot.com.br/search/label/Revistas-Ebooks" style="height:15px;line-height:15px;">Revistas & Ebooks</a></li>
<li class="topmenu"><a href="http://maniacosporhqs.blogspot.com.br/search/label/Programas" style="height:15px;line-height:15px;">Programas</a></li>
<li class="toplast"><a href="#" style="height:15px;line-height:15px;"><span>Redes Sociais</span></a>
<ul>
<li class="subfirst"><a href="https://www.facebook.com/groups/825908637482161">Grupo do Facebook</a></li>
<li><a href="https://plus.google.com/106999857074882650959">Google+</a></li>
</ul></li>
</body>
</html>

oque eu faço para o menu aparecer e não ir para a página .com/# ? por favor me ajudem :\

Edited by apocsantos
geshi
Link to comment
Share on other sites
heytorthrasher void

heytorthrasher

Posted
  • Author
Posted (edited)

Amigo, desculpe, eu fiquei furioso, pensei que ninguém ia responder ai acabei excluindo a barra de menu, aqui está o HTML e o CSS ( desconsidere o primeiro código por favor )

CODIGO HTML

<!-- Start css3menu.com BODY section -->
<input type="checkbox" id="css3menu-switcher" class="c3m-switch-input" />
<ul id="css3menu1" class="topmenu">
<li class="switch"><label onclick="" for="css3menu-switcher"></label></li>
<li class="topfirst"><a href="http://maniacosporhqs.blogspot.com.br/" style="height:15px;line-height:15px;">Home</a></li>
<li class="topmenu"><a href="#" style="height:15px;line-height:15px;"><span>Editoras</span></a>
<ul>
<li class="subfirst"><a href="http://maniacosporhqs.blogspot.com.br/search/label/Marvel">Marvel</a></li>
<li><a href="http://maniacosporhqs.blogspot.com.br/search/label/DC">DC</a></li>
<li><a href="http://maniacosporhqs.blogspot.com.br/search/label/Dark-Horse">Dark Horse</a></li>
<li><a href="http://maniacosporhqs.blogspot.com.br/search/label/Image">Image</a></li>
<li><a href="http://maniacosporhqs.blogspot.com.br/search/label/Wildstorm">Wildstorm</a></li>
<li><a href="http://maniacosporhqs.blogspot.com.br/search/label/Vertigo">Vertigo</a></li>
<li><a href="http://maniacosporhqs.blogspot.com.br/search/label/Outras">Outras</a></li>
</ul></li>
<li class="topmenu"><a href="http://maniacosporhqs.blogspot.com.br/search/label/Mangas" style="height:15px;line-height:15px;">Mangás</a></li>
<li class="topmenu"><a href="http://maniacosporhqs.blogspot.com.br/search/label/Oneshot" style="height:15px;line-height:15px;">One-Shot</a></li>
<li class="topmenu"><a href="http://maniacosporhqs.blogspot.com.br/search/label/Revistas-Ebooks" style="height:15px;line-height:15px;">Revistas & Ebooks</a></li>
<li class="topmenu"><a href="http://maniacosporhqs.blogspot.com.br/search/label/Meus-Projetos" style="height:15px;line-height:15px;">Meus Projetos</a></li>
<li class="topmenu"><a href="http://maniacosporhqs.blogspot.com.br/search/label/Programas" style="height:15px;line-height:15px;">Programas</a></li>
<li class="toplast"><a href="#" style="height:15px;line-height:15px;"><span>Redes Sociais</span></a>
<ul>
<li class="subfirst"><a href="https://www.facebook.com/groups/825908637482161">Grupo do Facebook</a></li>
<li><a href="https://plus.google.com/106999857074882650959">Google+</a></li>
</ul></li></ul>

----------------------------------------------------------------------------------------------------------------------

E aqui está o código CSS do Menu

ul#css3menu1,ul#css3menu1 ul{
margin:0;list-style:none;padding:0;background-color:#000;background-image:url("mainbk.png");background-repeat:repeat;border-width:0px;border-style:solid;border-color:#162436;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;}
ul#css3menu1 ul{
display:none;position:absolute;left:0;top:100%;-moz-box-shadow:0.7px 0.7px 1px #3E3E3E;-webkit-box-shadow:0.7px 0.7px 1px #3E3E3E;box-shadow:0.7px 0.7px 1px #3E3E3E;background-color:#000000;background-image:none;border-width:1px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;border-style:solid;border-color:#162436;padding:0 9px 9px;}
ul#css3menu1 li:hover>*{
display:block;}
ul#css3menu1 li{
position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{
z-index:1;}
ul#css3menu1{
font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:1px 1px 1px 0;
*display:inline;}
* html ul#css3menu1 li a{
display:inline-block;}
ul#css3menu1>li{
margin:0 0 0 1px;}
ul#css3menu1 ul>li{
margin:1px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
outline-style:none;}
ul#css3menu1 a{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 12px Arial;color:#cccccc;cursor:default;padding:10px;background-color:#000000;background-image:url("mainbk.png");background-repeat:repeat;background-position:0 200px;border-width:0px;border-style:none;border-color:;}
ul#css3menu1 ul li{
float:none;margin:9px 0 0;}
ul#css3menu1 ul a{
text-align:left;padding:8px 0 0 0;background-color:#000000;background-image:none;border-width:1px 0 0 0;border-style:solid;border-color:#293344;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:13px Arial;color:#cccccc;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
background-color:#FF8D00;border-style:none;color:#ffffff;background-image:url("mainbk.png");background-position:0 100px;}
ul#css3menu1 span{
display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 > li.switch{
display:none;cursor:pointer;width:25px;height:20px;padding:10px;}
ul#css3menu1 > li.switch:before{
content:"";position:absolute;display:block;height:4px;width:25px;border-radius:4px;background:#cccccc;-moz-box-shadow:0 8px #cccccc, 0 16px #cccccc;-webkit-box-shadow:0 8px #cccccc, 0 16px #cccccc;box-shadow:0 8px #cccccc, 0 16px #cccccc;}
ul#css3menu1 > li.switch:hover:before{
background:#ffffff;-moz-box-shadow:0 8px #ffffff, 0 16px #ffffff;-webkit-box-shadow:0 8px #ffffff, 0 16px #ffffff;box-shadow:0 8px #ffffff, 0 16px #ffffff;}
.c3m-switch-input{
display:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li > a.pressed{
background-color:#FF8D00;background-image:url("mainbk.png");background-position:0 100px;border-style:none;color:#ffffff;text-decoration:none;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li > a.pressed{
background-color:#000000;background-image:none;border-style:solid;border-color:#293344;color:#FF8D00;text-decoration:none;}
ul#css3menu1 li.topfirst>a{
border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;text-shadow:#000000 0px -1px 1px;}
ul#css3menu1 li.topfirst:hover>a,ul#css3menu1 li.topfirst > a.pressed{
text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 li.topmenu>a{
text-shadow:#000000 0px -1px 1px;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu > a.pressed{
text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 li.toplast>a{
border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;text-shadow:#000000 0px -1px 1px;}
ul#css3menu1 li.toplast:hover>a,ul#css3menu1 li.toplast > a.pressed{
text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 _>li>a{
padding:0;}
ul#css3menu1 li.subfirst>a{
border-width:0;border-style:none;padding:0;}
ul#css3menu1 li.subfirst:hover>a,ul#css3menu1 li.subfirst > a.pressed{
border-style:none;}
@media screen and (max-width: 768px) {
ul#css3menu1 > li {
position: initial;}
ul#css3menu1 ul .submenu,ul#css3menu1 li > ul {
left: 0; right:auto; top: 100%;}
ul#css3menu1 .submenu,ul#css3menu1 ul,ul#css3menu1 .column {
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;padding-right: 0;width: 100% !important;}
}
@media screen and (max-width: 708px) {
ul#css3menu1 {
width: 100%;}
ul#css3menu1 > li {
display: none; position: relative; width: 100% !important;}
ul#css3menu1 > li.switch,.c3m-switch-input:checked + ul#css3menu1 > li + li {
display: block;}
ul#css3menu1 > li.switch > label { position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;}}
Edited by apocsantos
geshi
Link to comment
Share on other sites
HappyHippyHippo stack overflow

HappyHippyHippo

Posted
Posted 
<!--
<div class="widget HTML" id="HTML2">
<div class="widget-content">
-->
<!-- Start css3menu.com BODY section -->
<input type="checkbox" id="css3menu-switcher" class="c3m-switch-input">
<ul id="css3menu1" class="topmenu">
 <li class="switch"><label onclick="" for="css3menu-switcher"></label></li>
 <li class="topfirst"><a href="http://maniacosporhqs.blogspot.com.br/" style="height:15px;line-height:15px;">Home</a></li>
 <li class="topmenu"><a href="#" style="height:15px;line-height:15px;"><span>Editoras</span></a>
   <ul>
     <li class="subfirst"><a href="http://maniacosporhqs.blogspot.com.br/search/label/Marvel">Marvel</a></li>
     <li><a href="http://maniacosporhqs.blogspot.com.br/search/label/DC">DC</a></li>
     <li><a href="http://maniacosporhqs.blogspot.com.br/search/label/Dark-Horse">Dark Horse</a></li>
     <li><a href="http://maniacosporhqs.blogspot.com.br/search/label/Image">Image</a></li>
     <li><a href="http://maniacosporhqs.blogspot.com.br/search/label/Wildstorm">Wildstorm</a></li>
     <li><a href="http://maniacosporhqs.blogspot.com.br/search/label/Vertigo">Vertigo</a></li>
     <li><a href="http://maniacosporhqs.blogspot.com.br/search/label/Outras">Outras</a></li>
   </ul>
 </li>
 <li class="topmenu"><a href="http://maniacosporhqs.blogspot.com.br/search/label/Mangas" style="height:15px;line-height:15px;">Mangás</a></li>
 <li class="topmenu"><a href="http://maniacosporhqs.blogspot.com.br/search/label/Oneshot" style="height:15px;line-height:15px;">One-Shot</a></li>
 <li class="topmenu"><a href="http://maniacosporhqs.blogspot.com.br/search/label/Revistas-Ebooks" style="height:15px;line-height:15px;">Revistas & Ebooks</a></li>
 <li class="topmenu"><a href="http://maniacosporhqs.blogspot.com.br/search/label/Meus-Projetos" style="height:15px;line-height:15px;">Meus Projetos</a></li>
 <li class="topmenu"><a href="http://maniacosporhqs.blogspot.com.br/search/label/Programas" style="height:15px;line-height:15px;">Programas</a></li>
 <li class="toplast"><a href="#" style="height:15px;line-height:15px;"><span>Redes Sociais</span></a>
   <ul>
     <li class="subfirst"><a href="https://www.facebook.com/groups/825908637482161">Grupo do Facebook</a></li>
     <li><a href="https://plus.google.com/106999857074882650959">Google+</a></li>
   </ul>
 </li>
</ul>
<!--
</div>
<div class="clear"></div>
<span class="widget-item-control">
<span class="item-control blog-admin">
<a class="quickedit" href="//www.blogger.com/rearrange?blogID=6896422500055267777&widgetType=HTML&widgetId=HTML2&action=editWidget&sectionId=crosscol" onclick="return _WidgetManager._PopupConfig(document.getElementById("HTML2"));" target="configHTML2" title="Editar">
<img alt="" height="18" src="//img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18">
</a>
</span>
</span>
<div class="clear"></div>
</div>
-->
IRC : sim, é algo que ainda existe >> #p@p
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.

  I accept