Free Colored ScrollBars - CSS para dar color y efectos

Inicio
Desarrollo web
Utilidades CSS
Free Color Scrolls

Más sobre el programa :: Requerimientos :: Videos :: Actualizaciones

Utilidad que te permite crear fácilmente los estilos CSS para crear ScrollBars o barras de scroll para tu página con colores y efectos animados mediante código javascript.

Si eres un diseñador web, puedes utilizar este programa para efectos de color a las barras de desplazamiento de tus páginas web en un instante, sin la necesidad de escribir o editar una sola línea de código!

Libre Colored ScrollBars es fácil de usar pero a la vez una potente herramienta que genera definiciones de estilos CSS necesarias para añadir scrollbars coloreados en las páginas web, y también código JavaScript para barras de desplazamiento animadas.

Todos los efectos que se producen con la actual versión del programa están garantizados para trabajar en navegadores IE5.5 o superior en el caso de internet explorer.

A continuación puedes ver mas características y opciones de la aplicación

Mas información sobre el programa.

Indice - Contenido.

Cómo añadir efectos y colores a las barras de desplazamiento.
Otras características del programa.
Interfaz gráfica del programa.
Editor HTML integrado.
Repositorio de plantillas.

1 - Cómo añadir efectos y colores a las barras de desplazamiento.

Este contiene 44 esquemas de colores listos que puedes seleccionar para utilizar, incluyendo plantillas.

Si quieres puedes crear solo el CSS para aplicar los colores, o ambos, es decir también con efectos. Los efectos javascript que incluye son dos Blinker y Fade.

También se pueden definir los colores manualmente de cada objeto del scrollbar como las flechas, el área de desplazamiento, la sombra etc.

El uso es muy simple, luego de crear el diseño que mas te guste, desde el menú Archivo puedes exportar el código CSS desde la opción Save As CSS. o save JS para el caso de los Scripts y efectos.

2 - Otras características del programa.

Varios efectos CSS estandar.
Posee dos efectos javascript, uno de luz intermitente y otro de decoloración.
Vista previa la página en un navegador web integrado.
Contiene un editor interno HTML para agregar rápidamente código CSS y scripts para las páginas HTML existentes o la creación de nuevas plantillas para páginas web y proyectos.

3 - Interfaz gráfica del programa.

La interfaz se divide en tres secciones.

En la esquina superior izquierda se encuentra incorporado el navegador web que te permite ver las barras de desplazamiento en tiempo real, es decir los cambios que hagas,efectos etc ... Puedes especificar los colores del texto o de fondo haciendo clic en los botones de abajo.

En la parte inferior de la ventana principal, se encuentra el editor HTML, que muestra el código código CSS o JavaScript. Puedes copiar este código y pégarlo en tu página entre las secciones <head> y </ head>.

Por último, en el centro se encuentra el panel con tres pestañas: Standard, Fader, y Blinker. En la ficha Estándar puede personalizar los efectos CSS introduciendo un valor hexadecimal de color en el cuadro de texto o eligiendo en la caja de color, desde el diálogo de paleta o de selector de color. En las etiquetas Fader y Blinker puede personalizar efectos dinámicos de JavaScript.

4 - Editor HTML integrado.

Presionando las teclas CTRL+H, podrás abrir un editor simple de páginas HTML.

Al la derecha, se encuentra el código del scrollbar que puedes pegarlo en el código fuente que se visualiza en el editor central ( Mediante el botón Paste code - Pegar código ).

Además, es posible insertar cualquier otro fragmento HTML o javascript y mostrar la página en un navegador web ( Presionando en la pestaña Browse)

Desde el menú Archivo, se puede guardar el código fuente de la página actual o abrir una página existente entre otras opciones.

Esta es la vista previa del editor incorporado.

5 - Repositorio de plantillas.

Para acceder a esta ventana simplemente selecciona "Abrir plantilla ..." o "Guardar como plantilla ..." del menú Archivo.

Hay 44 plantillas predefinidas que se pueden abrir para su edición. También puedes guardar cualquier código diseñado en el Repositorio de plantillas eligiendo Guardar como plantilla ... del menú Archivo.