Results 1 to 5 of 5
  1. #1
    Join Date
    May 2010
    Posts
    222
    Plugin Contributions
    0

    Default Adding a CSS menu onto every page

    I created a CSS menu and would like to add it to every one of my pages. Is there a way to do this, other than entering the HTML into every page?

    Thank you in advance for any help.

  2. #2
    Join Date
    Feb 2008
    Posts
    1,352
    Plugin Contributions
    1

    Default Re: Adding a CSS menu onto every page

    Everything is possible if you provide enough information on what exactly you want to do.

  3. #3
    Join Date
    May 2010
    Posts
    222
    Plugin Contributions
    0

    Default Re: Adding a CSS menu onto every page

    Quote Originally Posted by CoolCarPartsOnline View Post
    Everything is possible if you provide enough information on what exactly you want to do.
    Ok, sorry about that.

    My website is QueenCharlotteSoaps.com. I would like to add a CSS menu below my logo on every page (moving the nav bar and stuff is planned too, but that is not the problem now).

    Below is my CSS and HTML. Please let me know if you need any more information. Thank you!

    Code:
    #cssmenu {
       float:left;
       width:100%;
       background:#600000;
       overflow:hidden;
       position:relative;
    }
    #cssmenu ul {
       clear:left;
       float:left;
       list-style:none;
       margin:0;
       padding:0;
       position:relative;
       left:50%;
       text-align:center;
    }
    #cssmenu ul li {
       display:block;
       float:left;
       list-style:none;
       margin:0;
       padding:0;
       position:relative;
       right:50%;
    }
    #cssmenu ul li a {
       display:block;
       margin:0 0 0 1px;
       padding:3px 10px;
       background:#6000000;
       color:#FFFFFF;
       text-decoration:none;
       line-height:1.3em;
    }
    #cssmenu ul li a:hover {
       background:#369;
       color:#6000000;
    }
    Code:
    <html>
    <head>
    <link rel="stylesheet" href="styles.css" />
    </head>
    
    <body>
    
    <div id="cssmenu">
       <ul>
          <li><a href="http://www.queencharlottesoaps.com">Home</a></li>
          <li><a href="http://queencharlottesoaps.com/index.php?main_page=account">My Account</a></li>
          <li><a href="http://queencharlottesoaps.com/index.php?main_page=contact_us">Contact Us</a></li>
          <li><a href="http://queencharlottesoaps.com/index.php?main_page=page&id=5">Wet Shaving Information</a></li>
       </ul>
    </div>
    
    
    </body>
    </html>

  4. #4
    Join Date
    Feb 2008
    Posts
    1,352
    Plugin Contributions
    1

    Default Re: Adding a CSS menu onto every page

    You can add the html portion to you template folder...look under your_template/common/tpl_header.php. Place the Menu code where you wanted displayed (right at the end of the header file).

    Then you can place the css code in your general stylesheet.

    This would make the menu visible throughout the website.

    Some testing my be needed to get the effect needed.

  5. #5
    Join Date
    May 2010
    Posts
    222
    Plugin Contributions
    0

    Default Re: Adding a CSS menu onto every page

    Quote Originally Posted by CoolCarPartsOnline View Post
    You can add the html portion to you template folder...look under your_template/common/tpl_header.php. Place the Menu code where you wanted displayed (right at the end of the header file).

    Then you can place the css code in your general stylesheet.

    This would make the menu visible throughout the website.

    Some testing my be needed to get the effect needed.
    Perfect! The only thing I need to add was a few <br />.

    Thank you very much

 

 

Similar Threads

  1. Adding a newly created Option Name/Value to every option menu
    By tcarden in forum Setting Up Categories, Products, Attributes
    Replies: 6
    Last Post: 31 Jan 2014, 05:55 AM
  2. v151 Placing Navigation buttons via CSS on every page.
    By Primo Pipez in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 18 Feb 2013, 03:32 AM
  3. Adding CSS Menu to my site
    By caesartrading in forum Templates, Stylesheets, Page Layout
    Replies: 19
    Last Post: 21 Jul 2011, 12:16 AM
  4. Adding more products onto a single product page
    By Kinred in forum Setting Up Categories, Products, Attributes
    Replies: 1
    Last Post: 29 Aug 2007, 07:10 AM

Bookmarks

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
Zen-Cart, Internet Selling Services, Klamath Falls, OR