Galería de efectos con Github.

+/- Leer entrada

Github social coding es una página donde encontraremos diferentes códigos (con efectos visuales) para aplicar en nuestro blog.
Todos los efectos se basan en Scriptaculous y Prototype. Los incluiremos en nuestra plantilla antes de </head>:
<script src='http://www.google.com/jsapi>
<script>
google.load("prototype","1.6.0.3");
google.load("scriptaculous", "1.8.2");
</script>
He cogido dos efectos para que veáis como funciona.
Efecto pulsate:
<div id="pulsate_dormi" style="width:150px; height:40px; background:#ccc; text-align:center;"> <a href="#" onclick="Effect.Pulsate('pulsate_dormi'); return false;" style="line-height:40px;">Tócame y veras !</a> </div>

Tócame y veras!

Efecto highlight:
<p id="highlight_dormi" style="padding:10px; border:1px solid #ccc; background:#ffffff;"> Efecto para realzar un enlace!<br/> <a href="#" onclick="new Effect.Highlight(this.parentNode, { startcolor: '#ffff99', endcolor: '#ffffff' }); return false;"> Tócame! </a> </p>

Efecto para realzar un enlace!
Tócame!

En la Web encontrareis muchos más efectos.

Compartir