Archivo por meses: abril 2013

Bordes Redondeados en Formularios con Internet Explorer

Como todo desarrollador debe haber experimentado en programación web tenemos un Nemesis bien definido, que lleva el nombre de Internet Explorer.. siendo que este villano a la hora de realizar efectos CSS simples que nos permiten un diseño de una mayor categoría nos presenta problemas de compatibilidad, aunque con las nuevas tecnologías y bondades que ofrece CSS3 y HTML5 se pueden realizar maravillas al vernos en la necesidad de utilizar una versión anterior a la de Internet Explorer como puede ser la 6 o 7 entramos en los conflictos para realizar este tipo de sutilezas como por ejemplo el famoso Borde Redondeado de los Input en un documento HTML lo que en CSS3 lo logramos en menos de dos palabras escritas..

Claro que buscamos formas siempre tendremos la mano de ayuda que nace de la creatividad de aquellos que se han encontrado en el mismo problema, lo que nos puede sacar de un apuro y muchas veces dar a volar nuestra imaginacion.

Entre las alternativas que tenemos para solucionar esto tenemos multiples como las siguientes:

Alternativa 1 – Utilizar una libreria JavaScript que nos permita emular el efecto de redondeado en versión inferiores.

Alternativa 2- Utilizar imágenes de fondo como redondeado.

Como siempre, debo decir que la opción que tomes debe ser especifica para el caso que tengas, osea la mas adecuada para la situación en que te encuentres.

Alternativa 1

Existen varias librerías javascript que nos permiten realizar este tipo de efectos en navegadores que no son compatibles con CSS3, pero el problema radica que algunas de estas librerías solo funcionan en algunos navegadores puntuales, vale decir tal vez en Internet Explorer 6, pero no 7 y 8. Me encontré con esta librería que es capaz de funcionar bajo IE 6,7 y 8 😉

CSS Pie permite:

border-radius
box-shadow
border-image
multiple background
linear-gradient

Para instalarlo, basta con bajarse el fichero PIE.htc, y ponerlo en alguna carpeta de nuestra web. Y para aplicar el estilo mediante CSS.

Alternativa 2

1. Primero empezaremos por definir el ancho de nuestro input, lo recomendable es que se realice por CSS pues de esta manera puedes tener un control mayor sobre el input y de manera mas global en caso de que desees aplicar lo mismo a otros input y así evitar la redundancia de código.

2. Necesitaremos de nuestro amigo photoshop (con licencia original OBVIO) o algún programa de edición de fotografía similar como gimp, una vez dentro creamos una imagen que se ajuste como fondo a las proporciones del ancho de nuestro input.. permiteme ilustrarte la idea.

Me comprendes mendez? de esta manera, daremos el efecto de que el input esta redondeado, pero solamente hemos añadido una imagen por detrás de este de el mismo color que el campo, que nos permite confundir al ojo y hacerle pensar que los bordes están redondeados.

Y el resto es historia, ahora solamente en css debemos asignarle esta imagen como imagen de fondo, y asignarle al input la clase que hemos desarrollado en css!

Y voilá! bordes redondeados en este navegador de mierda 😀

[Bazzinga Problems] Drupal – Error al publicar un producto con UberCart

Problema: Me ocurrió este problema cuando trataba de publicar un producto:

Error messagePDOException: SQLSTATE[42S02]: Base table or view not found: 1146 Table ‘drupal.uc_ups_products’ doesn’t exist: DELETE FROM {uc_ups_products} WHERE (vid = :db_condition_placeholder_0) ; Array ( [:db_condition_placeholder_0] => 2 ) in uc_ups_node_update() (line 158 of C:\Users\sheldon\Documents\xampp\htdocs\drupal\modules\ubercart\shipping\uc_ups\uc_ups.module).
The website encountered an unexpected error. Please try again later.

Razón: Seguramente no tienes configurado el directorio de descargar por lo que te informa el siguiente error en la pantalla principal “File downloads The file downloads directory is not valid or set. Set a valid directory in the product settings under the file download settings tab.”

Solución: Configurar el directorio con alguna ruta para descargas ej: “C:\Users\sheldon\Documents\xampp\htdocs\downloads” y asegurarse que no quede ninguna advertencia de configuraciones no realizadas.

bazinga

Referencias:
http://www.ubercart.org/docs/user/3345/selling_files
http://www.ubercart.org/forum/support/32608/website_encountered_unexpected_error