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