Torci em volta do blog um pouco mais e decidi acrescentar uma sombra do texto bonita aos títulos. Se você estiver usando um browser de 3o mundo, você provavelmente o costume vê-o embora, seja um Safári só apoiou a coisa CSS.

Agora não me adquira mal, tenho usado FireFox eu mesmo durante bastantes anos, inferno, até organizamos um partido de lançamento para ele atrás em, uhm, 2003? para o muito primeiro lançamento no Heidelberg, Alemanha.

Mas quando o amigo digital Ben me apresentou o plug-in de Safári Saft, não o provei e sticked com ele, nunca rememorar. O safári & Saft em conjunto dão um pontapé na Raposa realmente nas nozes. Ele tem tantas características, verificá-lo aí fora. Ele não custa perto de nada para todas as características brilhantes oferecidas e é dever - têm para bloggers sério e surfistas. It has so many features, check it out here. It costs near to nothing for all the brilliant features offered and is a must-have for serious bloggers and surfers.

A coisa consiste em que o Safári faz a olhada de sites web tanto melhor usando uma espécie de anti-aliasing no texto. Se você fizer surfe muito e ler muito é tanto mais cômodo.

De qualquer maneira, atrás ao CSS. Assim como você usa a declaração CSS na sua folha de estilo?

Aqui estão alguns exemplos.

Você só pode ler isto com o Safári.

Acima do parágrafo usa as seguintes colocações de sombra pelo texto: sombra do texto: #000 0px 0px 3px; cor: # fff;. color:#fff;.

E uma sombra vermelha?

Acima do parágrafo usa as seguintes colocações de sombra pelo texto: sombra do texto: #f00 2px 2px 2px;..

A sombra de título elegante necessária?

Acima do parágrafo usa as seguintes colocações de sombra pelo texto: sombra do texto: #aaa 1px 1px 1px;..

Aqui está alguma sombra acima do texto …

Acima do parágrafo usa as seguintes colocações de sombra pelo texto: sombra do texto: #666 0px-5px 1px;..

Sombra azul muito longe? Nenhum problema!

Acima do parágrafo usa as seguintes colocações de sombra pelo texto: sombra do texto: #00f 15px 15px 3px;..

Exemplo último: sombra manchada extrema!

Acima do parágrafo usa as seguintes colocações de sombra pelo texto: sombra do texto: #6f0 3px 3px 5px;..

Bonito, certo?

É bastante fácil aplicar-se, geralmente você tem quatro valores para fundar a sua sombra:

1. Primeiro você escolhe a cor da sombra. #f00 para vermelho, #0f0 para verde e assim por diante. Qualquer cor de bruxa é possível. #f00 for red, #0f0 for green and so on. Any hex color is possible.

2. Agora você estabelece o espaço horizontal no texto (o x-eixo), 5 pixéis por exemplo (5px). Pode ser qualquer número, aconselho usar px aqui. Can be any number, I suggest using px here.

3. Então o espaço vertical quanto ao texto (o y-eixo), 3 pixéis por exemplo (3px).

4. A colocação última é o montante da falta de clareza que a sombra deve ter. Um valor de 0px não dá à sombra nenhuma falta de clareza em absoluto enquanto qualquer colocação por cima de 5px faz a sombra completamente ilegível. Sugiro uma colocação entre 1px e 3px. A value of 0px gives the shadow no blur at all while any setting over 5px makes the shadow completely unreadable. I suggest a setting between 1px and 3px.

Oh, e o Safári está também disponível para o Windows agora, se você quiser dar-lhe uma tentativa … Carregamento a beta aqui!

Como você pode ver (se você usar o Safári), isto é bastante uma declaração fresca e bastante útil para desenhar títulos e tal sem ter necessidade de usar imagens. Se só outros browseres o apoiariam, também …

Vai ver o que o futuro traz!

Taxe isto:
2.5

COMENTÁRIOS / 2 COMENTÁRIOS

Também instalei um plug-in de esconderijo de Wordpress. Agora estou comentando eu mesmo para ver se os comentários ainda trabalham!
Enganador, hum?;)

Taxe isto:
2.5
nenhuma imagemO Jakob Montrasio (08 às 14h52

…then você será excitado para ler sobre isto e isto:-)

Taxe isto:
2.5
nenhuma imagemBen (08 à 1h11

FALE / ACRESCENTAM O SEU COMENTÁRIO
Os comentários são moderados.

XHTML: Você pode usar estas etiquetas: <um href = "" título = ""> <título de abreviação = ""> <o título de acrônimo = ""> <b> <blockquote cita = ""> <citam> <codificam> <del datetime = ""> <em> <i> <q citam = ""> <greve> <forte> <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Volte para Exceder

A Sombra de Texto de CSS acrescentou.

FRESCO / OS ÚLTIMOS POSTOS

SIGA / OS SEUS COMENTÁRIOS

Par Feliz.Sonho de SophiesEstrela em EtapaSensualDança de MáquinaLatinoBailarinosVelho Janota FelizGrande EstrelaSenhora de Arco-írisPara Sempre em ConjuntoChikaRaios de BelezaCoresPensamentoNas Madeiras

Acrescente a Favoritos Technorati Enumerado em BlogShares

Posições de visitantes desta página

Jakob
Montrasio
Poder de Estrela:

O WeatherPixie

© 1982 - presente: Jakob Montrasio.