Testo css a forma natalizio con il white-space:pre

Wednesday 03 December 08 by Onsitus in CSS Tips

Eh si…siamo arrivati a Dicembre ed arrivano velocemente le feste di fino d’anno.

CSS.FlepStudio.org coglie l’occasione per vi presentare i suoi auguri di Natale alla moda css.

Tra una piccola poesia, la proprietà di testo white-space e un tocco di colore, ho creato per voi testi a forme natalizio.

Ecco per primo, l’albero di natale in css

A
ug
uri a
te caro
amico che
leggi auguri
non solo per qu
esti giorni ma per
un infinità di giorni
per la vita che dovrà ve
nire, per tutto ciò che tu
desideri di più bello per la
tua e
siste
nza.

La stella in css

A
uguri
a te, caro
amico che leggi
auguri non solo per questi giorni
ma per un’infinità di giorni
per la vita che dovrà
venire per tutto ciò
che tu desideri
di più bello per la
tua esi stenza.
Buon Nata
l e

L’angelo in css

augu
ri a te caro ami
co che leggi auguri
non solo per questi g
iorni m a per un infi
nità di giorni per
la vita c he
dovrà ve
nire per tut
to ciò che tu
desideri di più
bello per la tua
esistenza. Buon
Natale

Tutto credito per il testo va a un certa Signora Katia, la quale poesia è pubblicata sul sito Specchiomagico.net.
Ne ho usato solo un estratto, visitate il loro sito per leggere la versione intera.

Per chi è curioso vedere la marcatura html e il stile css applicato per creare queste forme natalizio in css, allego un zip file con la pagina html.

Buone feste e un eventuale commento a questo post è sempre benvenuto!

  css_auguri_2008.zip (1.4 KiB, 109 hits)

2 commenti

Rimani aggiornato con il RSS Feed

{ 2 comments… read them below or add one }

Antonio 12.05.08 at 15:39

Complimenti, bellissimo!!

posso pubblicarlo sul mio sito, naturalmente con link e citando la fonte originale?

Ad ogni modo complimenti, veramente bello!
:)

Onsitus 12.05.08 at 17:32

Ciao Antonio,

sicuramente che puoi! :D

Scrivi un commento

You can use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Previous post: Effetto zoom su dettaglio di un immagine in css

Next post: Css news accordion - css esempio 10