La plataforma Futudownloads está en desarrollo.

15 nov. 2012

Texto brillante con Jquery Burn

Con cada actualizacion de Jquery surgen nuevos plugins y aplicaciones cada vez más avanzados.
Con las version 1.8.2 de Jquery las posibilidades son casi infinitas para los desarrolladores.
Ahora los desarrolladores crearon un nuevo plugin de Jquery llamado Jquery.burn, creado para darle brillo a los textos así como los que se pueden hacer con photoshop.

  • Ve a Plantilla, luego a Edicion de HTML.
  • Busca la etiqueta ]]></b:skin> y encima de ella pega lo siguiente.
.burn-holder{
  background: #000000;
  font-weight: bold;
  overflow: hidden;
  padding: 10px;
}
.burning {
  color: #ffffff;
  font-size: 40px;
}
  • Lo que vez resaltado de Negro es el color de fondo del texto.
  • Lo que está negreado puedes editarlo.
  • Lo que ves de color purpura es el tamaño del texto.
  • Luego busca la etiqueta </head> y encima de ella pega lo siguiente.
 <script src='//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'/>
<script src='//dl.dropbox.com/u/53097108/ihojosestudios/example/jquery.burn.min.js' type='text/javascript'/>
<script src='//dl.dropbox.com/u/53097108/ihojosestudios/example/jquery.knob.js' type='text/javascript'/>
    <script>
    if(typeof jQuery === &#39;undefined&#39;){
      document.write(unescape(&quot;%3Cscript%20src%3D%27assets/jquery/jquery.js%27%3E%3C/script%3E&quot;));
    }
    </script>
<script type='text/javascript'>
// IJ tutorials //<![CDATA[
(function($){
$(function(){
$('.burning').burn();
});
})(jQuery);
//]]>
</script>
  • Guardas los cambios.
  • Listo ahora cuando vallas a crear una entrada o un gadget HTML puedes crear un texto con brillo agregando la siguiente etiqueta.
Sin fondo:
<span class="burning">Texo</span>
Con fondo:
<p class="burn-holder"><span class="burning">Texo</span></p>
  • Ejemplo.
Con fondo:


FUTUdownloads


Sin fondo:
FUTUdownloads

Para aprender a usar Google Webfonts ve al post Como Utilizar Google WebFonts.
Con Google WebFonts:

FUTUdownloads


Dificultad: Baja
Licencia: MIT, GLP
Fuente: sinetheta.github.com