Entrar | Registrar | FAQ
Anonymous

Barra Fixa {Ajuda}

+ Postar uma resposta

2 Mensagens Página 1 de 1


Barra Fixa {Ajuda}

por cavaleiro » Qui Dez 15, 2011 6:28 pm

Estou com 2 problemas com a barra fixa que estou criando para o meu blog.
1. No primeiro clique está sendo nescessário clicar 2 vezes para ocultar.

2. Quando a barra está visível ela não ocupa um espaço no topo do blogger e consequentemente tapa a visão do primeiro título.

Código do botão de exibição da barra:
Código: Selecionar tudo
<div class='pre-spoiler'>
<input id='xs' onclick='if (this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display != &apos;&apos;) { this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display = &apos;&apos;;this.innerText = &apos;&apos;; this.value = &apos;Ocultar ^&apos;; } else { this.parentNode.parentNode.getElementsByTagName(&apos;div&apos;)[1].getElementsByTagName(&apos;div&apos;)[0].style.display = &apos;none&apos;; this.value = &apos;Mostrar Barra&apos;;}' style='background: #ff3019; /* Old browsers */ background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* IE10+ */ background: linear-gradient(top, #ff3019 0%,#cf0404 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&apos;#ff3019&apos;, endColorstr=&apos;#cf0404&apos;,GradientType=0 ); /* IE6-9 */;border-bottom:0px solid #000;width:100%;position:fixed;z-index:150000; height: 25px; width: 100%;color: #FFF; font-family:Impact, fantasy' type='button' value='Mostrar Barra'> </input></div>
<div>
<div class='spoiler' style='display: block;'>......


Link do Blog em construção:
www.cavaleiroapocaliptico.blogspot.com
Avatar de usuário

cavaleiro

  • Mensagens: 3
  • Data de registro: Qui Dez 15, 2011 6:02 pm

Re: Barra Fixa {Ajuda}

por diegofly » Qua Fev 22, 2012 6:40 pm

Isso ta meio bagunçado, tas usando alguma div especifica para por a barra?
Avatar de usuário

diegofly

  • Mensagens: 6
  • Data de registro: Qua Fev 15, 2012 5:44 pm


+ Postar uma resposta

Página 1 de 1