ایجاد یک تب css به این شکل

[pary_daryayi]

سلام دوستان .

من دنبال یک تب css میگردم به شکل این سایت : (http://www.asag.ir/Default.aspx)

تب های css ساده هستند . ولی جی کوئری بهتره . امکانش هست با css شبیه این سایت درست کرد ؟

اگر لینکی معرفی کنید ممنون میشم .

[dousti_design]

تب جی کوئری (http://jqueryui.com/tabs/)

[***BiDaK***]

یه نمونه تب css (http://css-tricks.com/functional-css-tabs-revisited/).

[pary_daryayi]

آقای bidak این لینکی که دادید رو استفاده کردم . شبیه اون سایت نیست ولی مرسی.

فقط تو ie چکار کنم درست اجرا بشه ؟ تو ie9 اصلا تب ها کار نمیکنه . ie7 هم که بصورت radio نشون میده . اگه دوستان راهنمایی کنند ممنون میشم .

---------------------

آقای design به دلایلی ترجیحا css میخوام که در همه ی مرورگر ها هم ست باشه . ممنون .

[***BiDaK***]

آقای bidak این لینکی که دادید رو استفاده کردم . شبیه اون سایت نیست ولی مرسی.

فقط تو ie چکار کنم درست اجرا بشه ؟ تو ie9 اصلا تب ها کار نمیکنه . ie7 هم که بصورت radio نشون میده . اگه دوستان راهنمایی کنند ممنون میشم .

خوب وقتی با css اش کار کنی شبیه اون میشه.مثلا فلوت .tab رو کن right.
توو ie9 درست کار میکنه. کانتنته هر کدومم تغییر بدی عملا مثله همون سایتی که معرفی کردی میشه.
بعدم اگه اینو واسه کار راه انداختن میخوای و اگه asp.net کار میکنی از مالتی ویو استفاده کن.

[***BiDaK***]

<p>
<a href="#item1">item 1</a>
<a href="#item2">item 2</a>
<a href="#item3">item 3</a>
<a href="#default">clear</a>
<div class="items">
<p id="item1">item 1</p>
<p id="item2">item 2</p>
<p id="item3">item 3</p>
<p id="default"></p>
</div>
</p>
سی اس اس:
div.items p {display: none}
div.items p:target {display: block}

[pary_daryayi]

کدهاش ولی این نبود .ممنونم . تست کردید . دیگه تو ie مشکل نداره .
یه نمونه با جاوااسکریپت و css پیدا کردم که تو ie هم ست هستش .

اینجا (http://www.usedcar.co.uk/testtabs.html)

این خیلی خوبه . فقط نمیدونم چرا با اینکه دقیقا کدها رو کپی میکنم و فایل js رو هم درست کپی و فراخوانی میکنم اما ie باز مشکل داره . در صورتی که لینکی که دادم تو ie مشکل نداره . یعنی من درست استفاده نکردم ؟
خیلی امتحان کردم

[***BiDaK***]

کدهاش ولی این نبود .ممنونم . تست کردید . دیگه تو ie مشکل نداره .
یه نمونه با جاوااسکریپت و css پیدا کردم که تو ie هم ست هستش .

اینجا (http://www.usedcar.co.uk/testtabs.html)

این خیلی خوبه . فقط نمیدونم چرا با اینکه دقیقا کدها رو کپی میکنم و فایل js رو هم درست کپی و فراخوانی میکنم اما ie باز مشکل داره . در صورتی که لینکی که دادم تو ie مشکل نداره . یعنی من درست استفاده نکردم ؟
خیلی امتحان کردم
:متفکر::متفکر::متفکر::متفکر:
اون سایتی که واسه نمونه گذاشته بودی با جی کوئریه.پست اول گفتید css میخواید.
وقتی کلیتو کد اجرا کنه بقیه کاراش دیگه چیزی نیست.مثلا کلیت کار اینجا این بود که اگه قراره با css باشه یه سری کد باشه که تبو درست کنه یعنی بسترش فراهم بشه.
حالا که بستر فراهمه دیگه قالب و شکل دهی به عهده ی خودتونه.یا اینکه چیزایی که داخل این تب قرار میگیرن حالا چه میخواد داینامیک باشن چه میخواد استاتیک باشن بازم به عهده ی خودتونه.
الان این نمونه ای که گذاشتین چه فرقی با تب css کرد؟:لبخند:
کداتونو بزارید تا ببینیم.

[pary_daryayi]

این که چرا اول گفتم css پس جی کوئری دارم استفاده میکنم داستانش زیاد ه ....:لبخندساده:

بگذریم .

ممنون که پیگیری میکنید .

[***BiDaK***]

درست کار میکنه.یه آکولاد توو css اضافیه اونم پاک کنید.تو ie9 درست کار میکنه.شما همون پروژه ای که روش کار میکنید و اینو کپی کردید و بزارید.
و اگر همین پروژه ای که الان گذاشتید tab2.rar درست کار نمیکنه روو ie9 یک جی کوئری ساده بنویسید توو پروژتون که مثلا وقتی صفحه باز شد فقط آلرت بده که مطمئن بشیم جی کوئری توو مرورگرتون کار کار میکنه.
<script language="javascript">
$(document).ready(function () {
alert(1);
});
</script>

[pary_daryayi]

خیلی ممنونم. الان روی لب تاپم با IE7 اجرا شد ولی سیستمم که IE9 داشت اجرا نشد .عجیبه . فعلا روی لوکال دارم کار میکنم , هنوز روی هاست نزاشتم . تشکر