lunes, 20 de febrero de 2012

Mostrar contenido dinámico con Dynamic display block en drupal 7

Dynamic display block es un módulo muy profesional que nos permite mostrar contenido dinámico en nuestro sitio drupal, cuando hablamos de contenido puede ser unas imágenes, artículos, blog, etc. este módulo es realmente interesante además se configura como bloque y podemos aplicarle configuraciones propias de un bloque.

Veamos su instalación, el módulo nos lo descargamos desde http://drupal.org/project/ddblock, este requiere que tengamos instalado el módulo Libraries API, lo descargamos desde  http://drupal.org/project/libraries, situamos estos dos módulos dentro de sites/all/modules/ y en activamos los módulos primero el de libraries y luego el de  Dynamic display block.

Ahora para crear un contenido para mostrar, vamos a estructura y hacemos click en Dynamic display block, nos aparece un campo para crear un bloque, ingresamos el nombre en nuestro caso le pondré imagenes bmw y hacemos click en add block, ahora entramos a Configure block del bloque que acabamos de crear, notamos que nos aparece unas indicaciones en letras rojas, nos está indicando que nos falta un plugin por instalar concretamente el  jQuery cycle

 además nos da las indicaciones para instalarlo, tal como nos lo indica ahí lo hacemos, primero creamos una carpeta llamada jquery.cycle dentro de sites/all/libraries (si no existe la carpeta libraries la creamos) y luego  vamos a la página http://malsup.com/jquery/cycle/download.html y hacemos click en Cycle Plugin, se nos abrirá un documento js, este lo guardamos con click derecho, guardar como en sites/all/libraries/jquery.cycle/, ahora si cargamos de nuevo esta página ya habrá desaparecido estas indicaciones en rojo. En este ejemplo vamos a crear una galería de imágenes pero algo más interesantes que las que se pueden crear con otros módulos, también veremos como crear unas presentaciones de contenidos como por ejemplo de artículos. Continuamos, en input type seleccionamos Image folder, a continuación tendremos que indicar donde se encuentra este folder, por defecto nos pone images/ddblock, pero nosotros vamos a cambiarlo por images/bmw, cada uno que ponga la carpeta que quiera, pero esto muy importante este directorio hace referencia al directorio definido en Configuración en el bloque de MEDIA en File system

si entramos ahi vemos que por defecto nos indica la siguiente ruta: sites/default/files si es que no la cambiamos nosotros, pues ahora dentro de esa ruta crearemos nuestra carpeta images y dentro de esta la de bmw (esto se lo crea manualmente), dentro de esta carpeta en nuestro caso llamada bmw




ponemos las imágenes que queramos y volviendo a la configuración de la galería que estamos creando en Number of images ponemos la cantidad de imagenes que hemos puesto en nuestro directorio bmw

más abajo le podremos indicar el tamaño de las presentaciones en este caso imágenes, tato la altura como el ancho, eso ya depende de cada uno, en Transition Effect le podremos indicar el efecto de transición, hay muchos para elegir, los demás parámetros los dejaremos por defecto, podemos ir tocando cosas aquí de acuerdo a nuestros gustos, tenemos que indicarle en que región del theme queremos que aparezca este bloque eso está más abajo en REGION SETTINGS, guardamos y ya deberiamos poder ver nuestro bloque en el lugar que le hayamos indicado.
Hasta aquí ya hemos terminado de crear slideshow de imágenes, si lo que queremos es crear lo mismo pero por ejemplo de artículos ya creados anteriormente, lo que tenemos que hacer es: ir a estructura, hacer click en Dynamic display block y en la parte de la derecha en SETTINGS marcar las opciones que queramos y al crear el contenido para mostrar elegiremos  type, si esto lo guardamos y lo volvemos a editar veremos que nos da la opción ya de elegir entre lo que hayamos indicado antes ya sea artículo, página básica, blogs, etc, pero al parecer nos deja indicar solamente un solo contenido creado, se verá más en otro post como continuar con estas configuraciones.





miércoles, 15 de febrero de 2012

Galeria de imágenes en drupal 7

En esta ocasión vamos a crear una galería de imágenes con Colorbox, así tendremos un álbum virtual bastante bueno para exhibir  imágenes en nuestra web.


Lo primero que haremos será descargarnos el módulo para drupal 7 llamado Colorbox http://drupal.org/project/colorbox, también nos bajaremos el plugin Colorbox desde su web oficial http://jacklmoore.com/colorbox/.
Empezaremos por extraer el módulo para drupal en /sites/all/modules y el plugin en /sites/all/libraries, si no existe la carpeta libraries la creamos, y ahora vamos a nuestra página y en módulos, activamos el módulo Colorbox.


Para configurarlo vamos a Estructura, Tipos de contenido y hacemos clic en Añadir tipo de contenido
le asignamos un nombre, por ejemplo Galeria y un título y lo guardamos
ahora vamos a editar los campos de nuestra Galería haciendo clic en manage fields

añadimos un nueva etiqueta que en este caso la llamaremos imagen (podría ser cualquier otro nombre) en el nombre le pondremos también imagen y el tipo de campo en las opciones que se despliega elegimos image:


lo guardamos y volvemos a guardar la siguiente ventana que se nos abre , a continuación se nos abre una nueva ventana de configuración, aquí podemos configura por ejemplo el número  de imágenes que queremos que se puedan almacenar en nuestra Galeria, le ponemos unlimited para poder subir las que queramos
se pueden configurar más parámetros como el tamaño mínimo de las imágenes o el máximo, pero eso de momento lo dejamos, ya si uno quiere configurarlo a su gusto lo puede hacer después, ahora aceptamos y se nos abre las opciones nuevamente de Galeria, haciendo clic en manage display elegiremos el formato  como colorbox
para configurar la presentación de las imágenes y más, hacemos clic en el icono de que está en la parte de la derecha:
aquí podemos configura como se mostrarán las imagenes, lo único que cambiaremos es en node image style, ponerlo a thumbnail y hacemos clic en update y luego en guardar.

Ahora que ya teneos configurada nuestra galería de imágenes con Colorbox, vamos a agregar  contenido y elegimos Galeria, que es el nombre que le dimos, aquí ya es como crear un artículo le asignamos un nombre, si queremos ponemos un comentario y más abajo nos da la opción de cargar las imágenes que queramos, guardaos y ya tenemos nuestra galería publicada, 
este tutorial se ha basado en un videotutorial publicado en youtube, http://www.youtube.com/watch?v=uY5KH6Ym-tA
Como ya sabeos si vamos a configurar los permisos podremos asignar privilegios a los usuarios que queramos sobre nuestra Galeria.






martes, 14 de febrero de 2012

Comprar barato en dealextreme

Dealextreme, http://www.dealextreme.com/ es un tienda online con sede en China, en el que encontraras todo tipo de productos como, teléfonos móviles, cámaras, videocámaras, juegos, regalos y muchísimas cosas más.

Lo bueno de esta tienda es que el envío de los productos es gratis a pesar de que los precios son bastante bajos. Es cierto que los envíos tardan desde un par de semanas a un  mes entero, pero merece la pena.



Hace unos meses, dealextreme ya cuenta con almacenes en Europa y USA así que los envíos serán tardarán menos y habrá menos problemas con las aduanas.

domingo, 12 de febrero de 2012

Tablas con css, mejorar diseño con css

Las tablas hechas en html son bastante pobres, para mejorar el estilo de estas el uso de css es fundamental, aquí presentamos una pequeña guía en pdf para realizar una tabla con estilo.

Tablas con css

Si algo no se entiende preguntar aquí.

¿Dónde publicar mis ideas?


A todos alguna vez no llega ese momento de inspiración y se nos da por intentar crear algo nuevo o mejorar algo que ya esta creado, sabemos que nuestra idea es buena, pero quizá no tenemos los conocimientos o herramientas necesarias para llevarlas a cabo o simplemente queremos publicar algo que se nos ha ocurrido y queremos que el mundo lo sepa.


Para todo esto existe una web llamada http://www.ideas4all.com/ aquí puedes dar a conocer tus ideas para que la gente lo pueda valorar y conocer, es posible que si tu idea es bastante buena alguien se interese por hacerla realidad. Cabe destacar que esta web es está bastante trabajada y no le falta de nada, además el contenido es moderado, seriedad no le falta.

 Ya sabes donde exponer tus ideas, donde todo el mundo pueda verlas.

jueves, 9 de febrero de 2012

Tutorial 3 empezando con php, Operadores aritméticos, operaciones matemáticas

En php se utilizan los siguientes operados para realizar cálculos matemáticos:

+ para sumar                  
-  para restar
* para multiplicar 
/ para dividir
% el resto de una división

veamos como sumar dos números:

<?php
$num1=5;
$num2=3;
echo $num1+$num2;
?>
el resultado nos tiene que dar 8
también podríamos haber creado una tercera variable:
 $resultado= $num1+$num2; y luego simplemente imprimir esta variable con un echo:
echo $resultado;


El procedimiento es el mismo para los otros operadores, hay que tener en cuenta que se puede priorizar las operaciones con paréntesis y también saber que las multiplicaciones y divisiones se realizan antes que las sumas y restas, veamos un ejemplo de una suma y una multiplicación:

<?php
$num1=5;
$num2=3;
$num3=3;
echo $num1+$num2*$num3;
?>

vemos que el resultado es 14 y no 24 porque php toma en cuenta la prioridad de los signos, si simplemente ponemos la suma dentro de paréntesis vemos que el resultado cambia y nos da 24
echo ($num1+$num2)*$num3;

Tutorial 2 empezando con php, las variables



Las variables son espacios donde se almacena datos, una variable en php se declara con el símbolo del dollar seguido del nombre de la variable ejemplo:


<?php
$frase="esta es una frase";
?>
vemos que estamos guardando en $frase, una cadena de caracteres. En una variable se pueden guardar letras, texto, números enteros, números decimales, etc y no hay que indicarle que tipo de dato es como en el caso del lenguaje C, Java u otros más.

Seguimos con el desarrollo, ahora podemos imprimir por pantalla el contenido de la variable $frase:

<?php
$frase="esta es una frase";
echo $frase;
?>
lo comprobamos en nuestro navegador para ver que nos sale "esta es una frase", como vemos es muy sencilla programar en php, veamos ahora como concatenamos dos variables que contengan una frase cada una, esto se hace con un punto, hacemos un echo a la primera variable, ponemos un punto y escribimos la siguiente variable:

<?php
$frase="estamos programando";
$frase_dos="en lenguaje php";
echo $frase.$frase_dos;
?>

el resultado es el siguiente: estamos programando en lenguaje php

Tutorial 1 empezando con php, primer programa

Se supone que ya tenemos instalado el xampp, así que vamos al directorio /xampp/htdocs/ y aquí cremaos una carpeta con el nombre que queramos y aquí meteremos todo los códigos que vayamos creando en php. Tenemos que abrir el xampp y arrancar el servidor apache para que podamos ejecutar el código php en nuestro navegador web.


Vamos a utilizar el editor notepat++ http://notepad-plus-plus.org/, es gratis y sencillo, ademas tiene soporte de edición para muchísimos lenguajes, lo primero que haremos es indicar que vamos a trabajar con el lenguaje php, para ello vamos a la pestaña lenguaje y elegimos php.

el código php va dentro de las etiquetas: <?php y ?> hay más de una forma de abrir y cerrar estas etiquetas, pero estas son las más usadas, veamos un ejemplo, vamos a imprimir un texto en php que diga, "hola mundo, este texto está escrito en php", esto se hace con la función echo seguido del texto entre comillas y acabando con un punto y coma:

<?php
echo "Hola mundo, este texto está escrito en php";
?>

guardamos este fichero en el direcctorio creado dentro de htdocs (/xampp/htdocs/directorio/primer_codigo.php) y vamos a nuestro navegador y escribimos la ruta: localhost/directorio/primer_codigo.php, debería de salirnos la frase "Hola mundo, este texto está escrito en php".

Php se puede integrar perfectamente con html, es decir las etiquetas que utilizamos en html también se pueden  utilizar en php, si nosotros añadimos al código anterior las siguientes etiquetas para que  aparezca el texto en cursiva y negrita, se puedes hacer de la siguiente manera:

<?php
echo "<b><i>Hola mundo, este texto está escrito en php</i></b>";
?>

bueno seguramente parece esto muy cansino, pero esta explicado así por si alguno empieza desde cero y no tiene ni idea, pero en los próximos tutoriales iremos ampliando cada vez mas las cosas.

Introducción a php


A la hora de crear webs dinámicas, webs  que interactuen con los clientes, realice conexiones con la base de datos, etc conocer php es fundamental ya que un lenguaje muy utilizado a nivel mundial y cuenta con un gran soporte en la red. Php se ejecuta en el servidor web, es decir, necesita un interprete para realizar todas las funciones que le indiquemos al programar, podemos decir que el interprete es como una gran librería, donde esta todo la base de php y las funciones que se puede hacer servir, por lo tanto para programar necesitaremos el  interprete de php.

Para no complicarnos vamos a descargar el servidor integrado xampp, este cuenta con un servidor web, una base de datos mysql y el intérprete para php, se puede descargar tanto para Windows como para Linux desde http://www.apachefriends.org/es/xampp.html, lo instalamos siguiendo las indicaciones y no hace falta configurar nada más, todas las configuraciones y comunicaciones internas ya están hechas. en los siguiente post empezaremos con nuestro primer programa en php.

Subir una web con filezilla

Filezilla es un programa que nos permite subir archivos a través del protocolo ftp, es fácil de utilizar y bastante cómodo. Para empezar nos lo descargaremos desde http://filezilla-project.org/ el FileZilla Client, una vez bajado el programa lo instalaremos, no hace falta dar explicaciones de su instalación ya que es muy fácil.

Ejecutamos el programa, para conectarse a nuestro servidor remoto le tendremos que indicar el servidor, el usuario y la contraseña, el puerto no hace falta ponerlo, filezilla lo rellena automáticamente a no ser que nuestro proveedor nos indique un puerto en concreto para usar y entonces si que tendremos que indicarlo.
En este caso el título del post lleva como subir una web, pero se puede subir cualquier tipo de archivo. Como podemos ver filezilla nos muestra dos ventanas una que es nuestro ordenador local y la otra que es nuestro servidor remoto, estas dos ventanas tiene cada una debajo otra ventana que muestra todo el contenido de los directorios seleccionados en las ventanas superiores, para subir los archivos simplemente tenemos que arrastrarlos de un lado para el otro y listo.

miércoles, 8 de febrero de 2012

Instalación del editor CKEditor en drupal

En este post vamos a ver como instalar ckeditor un editor bastante bueno para que nos sea más fácil escribir nuestro contenido en drupal, nos descargamos el módulo desde la página de drupal.


http://drupal.org/project/ckeditor, y lo ponemos en el directorio de módulos, /sites/all/modules/, ahora vamos a la web oficial de ckeditor y nos descargamos el paquete mas reciente de ckeditor, http://ckeditor.com/
este paquete lo tendremos que pegar dentro de /sites/all/modules/ckeditor/ckeditor.
es decir estamos introduciendo ckeditor, el programa dentro del móduclo ckeditor de drupal, ya podemos ir a nuestro sitio de drupal y en módulos activar este editor y ya lo tendremos instalado.

Menús desplegables en drupal con Nice Menus

Cuantas veces hemos querido ordenar nuestros menús y que aparezcan de forma desplegable, con Nice Menus se puede hacer esto perfectamente, lo podemos descargar desde http://drupal.org/project/taxonomy_menu
antes de seguir deberíamos de instalar el módulo taxonomy menu si no lo tenemos instalado aún, lo podemos descargar desde http://drupal.org/project/taxonomy_menu , con este módulo asociaremos fácilmente nuestros vocabularios creados a los menús que queramos, para ver como crear vocabularios y términos ver el siguiente post: taxonomía en drupal 7, vocabulario y terminos

una vez ya hecho lo anterior instalamos nice menus en el directorio de nuestros módulos, en sites/all/modules y lo activamos después en modules desde nuestro panel de administración de drupal.
si vamos a estructura, bloques veremos que nos aparecen dos nice menus:
vemos también que al tener instalado el módulo taxonomy menu, podemos ir nuevamente al vocabulario creado, en nuestro caso deportes y asociarlo a un menú creado.

en estructura, bloques vamos a elegir nice menus y ponerle una ubicación, por ejemplo la barra lateral de la izquierda y guardamos, una vez guardado vamos a configurar ese bloque haciendo clic en configurar en la parte de la derecha, aquí elegimos el menú que contiene todo el contenido que queremos desplegar.
Al final podremos ver ya nuestro menú desplegable.

Si Hay alguna duda no dudar en preguntar aquí.

martes, 7 de febrero de 2012

Nuevo sistema de taxonomía en drupal 7

El sistema de categorizar los contenidos con la taxonomía de drupal ha cambiando en la versión 7. Veamos como se hace esto en drupal 7:


Vamos a estructura y hacemos click en taxonomía, agregamos un nuevo vocabulario como se hacia anteriormente
y luego sus términos.

ahora para asociarlo al tipo de contenido, ya sea artículos, blogs, páginas básicas cambia un poco la cosa, para ello vamos a estructura, tipos de contenidos y seleccionamos el tipo de contenido al que queremos asociar nuestro vocabulario creado y sus términos haciendo clic en su gestión de campos o manage fields.
ahora en añadir un nuevo campo, le asignamos un nombre, en este caso hemos puesto deportes, y elegimos como el tipo de campo term reference, bueno en nuestro caso tenemos instalado drupal en inglés pero se entiende estas explicaciones, una vez hecho esto le damos a guardar.

y por fin nos aparece el vocabulario para poder asignarle, elegimos el que queremos en nuestro caso es deportes:
ahora si creamos un menú podemos ir nuevamente al vocabulario que creamos y si tenemos instalado el módulo taxonomy menu, podremos añadir ese vocabulario al menú que hemos creado y en bloques podemos ubicar nuestro menú en cualquier posición que nuestro theme nos lo permita.