/ کادر برترین ها در چهار تب ( تاپیکهای کارآمد پیشرفته )
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
صفحه 7 از 7 نخستنخست ... 567
نمایش نتایج: از 61 به 70 از 70

مقاله: کادر برترین ها در چهار تب ( تاپیکهای کارآمد پیشرفته )

    1. کادر برترین ها در چهار تب ( تاپیکهای کارآمد پیشرفته )

      کادر برترین ها در چهار تب ( تاپیکهای کارآمد پیشرفته )

      درود
      براتون تاپیکهای کارآمد رو به صورت چند قسمتی آماده کردم که میتونید در هر قسمت عنوانی قرار بدید و با کلیک بر روی اون کاربر بتونه برترین های اون عنوان رو ببینه .
      اینجوری کسی متوجه نمیشه بهتره دموی این داستان رو مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی ببینید :

      برای مشاهده دمو آنلاین کلیک کنید

      خب قبل از هرچیز بگم که این طرح فقط با استفاده از CSS و HTML ایجاد شده و از کوئری درش استفاده نشده و استفاده نکردن از کوئری کمی روی سرعت لود تاثیر داره .
      سعی شده کاملا استفاده ازش ساده بشه تا همه بتونن استفاده کنن و کسی سردرگم نشه .

      برای اضافه کردنش در جست و جوی قالب ها FORUMHOME رو جست و جو کنید و تابع زیر رو پیدا کنید :

      کد:
      {vb:raw navbar}
      حالا در زیر تابع کد های زیر رو اضافه کنید و عنوان ها و لینک ها هم با توجه به نیاز خودتون ویرایش کنید :

      کد:
             <link rel="stylesheet" type="text/css" href="http://www.wikivb.ir/helpfiles/textslider.css" />
      <!-- HTML/CSS Bests == By WikiVB.IR -->
          <section class="wikivbtops">
                      <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
                      <label for="tab-1" class="tab-label-1">تاپيکهاي مهم</label>
              
                      <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
                      <label for="tab-2" class="tab-label-2">پرسشهاي متداول</label>
              
                      <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />
                      <label for="tab-3" class="tab-label-3">آخرين خبر ها</label>
                  
                      <input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" />
                      <label for="tab-4" class="tab-label-4">برترين استايل ها</label>
                  
                      <div class="clear-shadow"></div>
                      
                      <div class="content">
                          <div class="content-1">
      <table width="100%" border="0">
      <tr>
      <td width="35%"><a href="#" ><span style="float: right;">يک تاپيک مهم</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک تاپيک مهم</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک تاپيک مهم</span></a></td>
      </tr>
      </table>
      <table width="100%" border="0">
      <tr>
      <td width="35%"><a href="#" ><span style="float: right;">يک تاپيک مهم</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک تاپيک مهم</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک تاپيک مهم</span></a></td>
      </tr>
      </table>
      <table width="100%" border="0">
      <tr>
      <td width="35%"><a href="#" ><span style="float: right;">يک تاپيک مهم</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک تاپيک مهم</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک تاپيک مهم</span></a></td>
      </tr>
      </table>
                          </div>
                          <div class="content-2">
      <table width="100%" border="0">
      <tr>
      <td width="35%"><a href="#" ><span style="float: right;">يک پرسش متداول</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک پرسش متداول</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک پرسش متداول</span></a></td>
      </tr>
      </table>
      <table width="100%" border="0">
      <tr>
      <td width="35%"><a href="#" ><span style="float: right;">يک پرسش متداول</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک پرسش متداول</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک پرسش متداول</span></a></td>
      </tr>
      </table>
      <table width="100%" border="0">
      <tr>
      <td width="35%"><a href="#" ><span style="float: right;">يک پرسش متداول</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک پرسش متداول</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک پرسش متداول</span></a></td>
      </tr>
      </table>
                          </div>
                          <div class="content-3">
      <table width="100%" border="0">
      <tr>
      <td width="35%"><a href="#" ><span style="float: right;">يک خبر جديد</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک خبر جديد</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک خبر جديد</span></a></td>
      </tr>
      </table>
      <table width="100%" border="0">
      <tr>
      <td width="35%"><a href="#" ><span style="float: right;">يک خبر جديد</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک خبر جديد</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک خبر جديد</span></a></td>
      </tr>
      </table>
      <table width="100%" border="0">
      <tr>
      <td width="35%"><a href="#" ><span style="float: right;">يک خبر جديد</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک خبر جديد</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک خبر جديد</span></a></td>
      </tr>
      </table>
                          </div>
                          <div class="content-4">
      <table width="100%" border="0">
      <tr>
      <td width="35%"><a href="#" ><span style="float: right;">يک استايل برتر</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک استايل برتر</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک استايل برتر</span></a></td>
      </tr>
      </table>
      <table width="100%" border="0">
      <tr>
      <td width="35%"><a href="#" ><span style="float: right;">يک استايل برتر</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک استايل برتر</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک استايل برتر</span></a></td>
      </tr>
      </table>
      <table width="100%" border="0">
      <tr>
      <td width="35%"><a href="#" ><span style="float: right;">يک استايل برتر</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک استايل برتر</span></a></td>
      <td width="35%"><a href="#" ><span style="float: right;">يک استايل برتر</span></a></td>
      </tr>
      </table>
                          </div>
                      </div>
                  </section>
      <!-- HTML/CSS Bests == By WikiVB.IR -->
      لطفا کپی نکنید حتی با اندکی تغییر ، خیلی شخصا دیدم که آموشهای اینجا رو دو تا background تغییر میدن و جای دیگه منتشر میکنن ، همینجا هم اعلام کنم در صورت مشاهده مجدد چنین حرکات ناپسندی کاربر خاطی بن دائم میشه ، متاسفانه این حرکات رو از اعضایی میبینیم که بیشتر از اینها ازشون انتظار میرفت !

      پس شد کپی برداری با تغییر و بی تغییر ممنوع و مثل همیشه پیروز باشید
      ویکی وی بی
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

  1. #61
    MyBirds آنلاین نیست.
    MyBirds
    کاربر سايت
    577نوشته193مورد پسند

    تاریخ عضویت
    Apr 2014
    شماره عضویت
    5080
    پسندیده است
    322 پست
    بلاگ
    پست
    میزان امتیاز
    203
    mybirds.ir
    من گذاشتم رفتش زیر آخرین ارسالت چه جوری بیارمش بالای آخرین ارسالات؟


    http://www.mybirds.ir

  2. #62
    POOYA آنلاین نیست.
    POOYA
    مدير بخش
    1,507نوشته2,815مورد پسند

    تاریخ عضویت
    Feb 2013
    شماره عضویت
    600
    پسندیده است
    2,453 پست
    بلاگ
    0 پست
    میزان امتیاز
    2825
    No Set
    درود.
    بالای این کد قرار بدین:
    کد:
    {vb:raw ad_location.vietv2b_topx}

    کاربر زیر پست POOYA را پسندیده است:



  3. #63
    MyBirds آنلاین نیست.
    MyBirds
    کاربر سايت
    577نوشته193مورد پسند

    تاریخ عضویت
    Apr 2014
    شماره عضویت
    5080
    پسندیده است
    322 پست
    بلاگ
    پست
    میزان امتیاز
    203
    mybirds.ir
    نقل قول نوشته اصلی توسط POOYA نمایش پست ها
    درود.
    بالای این کد قرار بدین:
    کد:
    {vb:raw ad_location.vietv2b_topx}
    همچین تابعی رو پیدا نکردممرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  4. #64
    POOYA آنلاین نیست.
    POOYA
    مدير بخش
    1,507نوشته2,815مورد پسند

    تاریخ عضویت
    Feb 2013
    شماره عضویت
    600
    پسندیده است
    2,453 پست
    بلاگ
    0 پست
    میزان امتیاز
    2825
    No Set
    دسترسی ارسال کنید تا براتون درست کنم مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    کاربر زیر پست POOYA را پسندیده است:



  5. #65
    MyBirds آنلاین نیست.
    MyBirds
    کاربر سايت
    577نوشته193مورد پسند

    تاریخ عضویت
    Apr 2014
    شماره عضویت
    5080
    پسندیده است
    322 پست
    بلاگ
    پست
    میزان امتیاز
    203
    mybirds.ir
    پخ شدمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  6. #66
    WikiVB آنلاین نیست.
    WikiVB
    مديريت کل انجمن
    5,839نوشته26,610مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    1
    پسندیده است
    8,003 پست
    بلاگ
    0 پست
    میزان امتیاز
    26487
    wikivb.ir
    یکی از دوستان قصد داشتن تب ها رو تبدیل به 4 تب بکنن نمیتونستن آموزش رو همینجا میزارم که اگر فرد دیگه ای خواست بتونه استفاده کنه
    برای اینکار جای کد های پست اول کد های زیر رو اضافه کنید که 5 تب اضافه بشه :
    کد:
    <style>
    .wikivbtops input.tab-selector-5:checked ~ .content .content-5 {
        z-index: 100;
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        opacity: 1;
    
        -webkit-transition: opacity ease-out 0.2s 0.1s;
        -moz-transition: opacity ease-out 0.2s 0.1s;
        -o-transition: opacity ease-out 0.2s 0.1s;
        -ms-transition: opacity ease-out 0.2s 0.1s;
        transition: opacity ease-out 0.2s 0.1s;
    }
    </style>
    <link rel="stylesheet" type="text/css" href="http://www.wikivb.ir/helpfiles/textslider.css" />
    <!-- HTML/CSS Bests == By WikiVB.IR -->
        <section class="wikivbtops">
                    <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" />
                    <label for="tab-1" class="tab-label-1">تاپيکهاي مهم</label>
            
                    <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" />
                    <label for="tab-2" class="tab-label-2">پرسشهاي متداول</label>
            
                    <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" />
                    <label for="tab-3" class="tab-label-3">آخرين خبر ها</label>
                
                    <input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" />
                    <label for="tab-4" class="tab-label-4">برترين استايل ها</label>
    
                    <input id="tab-5" type="radio" name="radio-set" class="tab-selector-5" />
                    <label for="tab-5" class="tab-label-5">تب پنجم</label>
    
                    <div class="clear-shadow"></div>
                    
                    <div class="content">
                        <div class="content-1">
    <table width="100%" border="0">
    <tr>
    <td width="35%"><a href="#" ><span style="float: right;">يک تاپيک مهم</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک تاپيک مهم</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک تاپيک مهم</span></a></td>
    </tr>
    </table>
    <table width="100%" border="0">
    <tr>
    <td width="35%"><a href="#" ><span style="float: right;">يک تاپيک مهم</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک تاپيک مهم</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک تاپيک مهم</span></a></td>
    </tr>
    </table>
    <table width="100%" border="0">
    <tr>
    <td width="35%"><a href="#" ><span style="float: right;">يک تاپيک مهم</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک تاپيک مهم</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک تاپيک مهم</span></a></td>
    </tr>
    </table>
                        </div>
                        <div class="content-2">
    <table width="100%" border="0">
    <tr>
    <td width="35%"><a href="#" ><span style="float: right;">يک پرسش متداول</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک پرسش متداول</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک پرسش متداول</span></a></td>
    </tr>
    </table>
    <table width="100%" border="0">
    <tr>
    <td width="35%"><a href="#" ><span style="float: right;">يک پرسش متداول</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک پرسش متداول</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک پرسش متداول</span></a></td>
    </tr>
    </table>
    <table width="100%" border="0">
    <tr>
    <td width="35%"><a href="#" ><span style="float: right;">يک پرسش متداول</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک پرسش متداول</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک پرسش متداول</span></a></td>
    </tr>
    </table>
                        </div>
                        <div class="content-3">
    <table width="100%" border="0">
    <tr>
    <td width="35%"><a href="#" ><span style="float: right;">يک خبر جديد</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک خبر جديد</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک خبر جديد</span></a></td>
    </tr>
    </table>
    <table width="100%" border="0">
    <tr>
    <td width="35%"><a href="#" ><span style="float: right;">يک خبر جديد</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک خبر جديد</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک خبر جديد</span></a></td>
    </tr>
    </table>
    <table width="100%" border="0">
    <tr>
    <td width="35%"><a href="#" ><span style="float: right;">يک خبر جديد</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک خبر جديد</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک خبر جديد</span></a></td>
    </tr>
    </table>
                        </div>
                        <div class="content-4">
    <table width="100%" border="0">
    <tr>
    <td width="35%"><a href="#" ><span style="float: right;">يک استايل برتر</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک استايل برتر</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک استايل برتر</span></a></td>
    </tr>
    </table>
    <table width="100%" border="0">
    <tr>
    <td width="35%"><a href="#" ><span style="float: right;">يک استايل برتر</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک استايل برتر</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک استايل برتر</span></a></td>
    </tr>
    </table>
    <table width="100%" border="0">
    <tr>
    <td width="35%"><a href="#" ><span style="float: right;">يک استايل برتر</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک استايل برتر</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">يک استايل برتر</span></a></td>
    </tr>
    </table>
                        </div>
                        <div class="content-5">
    <table width="100%" border="0">
    <tr>
    <td width="35%"><a href="#" ><span style="float: right;">یک عنوان برای تب پنجم</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">یک عنوان برای تب پنجم</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">یک عنوان برای تب پنجم</span></a></td>
    </tr>
    </table>
    <table width="100%" border="0">
    <tr>
    <td width="35%"><a href="#" ><span style="float: right;">یک عنوان برای تب پنجم</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">یک عنوان برای تب پنجم</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">یک عنوان برای تب پنجم</span></a></td>
    </tr>
    </table>
    <table width="100%" border="0">
    <tr>
    <td width="35%"><a href="#" ><span style="float: right;">یک عنوان برای تب پنجم</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">یک عنوان برای تب پنجم</span></a></td>
    <td width="35%"><a href="#" ><span style="float: right;">یک عنوان برای تب پنجم</span></a></td>
    </tr>
    </table>
                        </div>
                    </div>
                </section>
    <!-- HTML/CSS Bests == By WikiVB.IR -->
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    9 نفر از اعضا پست WikiVB را پسندیده اند


    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  7. #67
    M-Mohammadi آنلاین نیست.
    M-Mohammadi
    کاربر سايت
    383نوشته216مورد پسند

    تاریخ عضویت
    Oct 2013
    شماره عضویت
    3286
    پسندیده است
    1,510 پست
    بلاگ
    پست
    میزان امتیاز
    226
    iroch.ir
    من گذاشتم اما تب پنجم کار نمیکنه
    عین همین کد ها رو کپی کردم
    نگاه کنید: iroch.ir/forum

  8. #68
    Apex آنلاین نیست.
    Apex 1,246نوشته1,734مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    199
    پسندیده است
    3,180 پست
    بلاگ
    0 پست
    میزان امتیاز
    1744
    www.gorbe-sag.ir
    داخل کد ها دست بردید !؟؟؟
    تب پنجم که کلیک میشه، به تب سوم میره !!
    ویرایش توسط Apex : 07-06-2014 در ساعت 07:17 PM

  9. #69
    WikiVB آنلاین نیست.
    WikiVB
    مديريت کل انجمن
    5,839نوشته26,610مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    1
    پسندیده است
    8,003 پست
    بلاگ
    0 پست
    میزان امتیاز
    26487
    wikivb.ir
    دوست عزیز داخل پیغام شخصی هم چندین بار عرض کردم مشکلی نداره تب های شما اینم محتوایی که داخل تب پنجم گذاشتید به عنوان اثبات :

    بهزاد گرجي پور
    علي بصيرت
    مهرداد محله
    حسين مقدس
    رضا کريمي
    حسين احمدزاده
    پيمان ميرقادري
    مهدي سليمان زاده
    به زودی
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  10. #70
    M-Mohammadi آنلاین نیست.
    M-Mohammadi
    کاربر سايت
    383نوشته216مورد پسند

    تاریخ عضویت
    Oct 2013
    شماره عضویت
    3286
    پسندیده است
    1,510 پست
    بلاگ
    پست
    میزان امتیاز
    226
    iroch.ir
    نقل قول نوشته اصلی توسط Apex نمایش پست ها
    داخل کد ها دست بردید !؟؟؟
    تب پنجم که کلیک میشه، به تب سوم میره !!

    نه من دست نبردم
    بله میره سوم
    اگر یه بار دیگه کلیک کنید میره چهارم
    و...

    - - - Updated - - -

    کد هاش رو دوستم درست کرد
    درست شد
    ممنون!

    - - - Updated - - -

    نقل قول نوشته اصلی توسط WikiVB نمایش پست ها
    دوست عزیز داخل پیغام شخصی هم چندین بار عرض کردم مشکلی نداره تب های شما اینم محتوایی که داخل تب پنجم گذاشتید به عنوان اثبات :

    بهزاد گرجي پور
    علي بصيرت
    مهرداد محله
    حسين مقدس
    رضا کريمي
    حسين احمدزاده
    پيمان ميرقادري
    مهدي سليمان زاده
    به زودی
    اون موقع که شما گفته بودید مشکل داشت. همین چند مین پیش هم مشکل بود میبینید که اقای apex هم دیدن.
    اقای mr.aa همین الان برام درست کردند.

صفحه 7 از 7 نخستنخست ... 567

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی