Results 1 to 5 of 5

Thread: Tab menu buttons

  1. #1
    Join Date
    May 2008
    Posts
    15
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default Tab menu buttons

    hi there i am extremely new to this. i have developed a website in university and kept it simple but i now have the task of creating my brothers website for his personal business;

    http://www.greenwaysinc.co.uk

    i would like tp put tabs across the top of the page - i have found this link on the site

    http://www.dynamicdrive.com/dynamicindex1/ddtabmenu.htm

    but due to me being a newbie

    i was wondering if anyone out there had a set of instructions they could give me in order to get the green tabs up and running as they look great - (example 4)

    if anyone could please help me out i would be extremely greatful

    as you can see from my site - i actually have tried something and played around with code in order to get something working.

    so i am not exactly the newbie type to ask for someone to do it for me
    i just would like help in order of what to do with the files i have downloaded

    ddtabdemos.htm (demo page showing all 5 Tab Menu instances)
    ddtabmenufiles/ddtabmenu.js (core .js file for DD Tab Menu)
    ddtabmenufiles/ddtabmenu.css (Sample CSS for 1st Tab Menu style)

    please can someone offer me some help with regards to using the tabs

    also i do not want to use drop downs for them i just want stand alone buttons

    if anyone can help me i would really really really be thankful

    cheers

  2. #2
    Join Date
    May 2008
    Posts
    15
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    after further research and more routing through the site i came across this page

    http://www.dynamicdrive.com/style/cs...dd-color-tabs/

    but the images are not appearing but also was wondering if anyone could direct me with regards to the coding parts

    the css part i already have a tscnavbar.css file - should i overwrite it with that code?

    then for the html should i over the html coding i have already done for the buttons in the body of the code for the home page

    any help would be much appreciated

  3. #3
    Join Date
    May 2008
    Posts
    15
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    hi

    i found reading peoples thread on this page


    http://www.dynamicdrive.com/style/cs...olor-tabs/P60/

    extremely interesting;

    but i would like this to work on my site

    but i read these questions;
    Great CSS navigation menu code!

    "Question: How would you make the id="current" work for any page that the web site visitor is currently viewing in their browser? Thanks!!! "

    "I was going to use this till i put in the code and it constantly says i'm on one tab. If you look at the demo you will notice the revised tab is a different color. it stays like that. I cant get it to change and the hover effect isn't applied to it. stil better than I can do thanks for the code!"

    does anyone know how to fix this error as i will be tryng this out tonight if anyone can give me some instructions into how to use it on the website.

    cheers

  4. #4
    Join Date
    May 2008
    Location
    Quebec, Canada
    Posts
    3
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    To fix the highlight/hover effect on the "REVISED" tab, add this script (or edit your script to match this one if it's already there) right under the HTML menu tab code on your website.

    Code:
    <script type="text/javascript">
    //SYNTAX: tabdropdown.init("menu_id", [integer OR "auto"])
    tabdropdown.init("colortab")
    </script>

  5. #5
    Join Date
    May 2008
    Posts
    15
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    cheers mate for this

    i just cant get the toolbar to work

    i haven't got a clue where to begin

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
  •