Results 1 to 7 of 7

I want this NavBar, but how?

This is a discussion on I want this NavBar, but how? within the Off-Topic & Chit Chat forums, part of the Focus on Members category; I want this navbar seen here: http://www.in2website.com/webdesign/.../neutralaser/# But not sure how to put it on my site. I tried copying ...

  1. #1
    Senior Member
    Real Name
    RadarLaser
    Join Date
    Dec 2008
    Posts
    134
    Liked
    0 times

    I want this NavBar, but how?

    I want this navbar seen here:
    http://www.in2website.com/webdesign/.../neutralaser/#

    But not sure how to put it on my site. I tried copying the style.css sheet and put that in my forum root of my site, and then copied the code for the header and put in my header template but not working correctly on my site, any suggestions on how I get this same navigation bar seen at the top of this website?

  2. #2
    Senior Member
    Real Name
    Michael Biddle
    Join Date
    Jan 2007
    Location
    Southern California
    Posts
    7,097
    Liked
    4 times
    It would need to be added to the template system. Is that your design, or are you just taking it?
    The Forum Hosting - Forum Hosting from the Forum Experts

  3. #3
    Senior Member
    Real Name
    RadarLaser
    Join Date
    Dec 2008
    Posts
    134
    Liked
    0 times
    not my design, so on that site I would need to copy the style sheet and insert where

  4. #4
    Senior Member
    Real Name
    RadarLaser
    Join Date
    Dec 2008
    Posts
    134
    Liked
    0 times
    here is the style sheet

    body, table{FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica, sans-serif; color:#262f3e; line-height:18px;}
    body{ padding:0px; margin:0px;}

    a { text-decoration: underline; color:#007dbc;}
    a:hover {text-decoration:none;color:#007dbc;}
    p {margin:5px 0 5px 0;}


    #menu { width: 100%; margin: 0 auto;text-align:center; line-height:70px;}
    #menu ul { margin: 0; padding: 0;}
    #menu ul li { display: inline;float: left; background:url(images/nav-line.gif) no-repeat left center;}
    #menu ul li a { display: block; padding:28px 19px 28px 18px }
    #menu ul li a:hover, #menu ul li a.active { background:#364654;}

    #sidemenu { width: 200px; margin: 0 auto;text-align:left; font-weight:bold}
    #sidemenu ul { margin: 0; padding: 0;}
    #sidemenu ul li { display: inline;float: left; width: 200px;}
    #sidemenu ul li a { display: block; padding:5px 10px 5px 20px;text-decoration:none; background:url(images/arrow.png) no-repeat center left; border-bottom:1px dotted #ccd7dc }
    #sidemenu ul li a:hover, #menu ul li a.active { background:url(images/arrow.png) no-repeat center left #ebf0f1; text-decoration:none}


    .Welcome-head {
    font-size:18px;
    color:#000;
    padding-left:5px;
    background-color:#b9cad1;
    }
    .BorderTop {
    border-top:solid 1px #ccd7dc;
    }
    .BorderBottom {
    border-bottom:solid 1px #ccd7dc;
    }
    .BorderLeft {
    border-left:solid 1px #ccd7dc;
    }
    .BorderRight {
    border-right:solid 1px #ccd7dc;
    }

    .ResellerBox {
    padding:20px;
    }
    .ResellerBox h1{
    font-size:20px;
    color:#384857;
    margin:0 0 10px 0;
    padding:0 0 10px 0;
    font-weight:normal;
    border-bottom: solid 1px #d3dfe1;
    }
    .ResellerBox h2{
    font-size:20px;
    color:#384857;
    margin:10px 0 10px 0;
    padding:10px 0 10px 0;
    font-weight:normal;
    border-bottom: solid 1px #d3dfe1;
    border-top: solid 1px #d3dfe1;
    }

    .BottomNav {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#787878;
    padding:0 20px 0 20px ;
    line-height:43px;
    border-bottom:dotted 1px #b5bbb9;
    border-top:dotted 1px #b5bbb9;
    font-size:14px;
    }
    .BottomNav a{
    font-size:10px;
    color:#007dbc;
    text-decoration:none;
    }
    .BottomNav a:hover{
    color:#007dbc;
    text-decoration:underline;
    }
    .pageTitle{
    padding:20px;
    background:url(images/header-bg.jpg) repeat-x center;
    border:10px solid #d3dfe1;
    font-size:30px;
    color:#FFFFFF;
    }

  5. #5
    vBSEO Staff Brian Cummiskey's Avatar
    Real Name
    Brian Cummiskey
    Join Date
    Jul 2009
    Location
    btwn NYC and Boston
    Posts
    12,782
    Liked
    648 times
    Blog Entries
    2
    Stealing someones code is a very bad idea....

    I would suggest looking at the list-o-matic site which gives examples on how to do css nav bars/lists.

    Listamatic: one list, many options - Using CSS and a simple list to create radically different list options
    Brian Cummiskey / Crawlability Inc.
    vBSEO 3.6.0 GOLD Released!
    Unveiling the NEW vBSEO Sitemap Generator 3.0. - available NOW for vBSEO Customers!


  6. #6
    Senior Member
    Real Name
    RadarLaser
    Join Date
    Dec 2008
    Posts
    134
    Liked
    0 times
    Ok I found one that I want on your list, has the html code and the css style sheet, the html code would be put into the header template, the css code goes exactly where? I went to style and templates - Go ... and in the main panel of that template sheet but there is tons of places it could go there not sure, can you tell me where on that sheet it would go?

  7. #7
    Senior Member
    Real Name
    Michael Biddle
    Join Date
    Jan 2007
    Location
    Southern California
    Posts
    7,097
    Liked
    4 times
    The CSS can go in the Main CSS of your style. It is selectable on the style screen.
    The Forum Hosting - Forum Hosting from the Forum Experts

Similar Threads

  1. vB navbar
    By Cor van Noorloos in forum General Discussion
    Replies: 2
    Last Post: 07-04-2008, 06:18 AM
  2. RRs below or above navbar?
    By Zagis in forum Relevant Replacements
    Replies: 0
    Last Post: 06-07-2008, 09:41 AM
  3. RR's In the Navbar, Under the Navbar or both?
    By Rude Awakening in forum Relevant Replacements
    Replies: 7
    Last Post: 01-01-2007, 08:28 PM
  4. Ads under NAVBAR
    By Mike in forum Ad Networks
    Replies: 9
    Last Post: 11-04-2006, 04:18 PM
  5. Need help with <h1> in navbar
    By soletrader in forum General Discussion
    Replies: 2
    Last Post: 08-28-2006, 04:44 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
  •