CSS DEMOS › Show me some more....
Date : Pre 2006
For all modern browsers
Blow, Blow, Thou Winter Wind
William Shakespeare
Blow, blow, thou winter wind,
Thou art not so unkind
As man's ingratitude;
Thy tooth is not so keen
more »
Because thou art not seen,
Although thy breath be rude.
Heigh-ho! sing heigh-ho! unto the green holly:
Most friendship is feigning, most loving mere folly:
Then, heigh-ho! the holly!
This life is most jolly.
Freeze, freeze, thou bitter sky,
Thou dost not bite so nigh
As benefits forgot:
Though thou the waters warp,
Thy sting is not so sharp
As friend remember'd not.
Heigh-ho! sing heigh-ho! unto the green holly:
Most friendship is feigning, most loving mere folly:
Then, heigh-ho! the holly!
This life is most jolly.
How Do I Love Thee?
Elizabeth Barrett Browning
How do I love thee? Let me count the ways.
I love thee to the depth and breadth and height
My soul can reach, when feeling out of sight
For the ends of Being and ideal Grace.
more »
I love thee to the level of every day's
Most quiet need, by sun and candlelight.
I love thee freely, as men strive for Right;
I love thee purely, as they turn from Praise.
I love with a passion put to use
In my old griefs, and with my childhood's faith.
I love thee with a love I seemed to lose
With my lost saints, I love thee with the breath,
Smiles, tears, of all my life! and, if God choose,
I shall but love thee better after death.
Seven Ages Of Man
William Shakespeare
All the world's a stage,
And all the men and women merely players,
They have their exits and entrances,
And one man in his time plays many parts,
more »
His acts being seven ages. At first the infant,
Mewling and puking in the nurse's arms.
Then, the whining schoolboy with his satchel
And shining morning face, creeping like snail
Unwillingly to school. And then the lover,
Sighing like furnace, with a woeful ballad
Made to his mistress' eyebrow. Then a soldier,
Full of strange oaths, and bearded like the pard,
Jealous in honour, sudden, and quick in quarrel,
Seeking the bubble reputation
Even in the cannon's mouth. And then the justice
In fair round belly, with good capon lin'd,
With eyes severe, and beard of formal cut,
Full of wise saws, and modern instances,
And so he plays his part.
The sixth age shifts
and mere oblivion,
Sans teeth, sans eyes, sans taste, sans everything.
The first attempt at an answer to a problem posed by Mark from Ireland.
A method of producing a 'more' feature, whereby a snippet of text is shown to visitors and to read the full article they have to click on the more » link.
This method hides the extra text in an em tag and displays the 'more »' link in a visible span tag. When the link is clicked the span tag is hidden and the em tag is made visible.
Because Internet Explorer insists on putting the dotted line around the clicked link I have added a small amount of javascript to remove it again :o(.
The mousewheel scroll works in IE and the scroll bars work in FF, however Opera does not keep the text on screen when the mouse button is released (a feature of Opera).
Copyright
Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.
- If you are using this on a personal web site then please retain the copyright comment in the stylesheet.
A support donation is now required for this demonstration.
- If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission - stu{at}cssplay.co.uk and again a support donation is required.
- If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.
