Tagged: , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #23095

    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

    #118530

    Hi,

    Nice colors. Looks good.

    1) “there is a faint line that appears at the top of the menu which spans the entire width of the menu” Umm.. I can guess without seeing code, but not sure what else will be affected.

    #top .container_wrap {
    border-top-width: 0px;
    }

    2) Css to change padding between menu items. Change 13 to 10 in the css.

    #top .main_menu ul:first-child > li > a {
    padding: 0 13px;
    }

    3) Just recreate the html structure of the orange thing and the line from the top of the menu and add it to wherever you want to. Since we are talking abstract here, not much more I can offer. Show me the page with code and I can give a better answer.

    Thanks,

    Nick

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘ENFOLD – Creating Decoration Lines to the Menu’ is closed to new replies.