انتبه للمتغيرات والـ id
اضف اولا
كود:
<ul id="maintab2" class="shadetabs">
<li class="selected"><a href="#default" rel="ajaxcontentarea2">المقدمة</a></li>
<li><a href="external.htm" rel="ajaxcontentarea2">خدمة مرجعية</a></li>
<li><a href="external2.htm" rel="ajaxcontentarea2">تصوير ريالة</a></li>
<li><a href="external3.htm" rel="ajaxcontentarea2">طلب رسالة</a></li>
<li><a href="external4.htm" rel="ajaxcontentarea2">طلب مقالة</a></li>
</ul>
لاحظ
maintab2
و
ajaxcontentarea2
ثم اضف
كود:
<div id="ajaxcontentarea2" class="contentstyle">
هنا مجموعة من النماذج المهمة التي تسهل عليك عملية الطلب من المكتبة المركزية<br>
نسعى دوما لإرضائكم</div>
لاحظ
ajaxcontentarea2
في الأخير
كود:
<script type="text/javascript">
//Start Ajax tabs script for UL with id="maintab" Separate multiple ids each with a comma.
startajaxtabs("maintab")
startajaxtabs("maintab2")
</script>
اي باضافة
كود:
startajaxtabs("maintab2")
لاحظ
maintab2
الآن في ملف الـ css
اضف التالي
كود:
UL#maintab2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; WHITE-SPACE: nowrap; LIST-STYLE-TYPE: none
}
UL#maintab2 LI {
BORDER-RIGHT: #c0c0c0 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #000 0px solid; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 86%; FLOAT: right; PADDING-BOTTOM: 4px; MARGIN: 0px; PADDING-TOP: 5px; BORDER-BOTTOM: #c0c0c0 0px solid; FONT-FAMILY: tahoma, arial, sans-serif; BACKGROUND-COLOR: #efefef
}
#maintab2 A {
BORDER-RIGHT: #d1e3db 1px dashed; PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 4px; MARGIN: 0px; BORDER-LEFT: #d1e3db 1px dashed; COLOR: #000; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#maintab2 A:link {
BORDER-RIGHT: #d1e3db 1px dashed; PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 4px; MARGIN: 0px; BORDER-LEFT: #d1e3db 1px dashed; COLOR: #000; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#maintab2 A:hover {
COLOR: #000; BACKGROUND-COLOR: #ddd
}
لاحظ ايضا
maintab2
وهكذا لأي اضافات أخرى
أتمنى اني افدتك
السلام عليكم