ENFOLD – Creating Decoration Lines to the Menu

Hi Nick (hope you pick this up)

Here’s my original concept for my personal portfolio

http://www.clipular.com/users/5811069/boards/concept-web-site—anypeck-01

If we divide my design paged concept into parts –

+ the Logo part is sorted

+ the Slider is sorted

+ the services part (using entypo) is sorted

MENU –

+ the highlight and font changes is sorted

+ there is a feint line that appears at the top of the menu which spans the entire width of the menu. Design-wise its only 1 pixel deep, is a light grey and is tucked under the orange 3px solid highlight line. it rests at the top and remains fixed with the highlight line moving along it. Obviously if I change the menu by adding or taking away pages then I want how far the line spans to change accordingly

+ whilst ive altered the text size and spacing between letters how do I alter the space between the actual page text elements (home, contact, portfolio etc…) therefore reducing the width of the overall menu. At the moment it feels far too spread out

MAIN CONTENT

+ looking at the image – at the bottom of the page, below where it says RECENT POSTS ive created a decorative line that mimics the one above the menu. How could I recreate something like this without resorting to PNG files. Personally id like the thin grey line (not the chunky orange one) to be extendable to any width depending on its use or page layout

As always

BIG THANKS for such great support and im really starting to get to grips with the theme and CSS

Cheers

Andy