©Geral Códigos 2015

quarta-feira, 13 de fevereiro de 2013

Texto Animado para Blog


Encontrei uma maneira de colocar um efeito no texto de forma animada(estilo flash), porém, não necessita utilizar flash para gerar este efeito.
  O efeito para texto animado, utiliza um script, criado por dhteumeuleu  e tem um efeito bem curioso e interessante de reutilização de pontosem comum em linhas sucessivas. Este efeito é bem interessante!
  Clicando na imagem abaixo você pode ver um exemplo do texto emmovimento.
demo1
DEMO
A instalação é fácil, porque você só precisará adicionar um gadget do tipo “HTML/JavaScript” e colar o código do script disponível neste tutorial.

1. Código:


<style type="text/css">
#frm {
position: relative;
height: 150px;
width:630px;
font-size: 1.8em;
font-weight: bold;
font-family: verdana, arial;
background: transparent;
overflow: hidden;
padding: 0.5em}
#frm span {
position: relative;
text-align: center;
z-index: 1;
color:#ffffff;
}
#mtxform {
position: relative;
z-index: 10;
}
.hidden {
visibility: hidden;
}
</style><script style="text/javascript" src="http://dl.dropbox.com/u/3173073/HacksBlogger/texto-animado.js">
</script>
<div id="frm"></div>
<form id="mtxform" name="mtxform"><button id="show" class="hidden" onclick="mtx.show();" type="button">Replay</button><span id="inputext" class="hidden"><textarea id="text" rows="0" cols="0" name="text">
ESCREVA O TEXTO
QUE VOCÊ QUISER AQUI
</textarea><button onclick="mtx.changeText();" type="button">Play</button><input type="RESET" /></span></form>

2. Configurar o local onde o script será instalado – Acima da coluna de postagens:

Eu recomendo a instalação deste script acima da coluna de postagens,para ficar melhor destacado.
Antes de mais nada você precisa conferir no painel do blog se no seu template já existe a possiblidade de adicionar um gadget acima da coluna de postagens, através do menu “layout”.
Se não houver, você terá que fazer algumas modificações no código. Siga este artigo e veja como Como instalar gadgets acima da coluna de postagens.
No menu “layout” , você verá um campo para “Adicionar Gadget” bem acima da coluna de postagens do blog, escolha a opção HTML/Javascript e cole o código.
Postagem mais recente Postagem mais antiga Página inicial

0 comentários:

Postar um comentário

Copyright © Geral Códigos | Traduzido Por: TheMegaTuto

Design by Igor Design | Pagina No Facebook: GC NO FACE