Announcement

Collapse
No announcement yet.

tabbed Yahoo style navigation menu?

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • tabbed Yahoo style navigation menu?

    I was wondering how to accomplish a tabbed menu like this page header: http://news.yahoo.com/
    How do you go about having the chosen tab in the forground of the appropriate page? If anyone can give me some tips that would be great! I'm trying to stay away from making a seperate header for each page that loads the right tabs.

  • #2
    Bump. Anyone have an answer for this?

    Comment


    • #3
      I recommend you ask for help with this on www.vbulletin.org
      Best Regards
      Colin Frei

      Please don't contact me per PM.

      Comment


      • #4
        BBOY you may get nowhere in that forum with this either as not many have done this.

        I'll get something worked up for people in the forums this week.


        Jared
        http://www.jaredritchey.com/

        Comment


        • #5
          Great Jared! Look forward to seeing what you can cook up!

          Comment


          • #6
            Ok I got it worked out and I'll be if the JS hasn't stopped working for some odd reason.

            I created a tabbed navigation then removed the default navigation from the template itself by using the template editor and what I ended up with was a real nice clean style tab set that simply did not work with the Search and Quick Link drop downs.

            Why? I'm not sure but I'm working on it and I'll post my results here.

            Jared
            http://www.jaredritchey.com/

            Comment


            • #7
              Originally posted by php4ever View Post
              Ok I got it worked out and I'll be if the JS hasn't stopped working for some odd reason.

              I created a tabbed navigation then removed the default navigation from the template itself by using the template editor and what I ended up with was a real nice clean style tab set that simply did not work with the Search and Quick Link drop downs.

              Why? I'm not sure but I'm working on it and I'll post my results here.

              Jared
              Can't wait to see what you've done!
              Like bboy and sross I am interested in this.

              Comment


              • #8
                Any luck on this?

                Comment


                • #9
                  use them in one of our styles
                  http://gfxstyles.com/forum.php?styleid=87

                  dont' use the change in color or hover images , too lazy i guess
                  the permissives for keeping it fixed makes it harder to change .
                  the css needed : add to additional css in the bottom block : ajust what is necessary .
                  make sure to change the paths to reflect where you have the 2 images .
                  Code:
                  #tnav{
                  	padding:0; 
                  	clear:both; 
                  	}
                  #tnav ul{
                  	margin:0;
                  	padding:0 0 0 4px; 
                  	list-style:none; 
                  	height:18px;
                  	}
                  #tnav li{
                  	display:block; 
                  	float:left;
                  	background:#4a4a4a url(gfx_tGrayS/misc/_bg_nav_lft.gif) no-repeat;
                  	margin-right:2px;
                  	padding-left:1px;
                  	}
                  #tnav li div{
                  	display:block;
                  	float:left;
                  	margin:0; 
                  	background:url(gfx_tGrayS/misc/_bg_nav_rht.gif) no-repeat top right;
                  	padding-right:1px; 
                  	}
                  #tnav li a{
                  	display:block;
                  	float:left;
                  	font:10px verdana; 
                  	font-weight:bold;
                  	color:#aaaaaa; 
                  	white-space:nowrap;
                  	padding:3px 6px;
                  	margin:0;
                  	text-decoration:none; 
                  	}
                  #tnav li a:hover{
                  	color:#adadad; 
                  	text-decoration:underline;
                  	}
                  the nav bar , header or where you wish the links :
                  Code:
                  	<div id="tnav" >
                  		<ul>
                  	<if condition="$show['member']">
                  <li class=""><div><a href="GFXStore/"><b>GFXStore</b></a></div></li>
                  	</if>
                  <li class=""><div><a href="$vboptions[homeurl]"><b>Home page</b></a></div></li>
                  <li class=""><div><a href="$vboptions[forumhome].php$session[sessionurl_q]"><b>Forum</b></a></div></li>
                  		<ul>
                  for each link .
                  <li class="" <div , link , </li </div
                  use the <div id="? - for the id name for drop menus .

                  images - re color to your preferance , the place the lines are is important for it to work .
                  <li class="" <div , link , </li </div

                  ( may do the image change hover now that am having more time )
                  Attached Files
                  .. . / GFXstyles certain amount of common sense is necessary to survive in this world !
                  insanity leaves you no restrictions

                  Comment

                  Loading...
                  Working...
                  X