jueves, 2 de junio de 2011

Creación de Pop-ups con Dynabar

En este artículo les explicare cómo instalar y configurar el complemento para Joomla! Dynabar, que es usado para crear pop-ups dentro de nuestra web en Joomla!

Lo primero que deberemos hacer es desargarnoslo desde aquí. Pero nos descargaremos el Dynabar 1.4, ya que es el más actualizado.

Instalación

Una vez nos lo hayamos descargado, deberemos irnos a: Extensiones -> Instalar/Desinstalar
Seleccionamos la ruta de donde tengamos nuestro Dynabar comprimido y le damos a Subir archivo & instalar.


Configuración
A continuación cuando lo hayamos instalado satisfactoriamente, accederemos a su configuración a través de la siguiente ruta: Extensiones -> Gestor de módulos -> Dynabar
Nos saldrá la siguiente pantalla, en la que podremos configurar nuestro pop-up a nuestro gusto. 




Una vez configurado el Dynabar a vuestro gusto, el cual no es muy dificil de configurar porque es bastante intuitivo si tienes algo de idea de php, os quedará algo como esto:

Un ejemplo muy claro en el que se ha usado Dynabar lo podéis apreciar en esta web.

Para obtener más información sobre cómo confgurar tu Dynabar podéis mirar aquí:

JBolo! 2.8 para Joomla 1.5

Jbolo! Es un chat para Joomla! El cual podemos descargarnos desde aquí.
A continuación os explicare cómo instalarlo puesto que es un poco lioso y tuve que mirar en varios sitios para poder entenderlo y saber ponerlo en español.
Una vez  nos hayamos descargado el Jbolo! 2.8, deberemos descomprimirlo en nuestro escritorio:


Cuando hayamos hecho el paso anterior, iremos a nuestro Joomla! y en:
Extensiones -> Instalar/Desinstalar, instalaremos los archivos que están dentro de la carpeta en el siguiente orden, para que se instale correctamente.

1- Instalamos el componente de jbolo:     com_jbolo.zip

2- Instalamos el moódulo de jbolo:    mod_jbolo.zip    Y habilitamos en Extensiones -> Gestor de módulos, el módulo " JBolo! "

3- Ahora instalamos el plugin de jbolo: plg_sys_jbolo_asset.zip y en Extensiones -> Gestor de plugins, habilitamos el plugin " JBolo!- Assets Loader"

4- Como último paso de la instalación, deberemos elegir uno de los dos plugin a instalar, según si tenemos instalado JoomSocial o Community Builder.

En el caso de tener Community Builder, deberemos instalar este plugin:    plg_cb_jbolo_online.zip        dentro del CB Plugin Installer.
Si tenemos Joomsocial, instalar:    plg_js_jbolo_online.zip        dentro de Joomla Extension Installer.

Lo normal es tener Joomsocial.

Configuración JBolo!

A la hora de configurar nuestro JBolo!, deberemos ir a Componentes -> JBolo! y dentro de Jbolo! a la pestaña Config.
Una vez dentro, podemos elegir los parámetros que queremos asignarle a nuestro JBolo!



Ahora nos iremos a Extensiones -> Gestor de módulos -> JBolo!
En este apartado, puedes modificar el módulo de JBolo! en el que podras cambiar el estilo de chat que deseas que salga, si deseas quitar la barra de actividades o no, que iconos deseas quitar, etc.



Traducir JBolo! a español

Para traducir el JBolo! a español, lo que debemos hacer es copiar el contenido del archivo: " jboloFronTraduccion.zip " dentro de la carpeta en la que tengamos nuestro joomla en language\es_ES
Y el contenido del archivo " JboloAdminTraduccion " dentro de nuestra carpeta de joomla en administrator\language\es_ES


Para más información podeis mirar aquí:

miércoles, 1 de junio de 2011

FireSSH: Cliente SSH para Mozilla Firefox

FireSSH es un cliente SSH en forma de plugin para Mozilla Firefox.

Su instalación es como cualquier otro plugin de Mozilla Firefox, y su uso como cualquier cliente SSH. A continuación os mostramos FireSSH.
Lo primero que tenemos que hacer es descargarlo (con nuestro navegador Mozilla Firefox): Descargar FireSSH

Una vez instalado, nos debemos ir a Ver/Barra de herramientas/Personalizar y arrastrar el icono de FireFTP a cualquier lugar de la barra de herramientas.

A continuación lo abrimos y nos aparecerá la siguiente interfaz en una nueva pestaña de Mozilla Firefox:
En las casillas debemos meter nuestros datos de conexión del servidor SSH como cualquier otro cliente SSH, host y puerto, y usuario y contraseña si no tenéis autenticación mediante certificado.


Ahora nos saldrá la siguiente pantalla donde debemos darle a SI


Y ahora se conectará con el servidor SSH:



Información sacada de http://www.redeszone.net

Realizar capturas de pantalla de una web con Screengrab!

Screengrab! es un complemento de Firefox que nos sirve para realizar capturas de pantalla de una web sin necesidad de hacer una captura de pantalla completa(botón Imp Pant)
Su funcionamiento es muy sencillo, pero lo primero que deberemos hacer es descargarnoslo desde el gestor de descargas de complementos de Firefox en la siguiente ruta:
Herramientas -> Complementos
Una vez en esta pantalla, seleccionaremos Obtener complementos, y en el menú de buscar, ponemos screengrab y le damos al que vemos a continuacion en la pantalla.
 Funcionamiento

Como decía anteriormente su funcionamiento es muy sencillo, simplemente tendremos que hacer clic izquierdo en su icono y nos saldran dos opciones, guardar y copiar, si arrastramos el ratón a la primera, se nos desplegara en tres opciones como podemos apreciar en la imagen.

Simplemente con ver las opciones que nos muestra sabremos a qué se refiere con cada una.
- Página/Marco completo... : Con esta opción nos hara una captura de toda la pagina.
- Porción visible... : Nos realiza una captura de lo que vemos dentro del navegador en ese momento nada mas.
- Selección... : Se nos queda la pantalla de un color rosado y podemos seleccionar la porción que deseemos copiar haciendo clic en la pantalla y arrastrando para crear un marco.

Con cualquiera de las tres opciones, si estamos en el apartado Guardar, nos saldrá una ventana emergente en la que nos pedira que le digamos dónde y con qué nombre deseamos que se guarde la captura.






Con la opción Copiar, se nos desplegarán las mismas tres opciones que antes, pero ahora en vez de salirnos una ventana emergente para que le digamos dónde y con qué nombre deseamos que se guarde la captura, simplemente nos la copia.
 

Incrustar un vídeo de Youtube en WordPress

Para insertar un vídeo de Youtube en WordPress, tendremos que hacer lo siguiente:
1- Abrir el navegador web e ir a la página www.youtube.com

2- Buscamos el vídeo que deseamos incrustar en WordPress. Cuando lo hayamos localizado, debemos darle a la opción que nos aparece debajo del vídeo "Incrustar" y seleccionaremos el tamaño que deseamos que tenga nuestro vídeo.

3- Una vez seleccionado el tamaño que deseamos que tenga nuestro vídeo, copiaremos el código HTML que se genera, y lo copiaremos en la entrada que deseemos dentro de WordPress, pero en la "Edición de HTML"

Cambiar el idioma a nuestro WordPress

Si ya tienes una instalación funcionando en inglés o cualquier otro idioma, y deseas instalar solamente el archivo para el idioma español, sigue estos sencillos pasos:
  1. Descarga el paquete de WordPress que se corresponda con tu versión instalada.
  2. Descomprime el paquete en una carpeta de tu ordenador.
  3. Copia el archivo es_ES.mo que encontrarás en la carpeta /wp-content/languages a la misma carpeta de tu instalación (si no existe la creas).
  4. Edita el archivo wp-config.php de tu WordPress. Busca la linea donde se define WPLANG y asegúrate que es exactamente igual a define('WPLANG', 'es_ES');
  5. Ya puedes disfrutar de tu wordpress en español.

Agrandar imágenes



Agrandar imágenes con solo pasar el ratón por encima de la imagen


Si queremos obtener este efecto, que nos puede servir bastante, porque no hace falta abrir la imagen en otra pestaña para verla bien, debemos poner el siguiente código cada vez que vayamos a poner una imagen(en Edición de HTML):


<img src="URL de la imagen" onmouseover="this.width=400;this.height=300;" onmouseout="this.width=100;this.height=80;" width="100" height="80" />

Dentro de este código, debemos editar lo siguiente:


- Cambiar URL de la imagen por la URL de la imagen en tamaño normal.
- Los width y height que están en rojo,son las medidas a las que se va a agrandar la imagen cuando pasemos el ratón por encima.
- Los width height que están en verde, son el ancho y el alto de la imagen en tamaño pequeño.


Width : Ancho
Height : Alto


Aquí os dejo el ejemplo: