hocam

.idTabs { margin:15px; }
.idTabs ul { background:#222; padding:5px; float:left; }
.idTabs li { list-style:none; /*Try deleting this float*/ float:left; }
.idTabs a { display:block; background:#222; color:snow; padding-top: 0px; padding:0 13px; font:bold 15pt Arial; text-decoration:none; }
.idTabs a.selected { background:#FFF; color:#000; }
.items div { display:none; position:absolute; top:55; left:30; bottom: 455px; padding-top:6px; }
.idTabs ul, .idTabs a { border-radius:94px; -moz-border-radius:4px;}


bu kodları sitenin css dosyasına at , bunlarıda header.php dosyasında head tagının içine at

<script>
// Try uncommenting some of these examples
// Mouseover Tabs
//$(".idTabs").idTabs("!mouseover");
// Url Saving Tabs
//$(".idTabs").idTabs(true,location.hash);
</script>


ve sonra

/*
Template Name: London 2012
*/
get_header();
get_sidebar();
?>






Welcome to idTabs!

You can do anything with idTabs.

Anything at all.

The only limit,






şeklinde şablonunu oluştur.