/ / 26 de febrero de 2008 / / 2 Comentarios »/ / Internet, Tecnología
I pellizcar todo el blog un poco más y decidió añadir un buen texto alternativo para los titulares. Si está utilizando un navegador 3er mundo, probablemente wont ver, sin embargo, es sólo el apoyo de CSS Safari cosa.
Ahora no me malinterpreten, he estado usando Firefox yo durante varios años, el infierno, que incluso organizó una fiesta de lanzamiento de lo nuevo, uhm, 2003? para la primera liberación en Heidelberg, Alemania.
Pero cuando Ben digitales amigo me presentó el Safari plugin Saft, he probado y sticked con ella, nunca mirar atrás. Safari y Saft junto Fox realmente la patada en las bolas. Que tiene muchas características, a echar un vistazo aquí. No cuesta nada a cerca de todas las funciones que ofrece la brillante y es un deber-tener graves para los bloggers y los surfistas.
Lo que ocurre es que Safari permite ver páginas web de manera mucho mejor con algún tipo de anti-aliasing en el texto. Si usted navega mucho y leer mucho es mucho más cómodo.
De todos modos, de nuevo a la CSS. Así que, ¿cómo utilizar el CSS en su declaración de hoja de estilo?
Estos son algunos ejemplos.
Sólo se puede leer con Safari.
Párrafo anterior utiliza el siguiente texto-la configuración de sombra: la sombra de texto: # 000 0px 0px 3px; color: # fff;.
¿Qué le parece una sombra de color rojo?
Párrafo anterior utiliza el siguiente texto-la configuración de sombra: la sombra de texto: # F00 2px 2px 2px;.
Elegante titular sombra necesaria?
Párrafo anterior utiliza el siguiente texto-la configuración de sombra: la sombra de texto: # aaa 1px 1px 1px;.
Aquí hay algunas sombras sobre el texto ...
Párrafo anterior utiliza el siguiente texto-la configuración de sombra: la sombra de texto: # 666 0px-5px 1px;.
Azul sombra lejos? No hay problema!
Párrafo anterior utiliza el siguiente texto-la configuración de sombra: la sombra de texto: # 00f 15px 15px 3px;.
Último ejemplo: Extreme borrosa sombra!
Párrafo anterior utiliza el siguiente texto-la configuración de sombra: la sombra de texto: # 6f0 3px 3px 5px;.
Niza, ¿verdad?
Es muy fácil de aplicar, por lo general usted tiene cuatro valores para configurar su sombra:
1. En primer lugar, definir el color de la sombra. # F00 para el rojo, # 0f0 de verde y así sucesivamente. Hexadecimal de cualquier color es posible.
2. Ahora configurar el espacio horizontal en el texto (el eje x), 5 pixeles por ejemplo (5px). Puede ser cualquier número, sugiero utilizar px aquí.
3. A continuación, el espacio vertical en relación con el texto (el eje), 3 píxeles por ejemplo (3px).
4. La última opción es la cantidad de desenfoque que debe tener la sombra. Un valor de 0px no da la sombra a todos los borroso mientras que cualquier ajuste en la sombra hace 5px completamente ilegible. Sugiero un valor entre 1px y 3px.
Ah, y también está disponible Safari para Windows ahora, si desea darle una oportunidad ... Ver la versión beta aquí!
Como se puede ver (si utiliza Safari), este es un fresco de declaración y muy útil para el estilo, y los titulares, sin tener que utilizar imágenes. Si otros navegadores sólo lo apoyaría, también ...
Vamos a ver qué trae el futuro!