pokombinowalem troche, a dokladnie sciagnalem ze strony ktora mi podales, ale.... nie dziala
wpisalem cos takiego, ale nadal nie dziala, nie ma zdnej reakcji... tylko pokazuja sie obrazki ;/
<style type="text/css">
.tab {
cursor: pointer;
float: left;
clear: none;
width: 126px;
height: 24px;
line-height: 24px;
color: White;
text-align: center;
margin: 0px;
background-image: url(http://mintajax.pl/templates/mintajax/guide/img/tab.gif);
}
.hover, .active {
background-image: url(http://mintajax.pl/templates/mintajax/guide/img/tab_hover.gif);
}
.tabsContentOuter {
width: 450px;
height: 200px;
border: 1px solid #68660B;
float: left;
clear: none;
}
#tabsContent {
padding: 0px 0px;
}
</style>
<script type="text/javascript" src="http://mintajax.pl/templates/mintajax/js/mintajax.js"></script>
<script type="text/javascript">
function OnLoad() {
var img = new Image();
img.src = "http://mintajax.pl/templates/mintajax/guide/img/tab_hover.gif";
var tabs = mint.gui.CreateTabWidget("tabsContent");
tabs.fading = true;
tabs.activeClass = "active";
tabs.hoverClass = "hover";
tabs.AddItem("tab1", "tab1", "text", "http://mintajax.pl/templates/mintajax/guide/tab1.html");
tabs.AddItem("tab2", "tab2", "text", "http://mintajax.pl/templates/mintajax/guide/tab2.html");
tabs.AddItem("tab3", "tab3", "text", "http://mintajax.pl/templates/mintajax/guide/tab3.html");
mint.fx.Round("tabsContentOuter", "all", "small", true);
}
</script>
<body onload="OnLoad()">
<div id="tab1" class="tab">Tab #1</div>
<div id="tab2" class="tab">Tab #2</div>
<div id="tab3" class="tab">Tab #3</div>
<div id="tabsContentOuter" class="tabsContentOuter">
<div id="tabsContent"></div>
</div>
- jednak ten kod jest do du** bo jak to wpisalem to inne skrypty nie dzialaja ;/
moze znacie jakas inna strone z takimi zakladkami? bo na tej to ja nie wiem wogole od czego zaczac i sie wszystko pieprzy
