LeoBaraldi - Ejemplos Flash, Ejemplos actionscript, Tutoriales Flash, Tutoriales actionscript, Archivos fla, curso flash, flash8 http://www.leobaraldi.com.ar Ejemplos Flash, Ejemplos actionscript, Tutoriales Flash, Tutoriales actionscript, Archivos fla, curso flash, flash8 Sat, 04 Oct 2008 04:18:48 +0000 http://wordpress.org/?v=2.6 en ¿Que es un Gravatar? http://www.leobaraldi.com.ar/2008/10/04/%c2%bfque-es-un-gravatar/ http://www.leobaraldi.com.ar/2008/10/04/%c2%bfque-es-un-gravatar/#comments Sat, 04 Oct 2008 04:05:11 +0000 LeoBaraldi http://www.leobaraldi.com.ar/?p=552

Un Gravatar es una imagen vinculada a tu dirección de correo, y este sirve para cuando publicamos un comentario en un blog tu comentario se le adjunte una imagen representativa de vos. Digamos que es como parte de tu firma digital y puede ser utilizado en blog o cualquier sitio que soporte Gravatar!.
Para poder utilizar este servicio es muy fácil, entra a la página de Gravatar, regístrate y sube una imagen y listo!

Si lo que quieres es implementar el servicio de Gravatar a tu blog de WordPress simplemente inserta esta linea dentro del foreach de comments.php

PHP:
  1. <? if(function_exists('get_avatar')) { echo get_avatar($comment, '50'); } ?>

O también si tienes un sitio que no es un blog pero si tiene algún modulo de comentarios y es en PHP puedes utilizar el servicio de la siguiente manera:

PHP:
  1. <?
  2. $email = $comment->comment_author_email;
  3. $default = ""; // link to your default avatar
  4. $size = 62; // size in pixels squared
  5. $grav_url = "http://www.gravatar.com/avatar.php?gravatar_id=
  6. " . md5($email) . "&default=" . urlencode($default) . "&size=" . $size;
  7. ?>
  8. <img src="<?=$grav_url ?>" height="<?=$size ?>" width="<?=$size ?>" alt="User Gravatar" />

]]> http://www.leobaraldi.com.ar/2008/10/04/%c2%bfque-es-un-gravatar/feed/ Personalizar la selección de texto en un xhtml http://www.leobaraldi.com.ar/2008/10/03/personalizar-la-seleccion-de-texto-en-un-xhtml/ http://www.leobaraldi.com.ar/2008/10/03/personalizar-la-seleccion-de-texto-en-un-xhtml/#comments Sat, 04 Oct 2008 03:05:52 +0000 LeoBaraldi http://www.leobaraldi.com.ar/?p=543

Experimentando con CSS 3 me encontre con esta propiedad "selection" que lo que hace es aplicar una personalizacion sobre los textos que pintamos cuando los seleccionamos. Interezante para poder explotar mejor nuestra creatividad, pero lamentablemente solo lo soporta firefox y safari! :( pero bueno muy pronto calculo y espero que todos podamos trabajar en css3 como un estándar!

HTML:
  1. <p class="pintar">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean eu mauris. Donec in arcu et dui ullamcorper viverra. Mauris volutpat massa id augue. Morbi quis lectus non tortor sodales vulputate. Morbi accumsan justo vel sapien. Donec eget turpis. Vestibulum ullamcorper, nunc vel sodales cursus, justo elit laoreet purus, at facilisis risus sem et mi. Nunc nibh mauris, gravida porttitor, volutpat vel, viverra eu, mauris. Nunc libero magna, pretium non, fermentum sit amet, molestie at, turpis. Aenean feugiat. Maecenas neque. Aliquam erat volutpat. Duis quis nisi. Aliquam id lacus at leo facilisis posuere. Phasellus molestie. Fusce ligula libero, egestas vitae, imperdiet eu, porta vel, lectus. Nullam vitae massa nec justo blandit vestibulum. Nullam faucibus tellus eu turpis.</p>

CSS:
  1. @charset "utf-8";
  2. /* CSS Document */
  3. /*para safari*/
  4. p.pintar::selection {
  5. background:#99CC00;
  6. }
  7. /*para firefox*/
  8. p.pintar::-moz-selection {
  9. background:#99CC00;
  10. }

ver ejemplodescargar archivos

Vean el ejemplo con firefox

]]> http://www.leobaraldi.com.ar/2008/10/03/personalizar-la-seleccion-de-texto-en-un-xhtml/feed/ Formulario de contacto flash AS3, funciona para cuentas Gmail y Hotmail inclusive http://www.leobaraldi.com.ar/2008/09/13/formulario-de-contacto-flash-as3-funciona-para-cuentas-gmail-y-hotmail-inclusive/ http://www.leobaraldi.com.ar/2008/09/13/formulario-de-contacto-flash-as3-funciona-para-cuentas-gmail-y-hotmail-inclusive/#comments Sat, 13 Sep 2008 15:38:59 +0000 LeoBaraldi http://www.leobaraldi.com.ar/?p=537 Hace ya un tiempo había preparado un formulario de contacto en AS2 y funciona muy bien pero tiene ciertas carencias como por ejemplo la verificación de email ya que se hace atreves de un prototipo y no es muy efectiva que digamos. Pero la más importante de todas es que no funcionaba para cuentas de email sin dominios, como por ejemplo Hotmail o Gmail.

En esta nueva versión de formulario de contacto está totalmente realizadas en ActionScript 3 y como novedad entre las tantas van a poder ver cómo utilizar expresiones regulares, en este caso particular se utilizo un patrón para verificar el correo electrónico sea válido.

Actionscript:
  1. //el php encargado de enviar los datos
  2. const FILE:String  = "formmail.php";
  3. //aca puden indicar el dominio de su sitio si quieren probarlo desde el player de flash
  4. var dominio:String = "";
  5. //como voy a recibir los datos que me devuelva el php> como variables
  6. var dataFormat:String = URLLoaderDataFormat.VARIABLES;
  7. //patron o expresion regular para verificar un email
  8. var patronEmail:RegExp = /(^[0-9a-zA-Z]+(?:[._][0-9a-zA-Z]+)*)@([0-9a-zA-Z]+(?:[._-][0-9a-zA-Z]+)*\.[0-9a-zA-Z]{2,3})$/;
  9. //nuevo objeto para las variables
  10. var Variables:URLVariables = new URLVariables();
  11. //destinatario o casilla de destino, puede ser gmail, dominio propio y HOTMAIL!!!!
  12. Variables.recipient = "info@tudominio.com";
  13. //Titulo del mensaje
  14. Variables.subject = "Formulario desde la web";
  15. //necesario para manejo de variables
  16. var urlRequ:URLRequest = new URLRequest(dominio+FILE);
  17. urlRequ.method = URLRequestMethod.POST;
  18. urlRequ.data = Variables;
  19. //objeto que trae se encarga de enviar y recibir los datos al php
  20. var urlLoad:URLLoader = new URLLoader();
  21. //aqui formateo los resultados recibidos del php en modo variables
  22. urlLoad.dataFormat = dataFormat;
  23. //accion del boton enviar
  24. enviar_btn.addEventListener(MouseEvent.MOUSE_DOWN,enviarForm);
  25. //funcion encargada de enviar los datos al php
  26. function enviarForm(obj:Event) {
  27.     if (patronEmail.test(email_txt.text)==true && nombre_txt.text !="" ) {
  28.         resultado_txt.text ="";
  29.         Variables.Cosulta = consulta_txt.text;
  30.         Variables.email = email_txt.text;
  31.         Variables.Nombre = nombre_txt.text;
  32.         urlLoad.load(urlRequ);
  33.     } else {
  34.         resultado_txt.text="Complete los campos!";
  35.     }
  36. }
  37. //escuchadores de que paso con los datos del lado del servidor
  38. urlLoad.addEventListener(Event.COMPLETE, envioCompleto);
  39. urlLoad.addEventListener(IOErrorEvent.IO_ERROR, errorEnvio);
  40. //si el envio fue correcto
  41. function envioCompleto(obj:Event) {
  42.     //si el php me dio el ok de que fue enviado
  43.     if (urlLoad.data.resultado=="ok") {
  44.         resultado_txt.text="Mensaje enviado";
  45.         consulta_txt.text="";
  46.         email_txt.text ="";
  47.         nombre_txt.text="";
  48.     } else {
  49.         resultado_txt.text="Error al enviar";
  50.     }
  51. }
  52. //si hay problemas con el php
  53. function errorEnvio(obj:Event) {
  54.     resultado_txt.text="Error en el servidor!";
  55. }
  56. //evento para el campo de texto cuando dejan de hacer foco
  57. email_txt.addEventListener(FocusEvent.FOCUS_OUT,verificar);
  58. //verifico si el email es correcto!
  59. function verificar(obj:Event) {
  60.     if (patronEmail.test(email_txt.text)==false) {
  61.         email_txt.text ="*Email incorrecto";
  62.         stage.focus = email_txt;
  63.         var letras:int = email_txt.selectionEndIndex;
  64.         email_txt.setSelection(0,17);
  65.     }
  66. }

descargar archivos
]]> http://www.leobaraldi.com.ar/2008/09/13/formulario-de-contacto-flash-as3-funciona-para-cuentas-gmail-y-hotmail-inclusive/feed/ Fuentes de sistema para la web http://www.leobaraldi.com.ar/2008/08/24/fuentes-de-sistema-para-la-web/ http://www.leobaraldi.com.ar/2008/08/24/fuentes-de-sistema-para-la-web/#comments Sun, 24 Aug 2008 06:53:16 +0000 LeoBaraldi http://www.leobaraldi.com.ar/?p=505 Cuando comenzamos un diseño para la web uno de los primeros errores que cometemos es el usar fuentes o tipografías que están fuera de los estándares normales. Me quiero referir para aquellos desarrollos que usan html, xhtml, php etc., caso contrario cuando se utiliza flash ya que este incorpora de cierta manera las fuentes utilizadas en el SWF para que el usuario final pueda verla de igual manera que el desarrollador el planteo como así también el uso de imágenes.

Cuando diseñamos entre  las cosas a definir antes de comenzar como colores, diagramación, elementos también debemos considerar las fuentes, familias y cuerpos. Esta pre selección de elementos nos dará un control más amplio en el ámbito de los resultados que esperamos para nuestra web. Las fuentes de sistemas son aquellas familias tipográficas que están disponibles en todos los sistemas operativos. Algunas de estas tipografías están en mayor porcentaje en diferentes plataformas pero hay ciertas familias que llegan hasta un 98% de presencia en todos los sistemas operativos. El uso de estas fuentes nos asegurar que nuestro diseño se muestre igual en todas las plataformas y evitaremos que el navegador las tenga que reemplazar por otras y que el diseño se rompa o no se vea de la manera adecuada que queríamos.

A continuación les dejo un listado de familias tipográficas y ejemplo de cómo se ven para que puedan utilizarlas en sus diseños. Cabe aclarar que hay varios métodos para incorporar fuentes que no están disponibles en todos los OS, para ello veremos otro tuto con respecto como utilizarlas.
Si quieren probar todas estas fuentes y simular como se ven visiten este site! http://www.fonttester.com/

]]> http://www.leobaraldi.com.ar/2008/08/24/fuentes-de-sistema-para-la-web/feed/ 148 Iconos editables para Illustrator http://www.leobaraldi.com.ar/2008/08/17/148-iconos-editables-para-illustrator/ http://www.leobaraldi.com.ar/2008/08/17/148-iconos-editables-para-illustrator/#comments Mon, 18 Aug 2008 03:01:43 +0000 LeoBaraldi http://www.leobaraldi.com.ar/?p=500

Excelente colección de iconos editables en Adobe Illustrator listos para usar sea para la web o la grafica. Cuentan con una excelente calidad visual y gran variedad de temas

Descargar
]]> http://www.leobaraldi.com.ar/2008/08/17/148-iconos-editables-para-illustrator/feed/