Results 1 to 10 of 11

Hybrid View

  1. #1
    Join Date
    May 2009
    Posts
    1,254
    Plugin Contributions
    3

    Default Re: Extend stretch Top header Menu/Navigation and search bar

    why don't you just edit the background image adding the white, and blu-green striper above your cloud background image?
    It appears you keep the nav menu, and logo etc. all within the mainwrapper, and all you want is to stretch the white, and blu-green, removing the clouds.
    You can make it 200-300 wide for the clouds to repeat fine.

    Background image:

    white
    white
    white
    white height 128 px
    blu-green height 32 px
    clouds
    clouds
    clouds
    clouds
    clouds
    clouds
    clouds
    clouds
    clouds
    clouds

  2. #2
    Join Date
    Dec 2011
    Posts
    24
    Plugin Contributions
    0

    Default Re: Extend stretch Top header Menu/Navigation and search bar

    Quote Originally Posted by keneso View Post
    why don't you just edit the background image adding the white, and blu-green striper above your cloud background image?
    It appears you keep the nav menu, and logo etc. all within the mainwrapper, and all you want is to stretch the white, and blu-green, removing the clouds.
    You can make it 200-300 wide for the clouds to repeat fine.

    Background image:

    white
    white
    white
    white height 128 px
    blu-green height 32 px
    clouds
    clouds
    clouds
    clouds
    clouds
    clouds
    clouds
    clouds
    clouds
    clouds
    That's exactly what I want to do...but I don't know how to code it on .css.

  3. #3
    Join Date
    May 2009
    Posts
    1,254
    Plugin Contributions
    3

    Default Re: Extend stretch Top header Menu/Navigation and search bar

    Yes it is clear what you want, I suggested you don't need to code it in css to achieve it, at least not the way you intend.
    All you need is to change the body background image in your css file.

    Instead of the image you have use an image like this, all you have to do is to stretch it longer with the clouds part, maybe up to 1500px
    Name:  02-3.jpg
Views: 435
Size:  4.5 KB
    Then in your stylesheet.css file change body background (line 71) to the correct image name.

  4. #4
    Join Date
    Dec 2011
    Posts
    24
    Plugin Contributions
    0

    Default Re: Extend stretch Top header Menu/Navigation and search bar

    Quote Originally Posted by keneso View Post
    Yes it is clear what you want, I suggested you don't need to code it in css to achieve it, at least not the way you intend.
    All you need is to change the body background image in your css file.

    Instead of the image you have use an image like this, all you have to do is to stretch it longer with the clouds part, maybe up to 1500px
    Name:  02-3.jpg
Views: 435
Size:  4.5 KB
    Then in your stylesheet.css file change body background (line 71) to the correct image name.
    Thank You so much!!! I got it!! I am so happy now. Thanks again!!

  5. #5
    Join Date
    May 2009
    Posts
    1,254
    Plugin Contributions
    3

    Default Re: Extend stretch Top header Menu/Navigation and search bar

    You're welcome, glad you solved it.

 

 

Similar Threads

  1. Top Navigation Menu Bar Removal?
    By jaguarx in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 26 Oct 2009, 07:25 AM
  2. Using a CSS Navigation Menu for the top NAV bar
    By spikeycactus in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 30 Oct 2008, 10:59 AM
  3. IE7 Cannot see navigation bar or category tab menu in header
    By GG01 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 21 Jul 2008, 08:00 PM
  4. Customize navigation bar on top and bar at footer
    By kippo in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 20 Sep 2006, 03:28 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg