viernes, 15 de febrero de 2013

Crear un slideshow simple con Drupal

Una cosa muy habitual en las páginas web es la creación de slideshow,. Generalmente se utilizan slideshow ya escritos en javascript que te descargas de las páginas de sus creadores.
Con Drupal se pueden realizar slideshow utilizando los módulos adecuados. Así que al lío.
Para ello necesitamos estos módulos:
-views
-chaos tools
-libraries
-Views slideshow
-views cycle.
Estos módulos se encuentran en la página web de drupal.



 
Además necesitaremos un archivo en javascript para dar los efectos al slideshow, este archivo se puede descargar de www.malsup.com/jquery/cycle.
De este enlace se descargará el archivo jquery.cycle.all.js que deberemos colocar en el directorio:
- /sites/all/libraries/jquery.cycle/
Si no lo tenemos, que sera lo mas seguro, lo creamos tal cual.

Un consejo, para instalar los módulos es recomendable activar el módulo "update manager", facilita mucho las cosas, permitiendo instalar los módulos deirectamente desde la pestaña módulos del panel de administración.

Una vez instalados los módulos y colocado el archivo de jquery en su sitio, empezaremos a introducir las fotos.





Para subir las fotos a drupal lo primero es crear un tipo de contenido que sea una imagen. Para ello vamos a Estructura-Tipos de contenido y pulsamos en añadir tipo de contenido.
1- Le damos un nombre al tipo de contenido - fotos_slide
2- Eliminamos el campo que pone body
3-Agregamos un nuevo campo que llamamos por ejemplo fotos_gr y el tipo de campo sera img.
Le damos a guardar y en la siguiente pestaña guardar tambíen.

Nos aparece un menu con las opciones de campo, en este menú se puede añadir el texto explicativo del nuevo elemento, el tamaño máximo, en fin, varias opciones que podemos configurar a nuestro gusto. Una vez realizadas las opciones le damos a guardar y cerramos.

Ahora toca introducir las fotos en drupal, para ello solo tenemos que ir a añadir contenido y pulsar en agregar contenido, y elegimos el que acabamos de crear de fotos-slideshow.  Tenemos que subir las fotos una por una.

Ahora tenemos que crear el slideshow, para ello vamos a Estructura-Views y pulsamos en añadir una views nueva.

Nos aparecerá un menú
1- Le ponemos un nuevo nombre al view
2- Elegimos si vamos a crear una página o un bloque, yo prefiero crear un bloque a una página, de tal manera que luego puedo colocar el slideshow donde quiera.
3-Le ponemos titulo al bloque
4- En display format colocamos slideshow of fields
Le damos a continue y edit.

Ya tenemos el slideshow creado pero todavía no le hemos indicado que es lo que tiene que enseñar en el. Ah y tampoco se a guardado ahora seria un buen momento de darle a guardar.

Para añadir las fotos es muy sencillo en el nuevo menú del bloque views buscamos donde pone campos y le damos a agregar, nos aparecerá un checklist, buscamos el campo que ponga "contenido fotos_gr", pulsamos en apply (all displays). En opciones de configuración quitamos la pestaña create a label y le  damos a guardar.

Ahora bajo el titulo Fields (campos) tenemos dos elementos y solo queremos el que acabados de creara así que el otro lo eliminamos.

En preview veremos ya el slideshow.

Ahora podemos configurar los efectos de transición entre imagenes, esto lo hacemos con el plugin jquery que hemos instalado al principio. para configurarlo solo hay que pulsar en las opciones de Formato.

Aparecen muchas opciones, abajo del todo viene el counter de fotos, si lo queremos arriba o abajo, en definitiva opciones a configurar, se va probando hasta que encontremos una configuración que nos guste. Le damos a Apply (all displays).

Guardamos el bloque una vez terminado.

Ya tenemos el slideshow hecho solo hay que añadir el bloque a la página que queramos dentro de nuestra web.

nota: Al no escribir el blog en drupal, no he podido meter un ejemplo del slideshow real, el que aparece al principio es simplemente un gif animado del slideshow.


viernes, 25 de enero de 2013

Instalar 960 grid system en Drupal 7

Muchas veces cuando estas diseñando una pagina web en Drupal, necesitas una libertad mayor que los templates típicos.
Una forma de poder liberarte de los templates es instalar un sistema de grid. Yo utilizo el 960 grid System. (Se puede descargar en 960.gs)

Para poder instalarlo es necesario instalar el theme Zen en Drupal. Esto es muy sencillo y esta en la pagina oficial de drupal. Lo descargamos y lo instalamos normalmente.

http://drupal.org/project/zen

Una vez instalado el theme, debemos copiar la carpeta STARTERKIT situada en nuestro-drupal/sites/all/themes/zen en el directorio nuestro-drupal/sites/all/themes.



Contenido de la carpeta zen.






jueves, 25 de octubre de 2012

El hombre que tenía su propio vagon de metro

 
A principios del siglo XX la ciudad de Nueva York tenia un grave problema de trafico, igual que ahora, la unica diferencia es que los coches eran tirados por caballos.
Para paliar el problema se propuso la construcción de un sistema de trenes subterraneos. Uno de los impulsores de este proyecto fue August Belmont.

Hijo de un banquero de Nueva York, fundo la Interborough Rapid Transit  Company en 1902 para financiar la construcción y operar el metro de Nueva York.
Como era el presidente de la compañía hizo que se le construyera un vagón de metro para su uso personal.

Wason wagon construyo este vehículo, que fue llamado: Mineola, su número oficial dentro del IRT era el 3344. Tenía unas dimensiones superiores al resto de vagones de metro, excepto por la altura que era la misma, para poder circular por los túneles del metro. 
Se utilizaron materiares nobles para su acabado, tales como la caoba y el terciopelo, le le colocaron vidrieras a modo de decoración. Además fue equipado con una cocina, un baño, un despacho con un escritorio y un salón.
Al inicio opero como coche único, conforme el tráfico se intensifico se le añadio un segundo vagón como medida de seguridad, por si se producía una colisión entre el mineola y un tren regular.

August Belmont utilizó el vehículo para uso personal y para enseñar las líneas de IRT a sus invitados y clientes importantes. También se cree que lo utilizaba para llevar a sus amigos e invitados desde el hotel Belmont, hasta el hipódromo Belmont Park, ambos de su propiedad.

El Mineola operó como coche privado hasta 1919, en ese año fue retirado a las cocheras de la compañía. El motivo principal para su retirada era la falta de uso, debido a la aparición de los coches de gasolina.
El Mineola fue vendido como chatarra en los años cuarenta, debido a que fue construido en madera, solo se destruyerón los bogues y la estructura inferior. Actualmente ha sido adquirido por el museo Shoreline Trolley, aunque necesita una restauración.

Hoy por hoy el Mineola es el único vagon de metro privado del mundo.

jueves, 13 de septiembre de 2012

Instalar Xampp y Drupal7 en Ubuntu (parte2)


Instalar Drupal 7 en Ubuntu

Solo se puede instalar Drupal7 si tenemos un servidor web con php instalado. En el anterior post he explicado como instalar Xampp, y crear la base de datos que necesitará Drupal.

Nos bajamos el programa Drupal 7 de la web oficial:


Drupal viene comprimido en varios formatos. Para linux en formato .tar.gz, para windows en formato .zip.
Se descomprime el archivo dentro de la carpeta /opt/lampp/htdocs.
Para realizarlo necesitamos privilegios de administrador (root), abrimos un terminal y nos situamos en el directorio donde hayamos descargado el archivo de Drupal y escribimos:
$sudo tar xvfz drupal-7.15.tar.gz -C /opt/lampp/htdocs
esto nos crea una carpeta dentro del directorio htdocs, el cual Drupal utilizará en la pagina web que creemos con el.

Necesitamos una carpeta como esta por cada pagina web que queramos crear, por lo tanto le cambiaremos el nombre a la carpeta, por ejemplo con el nombre que le queramos dar a la pagina.
Si vamos a realizar otra pagina volvemos a descomprimir el archivo drupal-7.15.tar.gz en el mismo sitio. Por eso necesitamos cambiarle el nombre a la carpeta.

Instalar Xampp y Drupal7 en Ubuntu (parte1)



Si te pasa como a mi que quieres empezar a utilizar Drupal en Ubuntu y no eres un experto en Linux, aquí tienes un minitutorial para que te sea más fácil su instalación.

Para poder instalar Drupal es necesario tener instalado un servidor web, para Ubuntu uno de los mejores y mas sencillos de instalar es Xampp.
Así que lo primero es instalar Xampp, para ello, lo descargaremos de su pagina oficial

http://www.apachefriends.org/en/xampp.htm. 
Nos descargamos lógicamente el xampp para linux.
Es un archivo comprimido con la extensión .tar.gz.
Tenemos que descomprimir el archivo en un directorio llamado lampp que colocaremos dentro del directorio opt, que esta directamente en el sistema de archivos.
Para poder realizar esto necesitamos permiso de administrador (root).
Abrimos un terminal, vamos al directorio donde hemos descargado el archivo y escribimos: 

$sudo tar xvfz xampp-linux-1.8.0.tar.gz -C /opt
(nos pedirá la contraseña).

Una vez que finalice la descompresión comprobaremos que esté la carpeta en el directorio /opt/lampp.