WordPress.org

1. mplais23
   Member
   Posted 1 year ago #

   I want to create tabs for my website. What is the easiest way to do this? For example, I might want the following tabs listed horizontally across the top of my page...HOME ABOUT ME GRADE SCALE SUGGESTIONS

   Those are just 4 random ideas for tabs, but just trying to make it clear what I want to do. Thanks for you help!

2. kreativjustin
   Member
   Posted 1 year ago #

   Are you wanting them to switch content without refresh? If so, there are a lot of ways to do this, but can be very tedious.

   If your wanting to do an easier approach that still gives a nice tab effect, but does reload the page; then this will do the trick.

   Create an unordered list ul and float all of the
   li's to the left, so that way they will not be in vertical mode. Then you can set the background to blank for non-used links, then use a nice little background image for the links that are being used.

   If the link is being used, then wordpress has a built in CSS option that it will automatically select this CSS option by default for the LI link.

   .current_page_item {
   /* Stuff Here */
   }

   If you set your div or ul to say "#nav" as example, then the css would be.

   #nav li .current_page_item {
   /* Stuff Here */
   }

   I hope this helps.

3. websfhd
   Member
   Posted 1 year ago #

   Thanks kreativjustin for sharing this nice information, its really helpful.

Topic Closed

This topic has been closed to new replies.