Mobile Friendly Website

CSSPLAY

Doing it with style

CSS MENUSCSS paged menu

Date : 10th June 2007

For all modern browsers


This demo is too wide for your mobile screen.
Please view on a tablet or PC.

  • John Constable

    John Constable

    The Hay Wain

    Although he showed an early talent for art and began painting his native Suffolk scenery before he left school, his great originality matured slowly.

    He committed himself to a career as an artist only in 1799, when he joined the Royal Academy Schools and it was not until 1829 that he was grudgingly made a full Academician, elected by a majority of only one vote.

    In 1816 he became financially secure on the death of his father and married Maria Bicknell after a seven-year courtship and in the fact of strong opposition from her family. During the 1820s he began to win recognition: The Hay Wain (National Gallery, London, 1821) won a gold medal at the Paris Salon of 1824 and Constable was admired by Delacroix and Bonington among others.

    His wife died in 1828, however, and the remaining years of his life were clouded by despondency.

    This text is an excerpt from The WebMuseum, Paris

  • Claude Monet

    Claude Monet

    Women in the Garden

    His youth was spent in Le Havre, where he first excelled as a caricaturist but was then converted to landscape painting by his early mentor Boudin, from whom he derived his firm predilection for painting out of doors.

    In 1859 he studied in Paris at the Atelier Suisse and formed a friendship with Pissarro. After two years' military service in Algiers, he returned to Le Havre and met Jongkind, to whom he said he owed `the definitive education of my eye'.

    He then, in 1862, entered the studio of Gleyre in Paris and there met Renoir, Sisley, and Bazille, with whom he was to form the nucleus of the Impressionist group.

    Monet's devotion to painting out of doors is illustrated by the famous story concerning one of his most ambitious early works, Women in the Garden (Musée d'Orsay, Paris; 1866-67). The picture is about 2.5 meters high and to enable him to paint all of it outside he had a trench dug in the garden so that the canvas could be raised or lowered by pulleys to the height he required.

    This text is an excerpt from The WebMuseum, Paris

  • Vincent Van Gogh

    Vincent Van Gogh

    The Starry Night

    Gogh, Vincent (Willem) van (b. March 30, 1853, Zundert, Neth.--d. July 29, 1890, Auvers-sur-Oise, near Paris), generally considered the greatest Dutch painter and draughtsman after Rembrandt.

    With Cézanne and Gauguin the greatest of Post-Impressionist artists. He powerfully influenced the current of Expressionism in modern art. His work, all of it produced during a period of only 10 years, hauntingly conveys through its striking colour, coarse brushwork, and contoured forms the anguish of a mental illness that eventually resulted in suicide. Among his masterpieces are numerous self-portraits and the well-known The Starry Night (1889).

    This text is an excerpt from The WebMuseum, Paris

  • Marc Chagall

    Marc Chagall

    Adam and Eve

    Russian-born French painter. Born to a humble Jewish family in the ghetto of a large town in White Russia, Chagall passed a childhood steeped in Hasidic culture.

    Very early in life he was encouraged by his mother to follow his vocation and she managed to get him into a St Petersburg art school. Returning to Vitebsk, he became engaged to Bella Rosenfeld (whom he married twelve years later), then, in 1910, set off for Paris, 'the Mecca of art'.

    He was a tenant at La Ruche, where he had Modigliani and Soutine for neighbours. His Slav Expressionism was tinged with the influence of Daumier, Jean-François Millet, the Nabis and the Fauves.

    He was also influenced by Cubism. Essentially a colourist, Chagall was interested in the Simultaneist vision of Robert Delaunay and the Luminists of the Section d'Or.

  • Pablo Picasso

    Pablo Picasso

    Girtl in front of mirror

    Pablo Picasso, born in Spain, was a child prodigy who was recognized as such by his art-teacher father, who ably led him along.

    The small Museo de Picasso in Barcelona is devoted primarily to his early works, which include strikingly realistic renderings of casts of ancient sculpture.

    He was a rebel from the start and, as a teenager, began to frequent the Barcelona cafes where intellectuals gathered.

    He soon went to Paris, the capital of art, and soaked up the works of Manet, Gustave Courbet, and Toulouse-Lautrec, whose sketchy style impressed him greatly. Then it was back to Spain, a return to France, and again back to Spain - all in the years 1899 to 1904.



Information

This is another menu that will show a page of information when hovering over each menu item. The information can be anything from plain text to further unordered lists. The information can also contain links as shown in the demonstration.

I have also incorporated a default information page feature which will be displayed when the mouse is moved outside of the containing div (light blue background).

Tested in IE6, IE7, Firefox and Opera.

This makes use of one image.

The chosen menu graphic:

selected image

Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.

  1. 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.
  2. 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.
  3. 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.

Terms and Conditions

This demonstration can be used subject to the following terms and conditions.

  1. If you wish to use this demonstration in your website(s) please email me stu{at}cssplay.co.uk seeking permission.
  2. You may NOT place this demonstration on another site for others to download.
  3. You may NOT redistrubute or resell this demonstration.
  4. Users agree not to remove or edit the credit notice within the stylesheet, or claim that this demonstration is their own.
  5. Please see the Copyright statement above regarding the requirement for a support donation.

Support CSSPLAY

Your donations keep CSS PLAY running.
If your donation is for the use of a demo then please email me with the demo url after making your donation.


CUSTOM SEARCH

Facebook Twitter rss feed Facebook Fan Page