Looking at ways to make the excellent superfish dropdown navigation less prominent - I chose a lighter colour at the bottom of bg-header.png, added an off centre photo to the LHS that slightly cut behind the start of the navigation bar and then added the following code to the style.css

#superfish-inner .menu li {
  background: #B1E1EF;
  opacity:0.7;
  filter: alpha(opacity = 70);
  }

The filter: line is a duplication of the opacity: line but it is required for it to work in good old IE.

The end result can be seen opposite

and possibly still on the test site at http://allonsong.com/demo/centres/mildenhall-swimming-pool-0

Tags: 

Add new comment

More information about text formats

Filtered HTML

  • To post pieces of code, surround them with <code>...</code> tags. For PHP code, you can use <?php ... ?>, which will also colour it based on syntax.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Strips broken/unpublished internal links from output.
  • Adds node titles to internal links found in content (as HTML "title" attribute).
  • Allowed HTML tags: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Lines and paragraphs break automatically.

Plain text

  • No HTML tags allowed.
  • Web page addresses and e-mail addresses turn into links automatically.
  • Lines and paragraphs break automatically.
By submitting this form, you accept the Mollom privacy policy.