Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library
 
CSS Library
Submit an original CSS code
CSS Layouts
Online Tools:

Advertise Here

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:

Demo:



The two images (resized for easier download):

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 05/16/2006

Revision History: None

Usage Terms: Click here

Your Comments (72)

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 »

Hi again!

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.
Posted by Peter Berkesand on 04/05, 04:52 AM
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.
Posted by flak on 04/07, 07:05 AM
it doesnt work on IE6..
Posted by adam on 04/22, 10:37 AM
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.
Posted by deadmonkey on 05/02, 12:21 AM
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
Posted by deadmonkey on 05/02, 12:35 AM
This is a great menu! I love it! great job! Take a look!
Posted by Gebaeudereinigung on 05/23, 03:36 PM
(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
Posted by Renato on 05/29, 11:45 AM
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.
Posted by monmagallanes on 05/30, 11:54 PM
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.
Posted by paul on 06/06, 12:01 PM
yeah it is really good. thanks
Posted by petnos on 07/12, 05:42 PM

Comment Pages 5 of 8 pages « First  <  3 4 5 6 7 >  Last »

Name: (Required)

Email: (Required)

(NOT shown on page)

URL:

(Shown on page if entered)

Comments: (Required)

Supported BB codes: [b], [i], [u], [em], [strike], [strong], [pre], [code], and [blockquote].

Remember my personal information
Notify me of follow-up comments?

Submit the word you see below ("previewing" post does not require it):


Copyright 2006-2008 Dynamic Drive Read our Usage Terms before using any of the CSS codes.
Dynamic Drive DHTML and CSS Code Library