Ver Mensaje Individual
  #2 (permalink)  
Antiguo 03/10/2012, 06:28
quimfv
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 16 años, 8 meses
Puntos: 574
Respuesta: Formulario para blog?

Las letras de madera són físicas?

DAFONT.COM ofrece funtes web ....

O pasas tus fuentes de madera a fuente digital imitando a la fisica o usas una colección de fotos de cada letra para representar el texto...(SOLUCIÓN "PATATERA")


Código HTML:
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <title>Documento sin t&iacute;tulo</title>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  4. <script language="JavaScript" type="text/JavaScript">
  5. function escribetexto(obj,tipo){
  6.     var texto=obj.value;
  7.     var imagen="";
  8.     for (var i=0; i<texto.length;i++){
  9.        imagen+="<img scr='"+tipo+"/"+texto.substring(i,i+1)+".jpg' alt='"+texto.substring(i,i+1)+"' />";
  10.     }
  11.     document.getElementById("visor").innerHTML=imagen;
  12. }
  13. </head>
  14. <input name="texto" type="text" onBlur="escribetexto(this,'tipo1')">
  15. <div id="visor"></div>
  16. </body>
  17. </html>

Esto represetara el texto con una sucesión de imagenes en la tipografia imaginaria "tipo1", si tienes en un directorio con ese nombre (tipo1) las imagenes de todas las letras de esa tipografia (a.jpg,b.jpg,c.jpg,....) Habria que hacer algo con los estacios en blanco... ya que no puedes tener una imagen con ese nombre....

p.e.

if(texto.substring(i,i+1)!=" "){
imagen+="<img scr='"+tipo+"/"+texto.substring(i,i+1)+".jpg' alt='"+texto.substring(i,i+1)+"' />";
}else{
imagen+="<img scr='"+tipo+"/blanco.jpg' alt='"+texto.substring(i,i+1)+"' />";
}
__________________
Quim
--------------------------------------------------
Ayudar a ayudar es una buena práctica!!! Y da buenos resultados.

Última edición por quimfv; 03/10/2012 a las 06:50