تب سی اس اس بسیار زیبا برای وب _ تب جدید

برای دیدن دمو(پیشنمایش) اینجا کلیک کنید

این کد را در هد قالب قرار بدهید===head

برای دیدن کد کلیک کنید

بعد کد html تب رو هر جای قالب که میخواید تب به نمایش در بیاد قرار بدید:

برای دیدن کد کلیک کنید

اگه لینک ها کار نکرد کد هارو از زیر میتونید بگیرید و استفاده کنید

کد اولی در هد قالب :

<link rel="stylesheet" media="screen" href="http://up.ir-temp.ir/upload/bmoc_tab1.css" /> <script src="http://up.ir-temp.ir/upload/580_tab2.js"></script> <script src="http://up.ir-temp.ir/upload/nmn_tab3.js"></script>

کد دومی هر جایی که میخواهید تب قرار بگیرد این کد رو قرار بدین:

<ul id="tabs"> <li><a href="#" name="tab1">بیست ابزار</a> </li> <li><a href="#" name="tab2">تب دوم</a> </li> <li> <a href="#" name="tab3">تب سوم</a></li> <li> <a href="#" name="tab4">تب چهارم</a> </li> </ul> <div id="content"> <div id="tab1"> <h2>معرفی بیست ابزار</h2> <p>بیست ابزار متفاوت ترین سایت ارائه ابزار وب و <a href="http://20-abzar.rozblog.com/cat/13/گرافیک/" title="گرافیک" target="_blank">گرافیک</a>. آیا می دانستید در بیست ابزار سفارشات طراحی قالب و <a href="http://20-abzar.rozblog.com/cat/13/گرافیک/" title="گرافیک" target="_blank">گرافیک</a> پذیرفته میشود. <br> برای طراحی قالب بصورت اختصاصی هر چه زودتر با ما تماس بگیرید</p> </div> <div id="tab2"> <h2>عنوان تب دوم</h2> <p>بیست ابزار متفاوت ترین سایت ارائه ابزار وب و <a href="http://20-abzar.rozblog.com/cat/13/گرافیک/" title="گرافیک" target="_blank">گرافیک</a>. آیا می دانستید در بیست ابزار سفارشات طراحی قالب و <a href="http://20-abzar.rozblog.com/cat/13/گرافیک/" title="گرافیک" target="_blank">گرافیک</a> پذیرفته میشود. <br> برای طراحی قالب بصورت اختصاصی هر چه زودتر با ما تماس بگیرید</p> </div> <div id="tab3"> <h2>عنوان تب سوم</h2> <p>بیست ابزار متفاوت ترین سایت ارائه ابزار وب و <a href="http://20-abzar.rozblog.com/cat/13/گرافیک/" title="گرافیک" target="_blank">گرافیک</a>. آیا می دانستید در بیست ابزار سفارشات طراحی قالب و <a href="http://20-abzar.rozblog.com/cat/13/گرافیک/" title="گرافیک" target="_blank">گرافیک</a> پذیرفته میشود. <br> برای طراحی قالب بصورت اختصاصی هر چه زودتر با ما تماس بگیرید</p> </div> <div id="tab4"> <h2>عنوان تب چهارم</h2> <p>بیست ابزار متفاوت ترین سایت ارائه ابزار وب و <a href="http://20-abzar.rozblog.com/cat/13/گرافیک/" title="گرافیک" target="_blank">گرافیک</a>. آیا می دانستید در بیست ابزار سفارشات طراحی قالب و <a href="http://20-abzar.rozblog.com/cat/13/گرافیک/" title="گرافیک" target="_blank">گرافیک</a> پذیرفته میشود. <br> برای طراحی قالب بصورت اختصاصی هر چه زودتر با ما تماس بگیرید</p> </div> </div>

منبع: بیست ابزار

منبع گرفته شده:ایران تمپ