Cajetín

Cajetín

Presento un GadGet similar al GadGet "Insertar Cuadro de Texto", pero ofreciendo un aspecto más gráfico. De esta forma podemos incluir bloques que llamen la atención al visitante de nuestra página web.

Realmente, su resultado se podría obtener editando el código HTML de la página Web, pero la tarea resulta engorrosa. Con el GadGet Cajetín resulta sencillo. Introducir el GadGet por URL y rellenar el texto y sus escasos parámetros.

Además utiliza mi versión de bbcode para GadGet, incorporando un editor, con lo que resulta sencillo incluir texto formateado.

Este es el aspecto del GadGet, y de paso os ofrezco su dirección URL:

El Panel de configuración tiene el siguiente aspecto:

Para configurar, utilizaremos los parámetros habituales de configuración de Gadget del apartado Mostrar:

    1. Ancho: Aquí determinamos la anchura del gadget, podemos incluso seleccionar la anchura de contenidos podemos seleccionar una cantidad determinada de Pixeles o un Tanto por Ciento.

    2. Altura: Podemos designar la altura, no obstante el Gadget se adapta a su contenido.

    3. Incluir una barra de desplazamiento en el gadget cuando sea necesario. Esta opción debe estar DESELECCIONADA.

    4. Incluir un borde alrededor del gadget. Podemos incluirle un borde extra alrededor del GadGet, su color será el configurado en la configuración de colores de tu sitio web.

    5. Título del gadget: Podemos incluir un título en la parte superior del GadGet.

Además, se pueden configurar los siguientes parámetros:

    1. Comentario: Texto que mostrará el GadGet, podemos utilizar bbcode para gadgets. La referencia sobre bbcode se puede encontrar en Ayuda BBcode para gadget Google.sites , o bien pulsando el botón

    1. de ayuda del gadget.

    2. Color Fondo: Es el color de fondo que tendrá el GadGet.

    3. Borde: El GadGet puede dibujar un Borde alrededor del Gadget, de distintas formas gráficas (redondeado, relieve, punteado, etc..). El borde redondeado solo es válido en navegadores actuales.

    4. Color del Borde: Color del Borde dibujado por el GadGet.

    5. Color letra: Para definir el color de la letra. De todas maneras, con el editor bbcode podemos cambiar el color de cualquier parte del texto.

    6. Grosor del texto: Tamaño de la Letra.

Más Ejemplos del GadGet

El GadGet incluye altura dinámica, es decir, la altura del cuadro GadGet se adecua a su contenido.

Justo después de editar la página, el GadGet se mostrará con el tamaño indicado en la altura del GadGet, no te preocupes, al visitar la página (no desde finalizada la edición) veremos el efecto de altura dinámica correctamente.

Google Sites, al colocar los elementos de la página web, no espera a que el GadGet este completamente dibujado, por lo que pudieran existir errores al tomar la altura del GadGet, sobre todo cuando el Cajetin incluya imágenes. En este caso, indique el tamaño de las imágenes en la etiqueta bbcode [img=wX,hY] para que Google Sites conozca las dimensiones de las imágenes antes de descargarlas y así ajuste correctamente la altura.