quinta-feira, 29 de setembro de 2011

Barra com frases de amor aleatórias fixo na tela

Elaborei um pequeno utilitário para blogs femininos, trata-se de um menu que ficará localizado na parte inferior do seu blog. Por sua vez, o menu exibe frases com o tema AMOR. Encontrei o código no site “Pensador.info” e adaptei-o para que ele fosse exibido através de uma barra rosa fixa na tela. Confira a imagem abaixo:

image(Clique aqui para ver uma demonstração)

Para colocar essa barra no seu blog, acesse o painel principal do seu blog, clique na guia “Modelo” e em seguida “Editar HTML”.

Agora aperte CTRL + F e procure por:

<body>

Abaixo dessa tag cole o seguinte código:

<style type='text/css'>

#barraestilo {
width: 100%;
height: 30px;
padding: 5px;
position: fixed;
background: #e81bc9; /* Old browsers */
background: -moz-linear-gradient(top, #e81bc9 0%, #fba6e1 5%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e81bc9), color-stop(5%,#fba6e1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e81bc9 0%,#fba6e1 5%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e81bc9 0%,#fba6e1 5%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #e81bc9 0%,#fba6e1 5%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=&#39;#e81bc9&#39;, endColorstr=&#39;#fba6e1&#39;,GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #e81bc9 0%,#fba6e1 5%); /* W3C */
bottom: 0;
border-top: 1px dotted #febbbb;
z-index: 999999999;
}

#barraestilo a {
color: #fff;
font: bold 14px &#39;Arial&#39;;
}

</style>

<div id='barraestilo'><center>
<script language="javascript" src="http://pensador.uol.com.br/blog.php?t=fa"></script>
<br/><a href="http://pensador.uol.com.br/" style="font-size:0.76em; color: gray;">pensador.info</a>
</center>
</div>

Agora clique em “Visualizar”, se estiver tudo ok e não apresentar nenhum erro, salve!
E meninas, se gostaram deixem um comentário!

Marcadores: , , , ,

6 Comentários:

Às 30 de setembro de 2011 20:44 , Blogger Dα૨ℓ૯ท૯ Aℓ√૯ઽ....(",) ^♥^ disse...

Ué meu blog n tem body...

que pena achei fantastico ....parabéns ^^

 
Às 30 de setembro de 2011 22:48 , Blogger Códigos Blogger disse...

@Dα૨ℓ૯ท૯ Aℓ√૯ઽ....(",) ^♥^ tente procurar por <body

 
Às 1 de outubro de 2011 10:42 , Blogger Iglotec.com disse...

num tem di noticias não ficaria bom as noticias passando para baixo legal ver si tu num consegue

 
Às 1 de outubro de 2011 21:19 , Blogger Códigos Blogger disse...

Esse acessório é só para blogs de poesias/poema. Mas posso criar um de notícias, ficaria legal também.

 
Às 3 de outubro de 2011 12:19 , Blogger Iglotec.com disse...

fica legal mesmo, quando você fizer vou pegar aqui no blog ta ok.

 
Às 3 de outubro de 2011 12:23 , Blogger Iglotec.com disse...

outra coisa meu blog queria botar um efeito Lightbox nas imagens achei na internet ficou legal mais tem uma coisa o Lightbox prestou mais duas coisas pararam de funcionar o slide e o menu ja pesquisei na internet e achei.
o poblema e que os Lightbox slide e o menu entram em conflito sera que você poderia mi ajudar a nao dar esse conflito aguardo sua reposta.

 

Postar um comentário

Se você gostou deste artigo deixe um comentário!

Duvidas ou sugestões comentem aqui! =D
*Não insultar autor ou leitores da postagens
*Não pedir parceria por comentários
*Não publicar spam ou similar.

Assinar Postar comentários [Atom]

Links para esta postagem:

Criar um link

<< Página inicial