Published on 22 mayo 2013, by in CSS, Desarrollo Web, Drupal.

 

images

Con estas dos técnicas podemos ocultar un objeto mediante CSS, pero podemos encontrar una sútil diferencia que puede indicar cual de los dos debemos utilizar.

visibility:hidden

vivibility : hidden ; oculta el elemento, pero conserva el espacio que ocupa. Y los elementos que siguen al elemento oculto permanencen en la misma posición sin modificar la estructura.

display : none ; oculta el elemento, pero en este caso oculta también el espacio que ocupa. Es decir como si no existiera y los elementos siguiente cambiaran su posición.

 

 

Sígueme en Twitter

 

drupal-logo

Aplicar un parche manualmente en Drupal es simple, en primer lugar tenemos que saber que archivo tenemos que modificar. Generalmente el principio del parche nos indicará la ruta del fichero que queremos modificar e información sobre el creador, fecha y cambios a realizazr.

Veremos que hay signos — o ++  a lo largo del fichero. Los simbolos — nos indican el trozo de código que debe ser modificado podemos seleccionar el código, copiarlo y con (cntrl+F) buscar la línea en el fichero que tenemos que modificar y en su lugar reemplazar el código por el trozo que tiene los símbolos ++ pero siempre eliminando los ++.

Las líneas que no tienen simbolos — o ++ nos indican texto que no debe de ser modificado, referencias del creador del parche, fecha o ruta de aplicación del parche.

Ejemplo de parche.

 

From 9a857301521940bfa0f33b824c2642c967af07cf Mon Sep 17 00:00:00 2001
From: Bill Seremetis <bill@seremetis.net>
Date: Mon, 20 Feb 2012 03:06:29 +0200
Subject: [PATCH] modified unicode.inc to play nice with PCRE v8.30

---
 includes/unicode.inc |    2 +-
 1 files changed, 1 insertions(+), 1 deletions(-)

diff --git a/includes/unicode.inc b/includes/unicode.inc
index 9dde2ca..a2618cf 100644
--- a/includes/unicode.inc
+++ b/includes/unicode.inc
@@ -73,7 +73,7 @@ define('PREG_CLASS_UNICODE_WORD_BOUNDARY',
   '\x{A836}-\x{A839}\x{A874}-\x{A877}\x{A8CE}-\x{A8CF}\x{A8F8}-\x{A8FA}' .
   '\x{A92E}-\x{A92F}\x{A95F}\x{A9C1}-\x{A9CD}\x{A9DE}-\x{A9DF}' .
   '\x{AA5C}-\x{AA5F}\x{AA77}-\x{AA79}\x{AADE}-\x{AADF}\x{ABEB}' .
-  '\x{D800}-\x{F8FF}\x{FB29}\x{FD3E}-\x{FD3F}\x{FDFC}-\x{FDFD}' .
+  '\x{FB29}\x{FD3E}-\x{FD3F}\x{FDFC}-\x{FDFD}' .
   '\x{FE10}-\x{FE19}\x{FE30}-\x{FE6B}\x{FEFF}-\x{FF0F}\x{FF1A}-\x{FF20}' .
   '\x{FF3B}-\x{FF40}\x{FF5B}-\x{FF65}\x{FFE0}-\x{FFFD}');

-- 
1.7.9.1

En este caso buscaremos la línea que contenga el código “ \x{D800}-\x{F8FF}\x{FB29}\x{FD3E}-\x{FD3F}\x{FDFC}-\x{FDFD} ”

 

Y lo reemplazaremos por  ” \x{FB29}\x{FD3E}-\x{FD3F}\x{FDFC}-\x{FDFD} ”

 

Sígueme en Twitter

 

Muchas veces mientras desarrollamos nuestros proyectos nos encontramos con pequeños problemas solemos tender a buscar las soluciones y no crearlas aunque la segunda opción a veces es mas rápida o eficaz. Yo recientemente he tenido un problema en el cual necesitaba quitar la barra que nos aparece en Drupal cuando queremos añadir contenido de “definir resumen hasta el cursor ” o en inglés ” split summary at cursor “.

Para solucionarlo he creado este pequeño módulo de Drupal. Está compuesto por tres archivos y el funcionamiento es simple .

Debemos descargar el archivo del enlace.
Instalar el módulo y se nos eliminará la barra automaticamente.
Desinstalamos y aparecerá.

INFO

name = "Hide Split"
version = "6.x 1.0"
description = "Elimina la barra de - Split summary at cursor - "
core = 6.x

README

Descripción
-----------

 

Este módulo elimina el botón que nos da opción de " definir resumen hasta el cursor "
que aparece en la parte superior de la caja de texto de Descripción .

This module delete the button "split summary at cursor" 

Requirements
------------
Drupal 6.x

Installation
------------
1. Copy the entire hide_split directory the Drupal sites/all/modules directory.

2. Login as an administrator. Enable the module in the "Administer" -> "Site
   Building" -> "Modules"

3. You can see your content without  "split summary at cursor"

 Enlace módulo

Remove “Split summary at cursor”

Sígueme en Twitter

 

Hemos encontrado una cuantas utilidades que nos ayudan a desarrollar nuestro proyectos web de una forma o otra. La primera herramienta nos permite visualizar nuestra nueva página web en nuestro navegador con diferentes resoluciones. Y de este modo poder testear en diferentes tamaños de pantalla la web.

Dirección: http://browize.com

HTMLform.com es una herramienta que nos permite crear un formulario de contacto e incluso utilizar ya creados de uan forma gráfica e intuitiva.

Dirección: http://htmlform.com

Framebox.org es una utilidad para crear esqueletos de webs, bocetos conceptuales y testeo de estructuras con labels, radibuttons, etc..

Dirección: http://framebox.org

CSS3generator es un rápido generador de código CSS3 para crear vanguardistas detalles en nuestras webs románticas y neoclásicas :-)

Dirección: http://css3generator.com

Sígueme en Twitter

 
Published on 11 mayo 2011, by in CMS, Drupal, Videotutorial.

Pongo este vídeo tutorial interesante sobre como utilizar el módulo captcha y recaptcha para Drupal.

Definición CAPTCHA:

Un captcha es una prueba de desafío empleada en informática para comprobar si un usuario es humano.

Captcha es una prueba que debe ser resulta por un usuario humano y, en general, esta prueba no puede ser resuelta por una computadora de forma automática (por lo menos con la tecnología actual). Por lo tanto se presume que si la prueba es pasada, lo ha hecho un humano.

El término CAPTCHA fue acuñado en 2000 por Luis von Ahn, Manuel Blum, Nicholas J. Hopper (de la Universidad Carnegie Mellon) y John Langford (de IBM). Captcha es una marca registrada de la Universidad Carnegie Mellon.

Sígueme en Twitter

 
Published on 7 abril 2011, by in CMS, Drupal.

Hoy me disponia a crear una guía de instalación del famoso editor de texto FCKEditor para Drupal 7 y navegando por la red encontré esta guía que creo personalmente que está completísima y la he adaptado tal como la he encontrado.

Guía deinstalación editor WYSIWYG(What You See Is What You Get) es decir lo “que ves es lo que tienes”.

Desde la versión 6.x de Drupal he trabajado con la versión FCKeditor, por la disposición que tiene en sus elementos para la creación y edición de contenido. En la versión de Drupal 7 ha cambiado su nombre a CKeditor, a continuación voy a detallar los pasos para disponer de CKeditor funcionando con nuestro Sitio Web.
Lo que voy a cubrir dentro de este post es la instalación de los siguientes módulos y librerias.

Módulo WYSIWYG

Libreria o editor CKEditor

Algunos Editores

El módulo wysiwyg permite utilizar el editores del lado del cliente para editar contenido, esto simplifica la instalación de cualquier editor que elijas, algunos de ellos son:

CKEditor
TinyMCE
Bueditor
NicEdit
Otros.

Instalando

Ahora que hemos realizado un preámbulo acerca de los editores existentes vamos a proceder a instalar CKEditor.

 

  1. Descargar el módulo wysiwyg e instalarlo (sites/all/modules/)
  2. Descargamos el editor CKEditor y se lo descomprime en sites/all/libraries ( sino existe “libraries” lo creamos)
  3. Luego vamos a “Configuración” en el menú principal de administración a la opción de “wysiwyg profiles”.
  4. En esta sección podemos visualizar los tipos de contenido con un “combobox” que nos permite elegir el editor CKeditor.
  5. Una vez realizado el paso anterior podemos ver que tenemos el enlace “editar” junto al “combobox”, a través de este podemos personalizar el comportamiento de nuestro nuevo editor(idioma, posición del editor, activar botones).

Con los pasos anteriores ya podemos probar nuestro editor WYSIWYG al crear contenido.
Espero les sirva de mucho a quienes están empezando con la nueva versión de Drupal 7.x.

:: FUENTE

Sígueme en Twitter

 
Published on 22 diciembre 2010, by in CMS, Drupal, Videotutorial.

Vimeo.

Sígueme en Twitter

 
Published on 9 diciembre 2010, by in CMS, Drupal.

Videotutorial en español muy útil que explica como crear un sitio web con drupal y como configurar el módulo Views y CCK. Como ejemplo crea un website recopilatorio de imágenes.

Galería de Imágenes en Drupal from Cuenco Digital on Vimeo.

Sígueme en Twitter