ساخت تب سربرگ با استفاده از css

[no.love]

سلام به همه دوستان.
چند وقتي هست يه فرم طراحي كردم با كمك اين سايت
ولي حس ميكنم تب انتخاب شده قابل تشخيص نيست.
درخواست كمك دارم از دوستان كه راهنماييم كنن.
دوست دارم تب انتخاب شدم مثله زير باشه:

سايت آموزش ساخت اين نوع تبها هم اينجاست كه من چيزي ازش سر در نياوردم(البته فكر ميكنم كد مشكل داشته باشه)

 

[no.love]

دوستان حاظر در انجمن اگه سوالمو جايه اشتباهي مطرح كردم بگن كه سري تر جوابمو بگيرم.
كارم خيلي فوريه.

 

[no.love]

دوستان كسي قادر به جواب نيست ؟

 

[echessdesign]

درود بر شما
لطفا تا دریافت پاسخ، پست نزنید!
لطفا کد های خودتون رو جهت راهنمایی در انجمن قرار دهید.
موفق باشید

 

[no.love]

چه جوري ميتونم idName ، تگ li زير رو بزارم تو اسكريپتم ؟
[LTR]

<li id="current"><a href="#" id="t1" onclick="tabselect(id);">تست1</a></li>
<li><a href="#" id="t2" onclick="tabselect(id);">تست2</a></li>
<li><a href="#" id="t3" onclick="tabselect(id);">تست3</a></li>

<li><a href="#" id="t4" onclick="tabselect(id);">تست4</a></li>

</ul>​

[/LTR]

اينم اسكريپتم​

[LTR]

<script>​

var activeId = "t1";​

function tabselect(id)

{

document.getElementById(activeId).className="";

document.getElementById(id).className="active";

document.getElementById(id).blur();​

​

document.getElementById(activeId + "_content").style.display="none";​

document.getElementById(id + "_content").style.display="";​

activeId = id;

}

</script>​

[/LTR]

تو اين اسكريپت classname صدا زده شده ولي من ميخوام نام آيدي تگ li صدا زده بشه.​