CSS Library: Horizontal CSS Menus: Here
Shade Image Tabs Menu
Author: Dynamic Drive
This is an attractive "blue shading" image tab menu. The shade effect is created using two gradient background images, one for the overall tabs, and the other, for the currently "active" tab. Based partially on the Basic Tabs menu, Shade Image Tabs Menu supports three commonly requested features:
- Ability to align the menu tabs "left", "center", or "right" on the page
- Highlight a particular tab so it appears selected/ active,
- Change the width of the tab menu (so the underline beneath it spans a length other than the entire width of the page.
Demo:
The two images (resized for easier download):
![]()
The CSS:
Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.
Comment Pages 5 of 8 pages « First < 3 4 5 6 7 > Last »
I'm asking how can I load content from db like ?id=2.
If I use index.php?id=2 it will enter full index.php in content area, like add it self in it. If I make a submenu.php?id=2, adds just submenu content, but I cant load it to content area.
I want to have mainmenu that loads submenu that loads content.
so first it load mainmenu and all main menu links are like <a href=submenu.php?id=<?=$id ?> rel=submenu ><?=$title?></a>
and submenu will have <a href=content.php?id=<?=$id ?> rel=content><?=$text?></a>
When I click to mainmenu it loads perfect submenu. But when I click submenu it will not load to content div that I add a rel=content but it will just go to localhost/content.php?id=id.
so how can I tell to go to content div.
If I use index.php?id=2 it will enter full index.php in content area, like add it self in it. If I make a submenu.php?id=2, adds just submenu content, but I cant load it to content area.
I want to have mainmenu that loads submenu that loads content.
so first it load mainmenu and all main menu links are like <a href=submenu.php?id=<?=$id ?> rel=submenu ><?=$title?></a>
and submenu will have <a href=content.php?id=<?=$id ?> rel=content><?=$text?></a>
When I click to mainmenu it loads perfect submenu. But when I click submenu it will not load to content div that I add a rel=content but it will just go to localhost/content.php?id=id.
so how can I tell to go to content div.
it doesnt work on IE6..
This is exactly what I've been looking for but does anyone else have the problem where if the tab content script is further down the page so you have to scroll to get to it and you click a tab the page jumps so you can't see the content? Anyone know how to fix it?
Thanks.
Thanks.
If anyone does have the problem I described in my last post, the forum thread below will fix it.
http://www.dynamicdrive.com/forums/showthread.php?t=18084&highlight=ajax+tabs
http://www.dynamicdrive.com/forums/showthread.php?t=18084&highlight=ajax+tabs
This is a great menu! I love it! great job! Take a look!
(Very clean and minimalistic I love)
Yea, im love too, but we have a problem, i have a page "contactus.html", i create a tab "Contact us", my contactus.html page call a code in php for delivery the mensage for me, when i click in submit return a mensage "tnks u email has delivered" but in another page,
How i load this in the same Tab ???
You can see in my page www.ocahost.com.br, in first tab "registro de dominio" have a code(in php) for search free domains, when u type for instance: www.mypdomain.com and click submit, open in another page.
Tkns and sory my english, []īs
Yea, im love too, but we have a problem, i have a page "contactus.html", i create a tab "Contact us", my contactus.html page call a code in php for delivery the mensage for me, when i click in submit return a mensage "tnks u email has delivered" but in another page,
How i load this in the same Tab ???
You can see in my page www.ocahost.com.br, in first tab "registro de dominio" have a code(in php) for search free domains, when u type for instance: www.mypdomain.com and click submit, open in another page.
Tkns and sory my english, []īs
I'm using this AJX tab and it really help me in my task.... It is really great but I have a question. I will navigate to a tab using a link that is found in your AJAX function. My question is how will I edit the JS file so that I can pass a parameter on these link.
Your immediate respones and assistance will be highly appreciated.
Your immediate respones and assistance will be highly appreciated.
To fix the offset try changing
.shadetabs li.selected{
position: relative;
top: 1px;
}
to
.shadetabs li.selected{
position: relative;
top: 0px;
}
It works without the images loaded, havent tested it with yet. Hope it helps.
.shadetabs li.selected{
position: relative;
top: 1px;
}
to
.shadetabs li.selected{
position: relative;
top: 0px;
}
It works without the images loaded, havent tested it with yet. Hope it helps.
yeah it is really good. thanks










I forgot to menition that if you click on my name after Posted by you will see an example of the page. I am everso gratful for any kind of help.