Log in

View Full Version : Tab menu buttons



cragga_lfc
05-19-2008, 11:18 AM
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

cragga_lfc
05-19-2008, 11:33 AM
after further research and more routing through the site i came across this page

http://www.dynamicdrive.com/style/csslibrary/item/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

cragga_lfc
05-19-2008, 01:43 PM
hi

i found reading peoples thread on this page


http://www.dynamicdrive.com/style/csslibrary/item/dd-color-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

Drexxus
05-19-2008, 08:38 PM
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.


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

cragga_lfc
05-19-2008, 09:11 PM
cheers mate for this

i just cant get the toolbar to work :(

i haven't got a clue where to begin