/ / Février 26, 2008 / / 2 Commentaires »/ / Internet, de la technologie
J'ai modifié dans le blog un peu plus et a décidé d'ajouter un texte agréable à l'ombre manchettes. Si vous utilisez un navigateur 3e-monde, vous avez probablement l'habitude voir si, c'est seulement sur Safari CSS chose.
Ne vous méprenez pas, j'ai été moi-même en utilisant FireFox pendant quelques années, l'enfer, nous avons même organisé une release party pour le remettre en, uhm, 2003? pour la toute première version, à Heidelberg, en Allemagne.
Mais quand Ben numérique ami m'a présenté le Safari plugin Saft, j'ai essayé et collé avec elle, sans jamais regarder en arrière. Safari & Saft kick ensemble de la Fox vraiment dans les noix. Il a beaucoup de fonctionnalités, check it out here. Il en coûte près à rien de toutes les fonctionnalités offertes et brillante est un must-have pour les blogueurs de graves et les surfeurs.
Le fait est que les sites Web Safari rend l'air si bien meilleure en utilisant une sorte d'anti-aliasing sur le texte. Si vous surfez beaucoup et beaucoup lu, il est beaucoup plus confortable.
Quoi qu'il en soit, retour à la CSS. Donc, comment faire pour utiliser le CSS dans la déclaration de votre feuille de style?
Voici quelques exemples.
Vous pouvez seulement lire avec Safari.
Paragraphe ci-dessus utilise les paramètres fictifs de texte: text-shadow: # 000 0px 0px 3px; color: # fff;.
Comment faire un rouge ombre?
Paragraphe ci-dessus utilise les paramètres fictifs de texte: text-shadow: # f00 2px 2px 2px;.
Elegant titre ombre nécessaire?
Paragraphe ci-dessus utilise les paramètres fictifs de texte: text-shadow: # aaa 1px 1px 1px;.
Voici quelques ombres au-dessus du texte ...
Paragraphe ci-dessus utilise les paramètres fictifs de texte: text-shadow: # 666 0px-5px 1px;.
Blue ombre loin? Pas de problème!
Paragraphe ci-dessus utilise les paramètres fictifs de texte: text-shadow: # 00f 15px 15px 3px;.
Dernier exemple: Extreme ombre floue!
Paragraphe ci-dessus utilise les paramètres fictifs de texte: text-shadow: # 6f0 3px 3px 5px;.
Nice, droite?
Il est très facile à appliquer, de manière générale, vous disposez de quatre valeurs à mettre en place votre ombre:
1. Tout d'abord, vous définir la couleur de l'ombre. # f00 pour le rouge, # 0f0, le vert et ainsi de suite. Toute couleur hexadécimal est possible.
2. Maintenant, vous définissez l'espace à l'horizontale le texte (l'axe des x), 5 pixels par exemple (5px). Peut être n'importe quel nombre, je vous suggère d'utiliser px ici.
3. Ensuite, le rapport à l'espace vertical du texte (l'axe des y), 3 pixels par exemple (3px).
4. Le dernier paramètre est la quantité de flou que l'ombre doit avoir. Une valeur de 0px donne pas de l'ombre flou à tous alors que toute mise sur 5px fait l'ombre complètement illisible. Je propose un réglage entre 1px et 3px.
Oh, et Safari est aussi disponible pour Windows, si vous voulez faire un essai ... Télécharger la version beta ici!
Comme vous pouvez le voir (si vous utilisez Safari), ce qui est assez cool de déclaration et de très utile pour le style et les titres, sans avoir à utiliser des images. Si seulement d'autres navigateurs qui la soutiennent, trop ...
Voyons ce que l'avenir apporte!