Bluegriffon: DIV con efecto grabado en el texto

He estado trasteando un rato con Bluegriffon y su editor CSS3 integrado. Lo primero que se me ocurre contar en forma de tutorial es cómo hacer un bonito efecto de texto grabado.
Damos por hecho que tenemos un texto escrito y seleccionado…

Lo primero que hacemos es crear un contenedor


Una de las pocas cosas que no me gusta es que no se muestra un contorno relativo al DIV tal y como ocurre en KompoZer por lo que de momento la única prueba que tenemos de que se ha creado el DIV es que aparece en la parte baja de la interfaz


Hacemos clic sobre ese texto <div> para asegurarnos de que está seleccionado y le damos un ID llamado grabado


Ahora en la parte baja debe aparecer esto (aquí aparece seleccionado)…


Nos dirigimos al Editor CSS


En la parte alta del Editor CSS se nos informa de cuál es el selector que estamos editando


Comenzamos por darle al DIV un color de fondo (#c0c0c0) para que se haga evidente


Le vamos a dar un ancho de 300px


Ajustamos los márgenes internos


Esta es la apariencia


Elegimos la fuente. Para no liarnos con fuentes online escogemos la familia Arial, Hervetica…


Nos vamos a la sección Sombra para aplicar una sombra de texto con estos parámetros (no olvidar definir el color blanco #ffffff)


El efecto final

About these ads
  1. Mi primera inmersión a este paquete, el tutorial me ha resultado de gran utilidad destacando la simplicidad de exposición y la economía en el lenguaje que se emplea. ¡Gracias!

    • Basaltar
    • 12/02/13

    pues vaya tonteria!!!

  2. @Basaltar: Di que sí.

  3. Hola, una duda. A ver si podéis ayudarme, ¿No existe un botón directo o herramienta en Bluegriffon parar crear una capa?? (como ocurre en NVU y Kompozer, la “chincheta” que aparece en el menu). No soy experto y siempre trabajaba con esta herramienta por capas, para distribuir textos e imagenes libremente por la pagina. Para mi es lo más útil y sencillo y tras haber instalado bluegriffon no sé como aplicar las capas y seguir trabajando facilmente. Gracias

    • Johnb590
    • 3/07/14

    Hello my family member! I want to say that this article is amazing, great written and come with almost all significant infos. Id like to peer extra posts like this . ecabddefedac

  1. No trackbacks yet.

Deja un comentario

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

%d personas les gusta esto: