Joan Peramas

Excelentes Ebooks, para todo aquel que desee iniciarse o desee complementar sus conocimientos :

• CSS

• XHTML

• JavaScript

• AJAX

• Symfony, la guía definitiva

web : www.librosweb.es

Que es Transparecia ?, Es una propiedad y se presenta transparencia cuando un cuerpo deja pasar fácilmente la luz.

Que es la Opacidad ?, Es una propiedad y se presenta opacidad cuando no deja pasar la luz en proporción apreciable.

Como ven estos dos conceptos estan muy relacionados, y en CSS ( Hojas de Estilo en Cascada ) el efecto de Opacidad o Transparencia no es esquivo, quien no ah querido al diseñar páginas web añadir opacidad a imagenes o capas ( CSS puede añadir opacidad a todos los elementos del cuerpo de una web), bueno con CSS esto es posible, aunque los navegadores de Internet no lo interpreten de la misma forma, Internet Explorer ( Interbug Exploter ) aún no se afina a los estandares web.

Vamos a dar opacidad de 50% a una imagen, claro esto se puede dar a cualquier elemento del cuerpo de la web, en este caso voy a dar opacidad a una imagen :

CSS:

.transparencia {
/*IE*/
filter: alpha(opacity=50) ;
/*Firefox*/
opacity: .5 ;
}

HTML :

<img src=”img/gatonegro.png” alt=”Gato Negro” />

<img class=”transparencia” src=”img/gatonegro.png” alt=”Gato Negro” />

La primera forma es para IE Internet Explorer ya que tiene su propia forma de añadir opacidad y la segunda es para la mayoria de navegadores que sigen los estandares web como Firefox, Hay una tercera forma para navegadores no esten lo suficiente actualizados y que se basan en el motor de Mozilla (Gecko).

-moz-opacity: .5

* Ver el Ejemplo en Vivo
* Descargar

Hace unos dias estuve viendo la mejor forma de crear una presentación de fotos sin usar Flash, y anduve navegando por Internet y en una de esas tantas encontre ZenPhoto , muy buena aplicacion de software libre , con opción presentar mas de una galería, echa en PHP y MYSQL, ademas a manera de blog puedes comentar cada foto, y las plantillas separadas de la programación, es realmente muy bueno este proyecto.

Para instalar:

1. Editar el archivo zp-config.php.example con tu informacion y renombrarlo a zp-config.php luego elimina el .example).
2. Sube los archivos al servidor
3. Cambia los permisos de las carpetas albumes y cache para que tenga permisos de lectura por el servidor:

chmod 777 albums/ cache/
o hazlo con un programa FTP..

4. Ve a http://www.yoursite.com/zenphoto/zen/setup.php y sigue las instrucciones.

$conf['mysql_user'] = "el usuario de la base de datos";
$conf[’mysql_pass’] = “la contraseña de la base de datos”;
$conf[’mysql_host’] = “localhost”; // Esto no es necesario cambiarlo en el 90% de los casos
$conf[’mysql_database’] = “nombre de la base de datos”;

$conf[’gallery_title’] = “El nombre de la galeria de imagenes”;

$conf[’adminuser’] = “usuario administrador”;

$conf[’adminpass’] = “contraseña del administrador”;

$conf[’admin_email’] = “el email”;

* La base de datos hay que crearla primero para despues rellenar los datos.

Ademas de esto ZenPHoto te pide que tengas instalada la libreria libreria GD de PHP , la mayoria de hosting no la tienen predefinida, hay que contactarse con el administrador para configurar la libreria GD de PHP ( es gratuita y viene incluída en las versiones 4.3.x y posteriores de PHP )

Aqui una captura de pantalla de ZenPhoto :

Website y Descarga : http://www.zenphoto.org/

Demo : http://www.zenphoto.org/zenphoto/

Este es mi primer post en este blog, soy Joan Peramas Ceras, aquí trataremos temas sobre diseño, y maquetación de páginas web, ya que a eso me didico hace mas de 4 largos años y también trataremos otras cosas interesantes .

Uso para este blog el sistema de contenido llamado WordPress, y la plantilla la eh creado, espero que sea acogedora ; se trata de que el blog evolucione poco a poco a su estado final, poco a poco ire ganando experiancía para crear entradas super buena.

Sin mas un guto, y por aquí nos estaremos viendo, espero que todo valla bién.