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

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

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

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

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

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


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


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

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

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


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

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

      کد:
      <link rel="stylesheet" type="text/css" href="http://www.jazireeh.com/helpfile/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">
      <tbody><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>
      </tbody></table>
      <table width="100%" border="0">
      <tbody><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>
      </tbody></table>
      <table width="100%" border="0">
      <tbody><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>
      </tbody></table>
                          </div>
                          <div class="content-2">
      <table width="100%" border="0">
      <tbody><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>
      </tbody></table>
      <table width="100%" border="0">
      <tbody><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>
      </tbody></table>
      <table width="100%" border="0">
      <tbody><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>
      </tbody></table>
                          </div>
                          <div class="content-3">
      <table width="100%" border="0">
      <tbody><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>
      </tbody></table>
      <table width="100%" border="0">
      <tbody><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>
      </tbody></table>
      <table width="100%" border="0">
      <tbody><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>
      </tbody></table>
                          </div>
                          <div class="content-4">
      <table width="100%" border="0">
      <tbody><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>
      </tbody></table>
      <table width="100%" border="0">
      <tbody><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>
      </tbody></table>
      <table width="100%" border="0">
      <tbody><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>
      </tbody></table>
                          </div>
                      </div>
      <div class="bestuser" rel="tooltip" title="انجمن تفريح و سرگرمي جزيره"> 
      <div class="bestuseravatar"><img src="http://www.jazireeh.com/avatars/kami-224.gif?dateline=1369079764" alt="انجمن تفريح و سرگرمي جزيره" height="104px" width="80px" title="انجمن تفريح و سرگرمي جزيره"></div> 
      <div class="bestusertext"> <center><a href="http://www.jazireeh.com/member224.html"><span style="font-family:Arial;font-weight: bold;padding-top: 4px;padding-bottom: 4px;color: #800080">Kami</span></a></center> <br> <center><span>قبيله آرياميان</span></center> <br> <center><a href="http://www.jazireeh.com/" target="blank"><span>وبلاگ کاربر</span></a></center> 
      </div> </div>
      
      
                  </section>
      <!-- HTML/CSS Bests == By WikiVB.IR -->
      این هم اضافه کنید به انتهای additional.css :

      کد:
      .bestuser {
      border: 1px solid #ccc;
      background: white;
      overflow: hidden;
      height: 142px;
      width: 25%;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      float: left;
      box-shadow: 0 0 8px rgba(0,0,0,0.3);
      -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
      -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3);
      -o-box-shadow: 0 0 8px rgba(0,0,0,0.3);
      -ms-box-shadow: 0 0 8px rgba(0,0,0,0.3);
      border-bottom: 5px solid rgba(0,0,0,0.2);
      margin-left: -322px;
      margin-top: -147px;
      }
      .bestuseravatar {
      height: 104px;
      width: 80px;
      border: 1px solid gray;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      float: left;
      margin-left: 8px;
      margin-top: 9px;
      }
      .bestusertext {
      font: 16px Byekan;
      margin-top: 16px;
      line-height: 14px;
      }
      .bestusertext span {
      font: 16px Byekan;
      background: #e0e0e0 url("http://www.jazireeh.com/images/jazireeh/icone/bestusericon.png") no-repeat right;
      padding: 1px 10px;
      padding-right: 28px;
      border-radius: 5px;
      -moz-border-radius: 5px;
      -webkit-border-radius: 5px;
      -o-border-radius: 5px;
      -ms-border-radius: 5px;
      border-bottom: 3px solid #bfbfbf;
      border-right: 1px solid #bfbfbf;
      border-left: 1px solid #bfbfbf;
      -moz-transition: all 0.3s ease-in;
      -webkit-transition: all 0.3s ease-in;
      -o-transition: all 0.3s ease-in;
      -ms-transition: all 0.3s ease-in;
      }

      موفق باشید!!
      ویرایش توسط Farshad Ghanbari : 06-25-2013 در ساعت 04:47 PM
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

      13 نفر از اعضا پست Farshad Ghanbari را پسندیده اند


  1. #2
    hellriser آنلاین نیست.
    hellriser
    کاربر سايت
    5نوشته0مورد پسند

    تاریخ عضویت
    Mar 2015
    شماره عضویت
    8445
    پسندیده است
    0 پست
    بلاگ
    پست
    میزان امتیاز
    10
    www.wikivb.ir
    عزیزان لینک فایل سی اس اس + عکس ها پاک شده کسی
    کسی هست که کد هاشو داشته باشه ؟؟

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

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

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

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

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

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