Enter a query to search our site. Note that you can use "*" and "?" as wildcards. Enclosing more than one word in double quotes ("CSS Layout") will search for the exact phrase.

Project Seven dot com

PVII Mercury

CSS Forward Thinking

Buy Now [$75] | Live Examples

What is Mercury? a very cool Single-Page CSS Template

intro
 

Mercury is a single-page Web site, a design approach that works very well for sites that would comprise three to six traditional pages of closely related content. A brochure site for an artist, entertainer, movie, author, or a typical restaurant would work very well. Landing pages for short-term promotions, offers and contests would too. On the other hand, a large site like Amazon.com would not be a good candidate.

Create pages instantly includes fixed width and flexible width designs

The Mercury user interface is accessible from the File menu inside Dreamweaver and fully automates the page-creation process. Select a layout and simply click Create!

The  Interface

Manage your page sections automatically

The Page Scroll Magic interface that comes with Mercury enables you to add, remove, or re-order your page sections in just a few short seconds!

Key Features and Cutting Edge Techniques

  • Choose fixed or flexible width layouts
  • Use CSS techniques like font embedding, rounded corners, shadows, dynamic image sizing and RGBA colors
  • Mercury is fully navigable whether using a mouse, keyboard, pointing device, touch device, or a screen reader
  • If you use your tab key to navigate and reach a link in the next page section, the system will automatically detect this and scroll that section fully into view
  • Accessing a new page section will glide your window to the top, ensuring that no content is ever overlooked
  • The previous and next arrows automatically display the title of the next or previous page when hovered over
  • The previous and next arrows can be set to loop or to stop at the first and last page sections
  • Mobile devices are automatically detected and served special style rules to address device-specific limitations and display Mercury perfectly with non-fixed header and footer

Mercury Example Pages includes fixed width and flexible width designs

Requirements

Dreamweaver MX, MX 2004, 8, CS3, CS4, CS5 and higher