text2PNG.com es un javascript que nos permitirá convertir todo texto de nuestros Tags o títulos de nuestros post en imágenes PNG. Aunque hablamos de algunas técnicas, utilizando text2png prácticamente no deberemos hacer nada, ya que su utilización es muy sencilla y automatizado, simplemente deberemos agregar el código javascript en nuestro blog y configurar una etiqueta a la cual deseamos agregar una imagen PNG en vez del texto tradicional.
Uso en Header
Agregamos el siguiente código dentro de nuestra etiqueta "Head"
JavaScript:
<script type="text/javascript" language="javascript" src="http://www.text2png.com/text_script.js"></script>
<script type="text/javascript" language="javascript">
text2png.onload = function(){
text2png.replace('header'); // or text2png.replace(document.getElementById('header'));
};
</script>
<script type="text/javascript" language="javascript">
text2png.onload = function(){
text2png.replace('header'); // or text2png.replace(document.getElementById('header'));
};
</script>
y Luego
HTML:
<div id="header">Hello World</div>
Uso en Menu o listas
JavaScript:
<script type="text/javascript" language="javascript" src="http://www.text2png.com/text_script.js"></script>
<script type="text/javascript" language="javascript">
text2png.onload = function(){
text2png.replaceAll('nav', document.getElementById('list'));
};
</script>
<script type="text/javascript" language="javascript">
text2png.onload = function(){
text2png.replaceAll('nav', document.getElementById('list'));
};
</script>
y luego
HTML:
<div id="nav">
Menu: <!-- aqui no cargara la imagen -->
<a href="#">Home</a> <!-- En los enlaces si -->
<a href="#">Contact us</a>
</div>
<div id="list">
<div>First Headline</div>
<div>Second Headline</div>
</div>
Menu: <!-- aqui no cargara la imagen -->
<a href="#">Home</a> <!-- En los enlaces si -->
<a href="#">Contact us</a>
</div>
<div id="list">
<div>First Headline</div>
<div>Second Headline</div>
</div>
MAs info y opciones - Web Oficial text2png
Via webappers
Loading ...
Sam
28-01-2008
Permalink
Just a quick correction, the header example should be as the following
text2png.onload = function(){
text2png.replace('header'); // or text2png.replace(document.getElementById('header'));
};
Convertir Texto a PNG | Blog Gratis y libre |
28-01-2008
Permalink
[...] Visto en Xyberneticos [...]
Nikko
28-01-2008
Permalink
Sam: I just fix it ..Thanks