تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 3 از 15 نخستنخست 123456789101112131415 آخرینآخرین
نمایش نتایج: از 21 به 30 از 141

مقاله: آموزش قراردادن مشکلات متداول وی بی ایران + اسلایدر jQuery

    1. آموزش قراردادن مشکلات متداول وی بی ایران + اسلایدر jQuery »

      آموزش قراردادن مشکلات متداول وی بی ایران + اسلایدر jQuery

      نگارش: , by (مدیر بازنشسته)
      2013/03/26 03:11 AM
      امتیاز: 

      درود .

      همانطور که در استایل فعلی وی بی ایران مشاهده میکنید مشکلات متداول + اسلایدر سمت راست قرار گرفته است .

      شات :





      آموزش کامل قرار دادن آن :

      به قالب headinclude بروید و آخرش اضافه کنید :

      کد:
      <script type='text/javascript' src='http://cdn.vbiran.ir/images/vbiranv6/jquery.min.js'></script><script type="text/javascript" src="http://cdn.vbiran.ir/images/vbiranv6/organictabs.jquery.js"></script>
      <script type='text/javascript'>
              jQuery(document).ready(function ($) {
          
                  $("#example-one").organicTabs();
                  
                  $("#example-two").organicTabs({
                      "speed": 200
                  });
          
              });
      </script>

      سپس به قالب Additional.css بروید و کد های زیر را اضافه کنید :

      کد:
      .slider {float:right;background: url(http://up.vbiran.ir/uploads/136424965615114_0sprite5.png) no-repeat -1px -47px;width:355px;height:106px;margin-right: 10px;position:relative;
      }
      ul.nav {
      position: absolute;
      bottom: 0px;
      right: 7px;
      width: 335px;
      }
      
      
      
      
      ul.nav li {
      float: left;
      margin-right: 5px;
      background: rgb(196,196,196); /* Old browsers */
      background: -moz-linear-gradient(top,  rgba(196,196,196,1) 0%, rgba(196,196,196,1) 51%, rgba(171,171,171,1) 51%, rgba(171,171,171,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,196,196,1)), color-stop(51%,rgba(196,196,196,1)), color-stop(51%,rgba(171,171,171,1)), color-stop(100%,rgba(171,171,171,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(196,196,196,1) 51%,rgba(171,171,171,1) 51%,rgba(171,171,171,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(196,196,196,1) 51%,rgba(171,171,171,1) 51%,rgba(171,171,171,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  rgba(196,196,196,1) 0%,rgba(196,196,196,1) 51%,rgba(171,171,171,1) 51%,rgba(171,171,171,1) 100%); /* IE10+ */
      background: linear-gradient(to bottom,  rgba(196,196,196,1) 0%,rgba(196,196,196,1) 51%,rgba(171,171,171,1) 51%,rgba(171,171,171,1) 100%); /* W3C */
      ######: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#ababab',GradientType=0 ); /* IE6-9 */
      height: 19px;
      padding: 3px 13px 0px 13px;
      font-family: BYekan;
      color: white;
      font-size: 13px;
      border-radius:5px 5px 0px 0px;
      border-top: 3px solid rgba(228, 228, 228, 0.7);
      }
      
      
      ul.nav li a{
      color:white;
      text-shadow: 1px 1px #858585;
      }
      
      
      .nav-four {
      display:none;
      }
      
      
      .current {
      border-top: 3px solid #EFC70F !important;
      }
      
      
      .col1 {
      float:right;
      width:200px;
      margin-right:10px;
      }
      
      
      .col2 {
      margin:0 auto;
      width:200px;
      }
      
      
      .col3 {
      float:left;
      width:200px;
      }
      
      
      .col1 li, .col2 li, .col3 li {
      list-style: none;
      margin-bottom: 3px;
      }
      
      
      .col1 li:before, .col2 li:before, .col3 li:before {
      list-style: none;
      background: url(http://up.vbiran.ir/uploads/136424965615114_0sprite5.png) no-repeat -137px 7px;
      width: 14px;
      height: 18px;
      content: "";
      margin-top: -4px !important;
      float: right;
      }
      
      
      .col1,.col2,.col3 {
      font-family:BYekan,calibri;
      font-size:14px;
      color:#844d00;
      }
      
      
      .col1 li:hover, .col2 li:hover, .col3 li:hover {
      cursor:help;
      }
      
      
      .faq {
      background: url(http://www.vbiran.ir/images/vbiranv6/sprite4.jpg) repeat-x 0px -615px;border-radius:5px;height:106px;position: relative;
      margin: 0 373px 0px 0;border-right: 1px solid #D6D6D6;
      border-left: 1px solid #D6D6D6;
      margin-left:10px;
      }
      problem {
      background: url(http://up.vbiran.ir/uploads/136424965615114_0sprite5.png) no-repeat -158px 0px;
      width: 193px;
      height: 27px;
      margin-right: 5px;
      padding-top: 10px;
      }
      
      
      .problem {
      background: url(http://up.vbiran.ir/uploads/136424965615114_0sprite5.png) no-repeat -158px 0px;
      width: 193px;
      height: 27px;
      margin-right: 5px;
      padding-top: 10px;
      }
      
      
      .boximgz {
      position: absolute;
      top: 8px;
      height: 91px;
      border-radius: 6px;
      right: 9px;
      width: 87px;
      }


      حالا هر کجای سایتتون که میخواید کد های زیر رو قرار بدید تا نمایش داده بشه ،

      مثلا در قالب FORUMHOME ، زیر Navbar

      کد:
      <div style="margin-top:10px;"></div>
      
      <div class="slider">
      
      
      <div style="background: url(http://up.vbiran.ir/uploads/136424965615114_0sprite5.png) -318px -158px;display:none;width:24px;height:24px;position: relative;z-index: 100;top: 75px;right: 10px;" class="star"></div>
      
      
      <div id="example-one">
       
          <ul class="nav">
              <li class="nav-three last"><a href="#jquerytuts">مقاله برتر</a></li>
              <li class="nav-two"><a href="#core">هک برتر</a></li>
              <li class="nav-one"><a href="#featured" class="current">استایل برتر</a></li>
          </ul>
       
          <div class="list-wrap">
      
      
      
      
      
      
              <ul id="featured">
                  <li>
      <span style="font-size: 12px;font-family: BYekan;color: white;position: absolute;bottom: 12px;right: 14px;z-index:999999;display:none;">4.2</span>
      <img src="http://up.vbiran.ir/uploads/136319927117202_0tr.jpg" alt="VBIran Triangleاستایل" class="boximgz" width="87" height="91"/>
      <div style="position:absolute;top: 10px;
      right: 108px;font-family:BYekan,Calibri;font-size:14px;"> <div style="background: url(http://up.vbiran.ir/uploads/136424965615114_0sprite5.png) no-repeat -143px -158px;
      width: 24px;
      height: 24px;
      display: inline-block;
      margin-bottom: -9px;"></div><a href="http://www.vbiran.ir/thread53681.html">
      VBIran Triangleاستایل
      </a></div>
      
      
      <div style="position:absolute;top: 40px;
      right: 108px;font-family:tahoma;font-size:11px;width:230px">
      چندی پیش ، تاپیک پیش نمایش استایل VBIran Triangle رو ایجاد کرده بودیم و اکنون میتوانید این استایل رو به "رایگان" دانلود کنید و استفاده کنید
      </div>
                </li>
              </ul>
       
               <ul id="core" class="hide">
                  <li>
      <span style="font-size: 12px;font-family: BYekan;color: white;position: absolute;bottom: -5px;right: 14px;z-index:999999;">4.2</span>
      <img src="http://www.vbiran.ir/images/vbiranv6/like.png" style="position: absolute;
      top: -18px;
      height: 91px;
      border-radius: 6px;
      right: 9px;
      width: 87px;" alt="تشکر"  class="boximgz"/>
      
      
      
      
      <div style="position:absolute;top:-14px;right:108px;font-family:BYekan;font-size:14px;"> <div style="background: url(http://up.vbiran.ir/uploads/136424965615114_0sprite5.png) no-repeat -170px -158px;
      width: 24px;
      height: 24px;
      display: inline-block;
      margin-bottom: -9px;"></div> هک تشکر </div>
      
      
      <div style="position:absolute;top:16px;right:108px;font-family:tahoma;font-size:11px;width:230px;">
      بی شک پرطرفدار ترین و برترین هک تاریخ ویبولتین هک تشکر بوده که ..
      </div>
                  </li>
               </ul>
      
      
               <ul id="jquerytuts" class="hide">
      
      
                  <li>
      <span style="font-size: 12px;font-family: BYekan;color: white;position: absolute;bottom: -4px;right: 14px;z-index:999999;">همه</span>
      <img src="http://www.vbiran.ir/images/vbiranv6/4s.png" style="position: absolute;
      top: -18px;
      height: 91px;
      border-radius: 6px;
      right: 9px;
      width: 87px;" alt="پکیج آیکن موبایل"/>
      
      
      <div style="position:absolute;top: -14px;
      right: 108px;font-family:BYekan;font-size:14px;"> <div style="background: url(http://up.vbiran.ir/uploads/136424965615114_0sprite5.png) no-repeat -196px -158px;
      width: 24px;
      height: 24px;
      display: inline-block;
      margin-bottom: -9px;"></div> <a href="http://www.vbiran.ir/thread42749.html"> پکیج 1500 ایکون موبایل همراه با تکست</a> </div>
      
      
      <div style="position:absolute;top: 16px;
      right: 108px;font-family:tahoma;font-size:11px;">
      ازون جایی که تقاضا زیاد بود تصمیم به جمع اوری پک آیکون های موبایل کردیم این پکیج تقریبا 1500 ایکون داره ( دقیقا 1475 ) ..
      </div>
      
      
                  </li>
               </ul>
      
      
      
      
       
          </div> <!-- END List Wrap -->
       </div> <!-- END Organic Tabs (Example One) -->
      </div>
      <div class="faq" rel="tooltip" title="در این قسمت مشکلاتی که بار ها و بار ها پرسیده شده و می شوند گرداوری شده است !">
      <div class="problem"></div>
      <ul class="col1">
      <li><a href="http://www.vbiran.ir/thread10151-9.html">دلایل لود نشدن ادیتور</a></li>
      <li><a href="http://www.vbiran.ir/thread1371-16.html">تعویض جستجوی ویبولتین با گوگل</a></li>
      <li><a href="http://www.vbiran.ir/thread27203.html">خالی بودن منو تغییر استایل/زبان</a></li>
      </ul>
      <ul class="col3">
      <li><a href="http://bit.ly/OWHRjp">مشکل زبان با  تغییر سرور</a></li>
      <li><a href="http://www.vbiran.ir/thread6215.html">نمایش Array جای نام کاربران</a></li>
      <li><a href="http://www.vbiran.ir/thread10151-9.html">نداشتن دکمه در ادیتور</a></li>
      </ul>
      <ul class="col2">
      <li><a href="http://www.vbiran.ir/thread14280.html">کامل نبودن TCAT قالب</a></li>
      <li><a href="http://www.vbiran.ir/thread5635.html">کادربندی پست بیت</a></li>
      <li><a href="http://www.vbiran.ir/thread7454.html">حذف Forum.php از آدرس</a></li>
      </ul>
      </div>



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

      هر گونه مشکلی داشتید در همین تاپیک مطرح کنید .

      ممنون .
  1. Top | #21
    کاربر اخراجی

    ورژن ویبولتین
    Suite 4.2
    نوشته ها
    1,141
    میزان امتیاز
    0

    پیش فرض

    میشه از مدیران خواهش کنم یک کد درست بزارن ؟

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




  2. گیفت کارت آیتونز

  3. Top | #22
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    569
    میزان امتیاز
    65

    پیش فرض

    کد ها رو درست در forumhome کپی کردی اما تو additional فکر کنم نه.

    چون من چک کردم کد ها داخل forumhome موجوده.
    مشکلت هم مشخصه که
    برو تو قالب Additional.css

    کلاس

    .faq {
    background: url(http://www.vbiran.ir/images/vbiranv6/sprite4.jpg) repeat-x 0px -615px;border-radius:5px;height:106px;position: relative;
    margin: 0 373px 0px 0;border-right: 1px solid #D6D6D6 ;
    border-left: 1px solid #D6D6D6 ;
    margin-left:10px;
    }
    پیداکن با این یکی جای گزین کن

    .faq1 {
    background: url(http://www.vbiran.ir/images/vbiranv6/sprite4.jpg) repeat-x 0px -615px;border-radius:5px;height:106px;position: relative;
    margin: 0 373px 0px 0;border-right: 1px solid #D6D6D6 ;
    border-left: 1px solid #D6D6D6 ;
    margin-left:10px;
    }

  4. Top | #23
    کاربر اخراجی

    ورژن ویبولتین
    Suite 4.2.2
    نوشته ها
    1,346
    میزان امتیاز
    0

    پیش فرض

    فوق العاده خیلی ممنون شهاب آقا

  5. Top | #24
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    569
    میزان امتیاز
    65

    پیش فرض

    برای مشکل الانت هم به جای این

    <div class="faq1" rel="tooltip" title="در این قسمت مشکلاتی که بار ها و بار ها پرسیده شده و می شوند گرداوری شده است !">
    <div class="problem"></div>
    <ul class="col1">
    <li><a rel="nofollow" href="http://www.vbiran.ir/thread10151-9.html">دلایل لود نشدن ادیتور</a></li>
    <li><a rel="nofollow" href="http://www.vbiran.ir/thread1371-16.html">تعویض جستجوی ویبولتین با گوگل</a></li>
    <li><a rel="nofollow" href="http://www.vbiran.ir/thread27203.html">خالی بودن منو تغییر استایل/زبان</a></li>
    </ul>
    <ul class="col3">
    <li><a rel="nofollow" href="http://bit.ly/OWHRjp">مشکل زبان با تغییر سرور</a></li>
    <li><a rel="nofollow" href="http://www.vbiran.ir/thread6215.html">نمایش Array جای نام کاربران</a></li>
    <li><a rel="nofollow" href="http://www.vbiran.ir/thread10151-9.html">نداشتن دکمه در ادیتور</a></li>
    </ul>
    <ul class="col2">
    <li><a rel="nofollow" href="http://www.vbiran.ir/thread14280.html">کامل نبودن TCAT قالب</a></li>
    <li><a rel="nofollow" href="http://www.vbiran.ir/thread5635.html">کادربندی پست بیت</a></li>
    <li><a rel="nofollow" href="http://www.vbiran.ir/thread7454.html">حذف Forum.php از آدرس</a></li>
    </ul>
    </div>

    این رو بزار

    <div class="faq1" rel="tooltip" title="در این قسمت مشکلاتی که بار ها و بار ها پرسیده شده و می شوند گرداوری شده است !">
    <div class="problem"></div>
    <ul class="col1">
    <li><a rel="nofollow" href="http://www.vbiran.ir/thread10151-9.html">دلایل لود نشدن ادیتور</a></li>
    <li><a rel="nofollow" href="http://www.vbiran.ir/thread1371-16.html">تعویض جستجوی ویبولتین با گوگل</a></li>
    <li><a rel="nofollow" href="http://www.vbiran.ir/thread27203.html">خالی بودن منو تغییر استایل/زبان</a></li>
    </ul>
    <ul class="col2">
    <li><a rel="nofollow" href="http://bit.ly/OWHRjp">مشکل زبان با تغییر سرور</a></li>
    <li><a rel="nofollow" href="http://www.vbiran.ir/thread6215.html">نمایش Array جای نام کاربران</a></li>
    <li><a rel="nofollow" href="http://www.vbiran.ir/thread10151-9.html">نداشتن دکمه در ادیتور</a></li>
    </ul>
    <ul class="col3">
    <li><a rel="nofollow" href="http://www.vbiran.ir/thread14280.html">کامل نبودن TCAT قالب</a></li>
    <li><a rel="nofollow" href="http://www.vbiran.ir/thread5635.html">کادربندی پست بیت</a></li>
    <li><a rel="nofollow" href="http://www.vbiran.ir/thread7454.html">حذف Forum.php از آدرس</a></li>
    </ul>
    </div>


    نه نیازی نیست

  6. Top | #25
    کاربر اخراجی

    ورژن ویبولتین
    Suite 4.2
    نوشته ها
    1,141
    میزان امتیاز
    0

    پیش فرض

    ممنون داداشم درست شد

    این هم کد درست برای قالب forumhome

    کد:
    <div class="slider">
    
    
    
    <div style="background: url(http://up.vbiran.ir/uploads/136424965615114_0sprite5.png) -318px -158px;display:none;width:24px;height:24px;position: relative;z-index: 100;top: 75px;right: 10px;" class="star"></div>
    
    
    
    
    <div id="example-one">
     
        <ul class="nav">
            <li class="nav-three last"><a href="#jquerytuts">مقاله برتر</a></li>
            <li class="nav-two"><a href="#core">هک برتر</a></li>
            <li class="nav-one"><a href="#featured" class="current">استایل برتر</a></li>
        </ul>
     
        <div class="list-wrap">
    
    
    
    
    
    
    
    
    
    
    
    
            <ul id="featured">
                <li>
    <span style="font-size: 12px;font-family: BYekan;color: white;position: absolute;bottom: 12px;right: 14px;z-index:999999;display:none;">4.2</span>
    <img src="http://up.vbiran.ir/uploads/136319927117202_0tr.jpg" alt="VBIran Triangleاستایل" class="boximgz" width="87" height="91"/>
    <div style="position:absolute;top: 10px;
    right: 108px;font-family:BYekan,Calibri;font-size:14px;"> <div style="background: url(http://up.vbiran.ir/uploads/136424965615114_0sprite5.png) no-repeat -143px -158px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-bottom: -9px;"></div><a href="http://www.vbiran.ir/thread53681.html">
    VBIran Triangleاستایل
    </a></div>
    
    
    
    
    <div style="position:absolute;top: 40px;
    right: 108px;font-family:tahoma;font-size:11px;width:230px">
    چندی پیش ، تاپیک پیش نمایش استایل VBIran Triangle رو ایجاد کرده بودیم و اکنون میتوانید این استایل رو به "رایگان" دانلود کنید و استفاده کنید
    </div>
              </li>
            </ul>
     
             <ul id="core" class="hide">
                <li>
    <span style="font-size: 12px;font-family: BYekan;color: white;position: absolute;bottom: 12px;right: 14px;z-index:999999;">4.2</span>
    <img src="http://www.vbiran.ir/images/vbiranv6/like.png" style="position: absolute;
    top: 8px;
    height: 91px;
    border-radius: 6px;
    right: 9px;
    width: 87px;" alt="تشکر"  class="boximgz"/>
    
    
    
    
    
    
    
    
    <div style="position:absolute;top: 11px;right:108px;font-family:BYekan;font-size:14px;"> <div style="background: url(http://up.vbiran.ir/uploads/136424965615114_0sprite5.png) no-repeat -170px -158px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-bottom: -9px;"></div> هک تشکر </div>
    
    
    
    
    <div style="position:absolute;top: 40px;right:108px;font-family:tahoma;font-size:11px;width:230px;">
    بی شک پرطرفدار ترین و برترین هک تاریخ ویبولتین هک تشکر بوده که ..
    </div>
                </li>
             </ul>
    
    
    
    
             <ul id="jquerytuts" class="hide">
    
    
    
    
                <li>
    <span style="font-size: 12px;font-family: B Yekan;color: white;position: absolute;bottom: 12px;right: 14px;z-index:999999;">همه</span>
    <img src="http://www.vbiran.ir/images/vbiranv6/4s.png" style="position: absolute;
    top: 8px;
    height: 91px;
    border-radius: 6px;
    right: 9px;
    width: 87px;" alt="پکیج آیکن موبایل"/>
    
    
    
    
    <div style="position:absolute;top: -30px;
    right: 108px;font-family:B Yekan;font-size:14px;"> <div style="background: url(http://up.vbiran.ir/uploads/136424965615114_0sprite5.png) no-repeat -196px -158px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-bottom: 30px;"></div> <a href="http://www.vbiran.ir/thread42749.html"> پکیج 1500 ایکون موبایل همراه با تکست</a> </div>
    
    
    
    
    <div style="position:absolute;top: 40px;
    right: 108px;font-family:B Yekan;font-size:11px;">
    ازون جایی که تقاضا زیاد بود تصمیم به جمع اوری پک آیکون های موبایل کردیم این پکیج تقریبا 1500 ایکون داره ( دقیقا 1475 ) ..
    </div>
    
    
    
    
                </li>
             </ul>
    
    
    
    
    
    
    
    
     
        </div> <!-- END List Wrap -->
     </div> <!-- END Organic Tabs (Example One) -->
    </div>
    <div class="faq1" rel="tooltip" title="در این قسمت مشکلاتی که بار ها و بار ها پرسیده شده و می شوند گرداوری شده است !">
    <div class="problem"></div>
    <ul class="col1">
    <li><a href="http://www.vbiran.ir/thread10151-9.html">دلایل لود نشدن ادیتور</a></li>
    <li><a href="http://www.vbiran.ir/thread1371-16.html">تعویض جستجوی ویبولتین با گوگل</a></li>
    <li><a href="http://www.vbiran.ir/thread27203.html">خالی بودن منو تغییر استایل/زبان</a></li>
    </ul>
    <ul class="col3">
    <li><a href="http://bit.ly/OWHRjp">مشکل زبان با  تغییر سرور</a></li>
    <li><a href="http://www.vbiran.ir/thread6215.html">نمایش Array جای نام کاربران</a></li>
    <li><a href="http://www.vbiran.ir/thread10151-9.html">نداشتن دکمه در ادیتور</a></li>
    </ul>
    <ul class="col2">
    <li><a href="http://www.vbiran.ir/thread14280.html">کامل نبودن TCAT قالب</a></li>
    <li><a href="http://www.vbiran.ir/thread5635.html">کادربندی پست بیت</a></li>
    <li><a href="http://www.vbiran.ir/thread7454.html">حذف Forum.php از آدرس</a></li>
    </ul>
    </div>

  7. Top | #26
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    569
    میزان امتیاز
    65

    پیش فرض

    کد همون اولی هم درسته بعضی از کلاس ها همخوانی داره با کلاس های قالبت

  8. Top | #27
    مدیر بازنشته

    ورژن ویبولتین
    4.1.10
    نوشته ها
    905
    میزان امتیاز
    140

    پیش فرض

    یک بار گفتم با کد های قالب فعلی شما که خاتم زده ، یک سری css ها تداخل داره که Rename کنید ،

    هی نگید کد درست بذارید ، آموزش مشکلی نداره !

    3 تشکر توسط:


  9. Top | #28
    کاربر اخراجی

    ورژن ویبولتین
    Suite 4.2
    نوشته ها
    1,141
    میزان امتیاز
    0

    پیش فرض

    من این عکس رو از ادرسش حذف کردم

    http://up.vbiran.ir/uploads/13642496...4_0sprite5.png

    بجاش اینو گزاشتم

    http://up.vbiran.ir/uploads/13644148...4_0sprite5.png

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


    اینم کد


    کد:
    <div class="slider">
    
    
    
    <div style="background: url(http://up.vbiran.ir/uploads/136441488843908_0136424965615114_0sprite5.png) -318px -158px;display:none;width:24px;height:24px;position: relative;z-index: 100;top: 75px;right: 10px;" class="star"></div>
    
    
    
    
    <div id="example-one">
     
        <ul class="nav">
            <li class="nav-three last"><a href="#jquerytuts">مقاله برتر</a></li>
            <li class="nav-two"><a href="#core">هک برتر</a></li>
            <li class="nav-one"><a href="#featured" class="current">استایل برتر</a></li>
        </ul>
     
        <div class="list-wrap">
    
    
    
    
    
    
    
    
    
    
    
    
            <ul id="featured">
                <li>
    <span style="font-size: 12px;font-family: BYekan;color: white;position: absolute;bottom: 12px;right: 14px;z-index:999999;display:none;">4.2</span>
    <img src="http://up.vbiran.ir/uploads/136319927117202_0tr.jpg" alt="VBIran Triangleاستایل" class="boximgz" width="87" height="91"/>
    <div style="position:absolute;top: 10px;
    right: 108px;font-family:BYekan,Calibri;font-size:14px;"> <div style="background: url(http://up.vbiran.ir/uploads/136441488843908_0136424965615114_0sprite5.png) no-repeat -143px -158px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-bottom: -9px;"></div><a href="http://www.vbiran.ir/thread53681.html">
    VBIran Triangleاستایل
    </a></div>
    
    
    
    
    <div style="position:absolute;top: 40px;
    right: 108px;font-family:tahoma;font-size:11px;width:230px">
    چندی پیش ، تاپیک پیش نمایش استایل VBIran Triangle رو ایجاد کرده بودیم و اکنون میتوانید این استایل رو به "رایگان" دانلود کنید و استفاده کنید
    </div>
              </li>
            </ul>
     
             <ul id="core" class="hide">
                <li>
    <span style="font-size: 12px;font-family: BYekan;color: white;position: absolute;bottom: 12px;right: 14px;z-index:999999;">4.2</span>
    <img src="http://www.vbiran.ir/images/vbiranv6/like.png" style="position: absolute;
    top: 8px;
    height: 91px;
    border-radius: 6px;
    right: 9px;
    width: 87px;" alt="تشکر"  class="boximgz"/>
    
    
    
    
    
    
    
    
    <div style="position:absolute;top: 11px;right:108px;font-family:BYekan;font-size:14px;"> <div style="background: url(http://up.vbiran.ir/uploads/136441488843908_0136424965615114_0sprite5.png) no-repeat -170px -158px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-bottom: -9px;"></div> هک تشکر </div>
    
    
    
    
    <div style="position:absolute;top: 40px;right:108px;font-family:tahoma;font-size:11px;width:230px;">
    بی شک پرطرفدار ترین و برترین هک تاریخ ویبولتین هک تشکر بوده که ..
    </div>
                </li>
             </ul>
    
    
    
    
             <ul id="jquerytuts" class="hide">
    
    
    
    
                <li>
    <span style="font-size: 12px;font-family: B Yekan;color: white;position: absolute;bottom: 12px;right: 14px;z-index:999999;">همه</span>
    <img src="http://www.vbiran.ir/images/vbiranv6/4s.png" style="position: absolute;
    top: 8px;
    height: 91px;
    border-radius: 6px;
    right: 9px;
    width: 87px;" alt="پکیج آیکن موبایل"/>
    
    
    
    
    <div style="position:absolute;top: -30px;
    right: 108px;font-family:B Yekan;font-size:14px;"> <div style="background: url(http://up.vbiran.ir/uploads/136441488843908_0136424965615114_0sprite5.png) no-repeat -196px -158px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-bottom: 30px;"></div> <a href="http://www.vbiran.ir/thread42749.html"> پکیج 1500 ایکون موبایل همراه با تکست</a> </div>
    
    
    
    
    <div style="position:absolute;top: 40px;
    right: 108px;font-family:B Yekan;font-size:11px;">
    ازون جایی که تقاضا زیاد بود تصمیم به جمع اوری پک آیکون های موبایل کردیم این پکیج تقریبا 1500 ایکون داره ( دقیقا 1475 ) ..
    </div>
    
    
    
    
                </li>
             </ul>
    
    
    
    
    
    
    
    
     
        </div> <!-- END List Wrap -->
     </div> <!-- END Organic Tabs (Example One) -->
    </div>
    <div class="faq1" rel="tooltip" title="در این قسمت مشکلاتی که بار ها و بار ها پرسیده شده و می شوند گرداوری شده است !">
    <div class="problem"></div>
    <ul class="col1">
    <li><a href="http://www.vbiran.ir/thread10151-9.html">دلایل لود نشدن ادیتور</a></li>
    <li><a href="http://www.vbiran.ir/thread1371-16.html">تعویض جستجوی ویبولتین با گوگل</a></li>
    <li><a href="http://www.vbiran.ir/thread27203.html">خالی بودن منو تغییر استایل/زبان</a></li>
    </ul>
    <ul class="col3">
    <li><a href="http://bit.ly/OWHRjp">مشکل زبان با  تغییر سرور</a></li>
    <li><a href="http://www.vbiran.ir/thread6215.html">نمایش Array جای نام کاربران</a></li>
    <li><a href="http://www.vbiran.ir/thread10151-9.html">نداشتن دکمه در ادیتور</a></li>
    </ul>
    <ul class="col2">
    <li><a href="http://www.vbiran.ir/thread14280.html">کامل نبودن TCAT قالب</a></li>
    <li><a href="http://www.vbiran.ir/thread5635.html">کادربندی پست بیت</a></li>
    <li><a href="http://www.vbiran.ir/thread7454.html">حذف Forum.php از آدرس</a></li>
    </ul>
    </div>

  10. Top | #29
    کاربر سایت

    ورژن ویبولتین
    4.2
    نوشته ها
    569
    میزان امتیاز
    65

    پیش فرض

    نقل قول نوشته اصلی توسط RSPF نمایش پست ها
    من این عکس رو از ادرسش حذف کردم

    http://up.vbiran.ir/uploads/13642496...4_0sprite5.png

    بجاش اینو گزاشتم

    http://up.vbiran.ir/uploads/13644148...4_0sprite5.png

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


    اینم کد


    کد:
    <div class="slider">
    
    
    
    <div style="background: url(http://up.vbiran.ir/uploads/136441488843908_0136424965615114_0sprite5.png) -318px -158px;display:none;width:24px;height:24px;position: relative;z-index: 100;top: 75px;right: 10px;" class="star"></div>
    
    
    
    
    <div id="example-one">
     
        <ul class="nav">
            <li class="nav-three last"><a href="#jquerytuts">مقاله برتر</a></li>
            <li class="nav-two"><a href="#core">هک برتر</a></li>
            <li class="nav-one"><a href="#featured" class="current">استایل برتر</a></li>
        </ul>
     
        <div class="list-wrap">
    
    
    
    
    
    
    
    
    
    
    
    
            <ul id="featured">
                <li>
    <span style="font-size: 12px;font-family: BYekan;color: white;position: absolute;bottom: 12px;right: 14px;z-index:999999;display:none;">4.2</span>
    <img src="http://up.vbiran.ir/uploads/136319927117202_0tr.jpg" alt="VBIran Triangleاستایل" class="boximgz" width="87" height="91"/>
    <div style="position:absolute;top: 10px;
    right: 108px;font-family:BYekan,Calibri;font-size:14px;"> <div style="background: url(http://up.vbiran.ir/uploads/136441488843908_0136424965615114_0sprite5.png) no-repeat -143px -158px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-bottom: -9px;"></div><a href="http://www.vbiran.ir/thread53681.html">
    VBIran Triangleاستایل
    </a></div>
    
    
    
    
    <div style="position:absolute;top: 40px;
    right: 108px;font-family:tahoma;font-size:11px;width:230px">
    چندی پیش ، تاپیک پیش نمایش استایل VBIran Triangle رو ایجاد کرده بودیم و اکنون میتوانید این استایل رو به "رایگان" دانلود کنید و استفاده کنید
    </div>
              </li>
            </ul>
     
             <ul id="core" class="hide">
                <li>
    <span style="font-size: 12px;font-family: BYekan;color: white;position: absolute;bottom: 12px;right: 14px;z-index:999999;">4.2</span>
    <img width="87" height="91" src="http://www.vbiran.ir/images/vbiranv6/like.png" style="position: absolute;
    top: 8px;
    height: 91px;
    border-radius: 6px;
    right: 9px;
    width: 87px;" alt="تشکر"  class="boximgz"/>
    
    
    
    
    
    
    
    
    <div style="position:absolute;top: 11px;right:108px;font-family:BYekan;font-size:14px;"> <div style="background: url(http://up.vbiran.ir/uploads/136441488843908_0136424965615114_0sprite5.png) no-repeat -170px -158px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-bottom: -9px;"></div> هک تشکر </div>
    
    
    
    
    <div style="position:absolute;top: 40px;right:108px;font-family:tahoma;font-size:11px;width:230px;">
    بی شک پرطرفدار ترین و برترین هک تاریخ ویبولتین هک تشکر بوده که ..
    </div>
                </li>
             </ul>
    
    
    
    
             <ul id="jquerytuts" class="hide">
    
    
    
    
                <li>
    <span style="font-size: 12px;font-family: B Yekan;color: white;position: absolute;bottom: 12px;right: 14px;z-index:999999;">همه</span>
    <img width="87" height="91" src="http://www.vbiran.ir/images/vbiranv6/4s.png" style="position: absolute;
    top: 8px;
    height: 91px;
    border-radius: 6px;
    right: 9px;
    width: 87px;" alt="پکیج آیکن موبایل"/>
    
    
    
    
    <div style="position:absolute;top: -30px;
    right: 108px;font-family:B Yekan;font-size:14px;"> <div style="background: url(http://up.vbiran.ir/uploads/136441488843908_0136424965615114_0sprite5.png) no-repeat -196px -158px;
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-bottom: 30px;"></div> <a href="http://www.vbiran.ir/thread42749.html"> پکیج 1500 ایکون موبایل همراه با تکست</a> </div>
    
    
    
    
    <div style="position:absolute;top: 40px;
    right: 108px;font-family:B Yekan;font-size:11px;">
    ازون جایی که تقاضا زیاد بود تصمیم به جمع اوری پک آیکون های موبایل کردیم این پکیج تقریبا 1500 ایکون داره ( دقیقا 1475 ) ..
    </div>
    
    
    
    
                </li>
             </ul>
    
    
    
    
    
    
    
    
     
        </div> <!-- END List Wrap -->
     </div> <!-- END Organic Tabs (Example One) -->
    </div>
    <div class="faq1" rel="tooltip" title="در این قسمت مشکلاتی که بار ها و بار ها پرسیده شده و می شوند گرداوری شده است !">
    <div class="problem"></div>
    <ul class="col1">
    <li><a href="http://www.vbiran.ir/thread10151-9.html">دلایل لود نشدن ادیتور</a></li>
    <li><a href="http://www.vbiran.ir/thread1371-16.html">تعویض جستجوی ویبولتین با گوگل</a></li>
    <li><a href="http://www.vbiran.ir/thread27203.html">خالی بودن منو تغییر استایل/زبان</a></li>
    </ul>
    <ul class="col3">
    <li><a rel="nofollow" href="http://bit.ly/OWHRjp">مشکل زبان با  تغییر سرور</a></li>
    <li><a href="http://www.vbiran.ir/thread6215.html">نمایش Array جای نام کاربران</a></li>
    <li><a href="http://www.vbiran.ir/thread10151-9.html">نداشتن دکمه در ادیتور</a></li>
    </ul>
    <ul class="col2">
    <li><a href="http://www.vbiran.ir/thread14280.html">کامل نبودن TCAT قالب</a></li>
    <li><a href="http://www.vbiran.ir/thread5635.html">کادربندی پست بیت</a></li>
    <li><a href="http://www.vbiran.ir/thread7454.html">حذف Forum.php از آدرس</a></li>
    </ul>
    </div>
    برای تغییر مکان ها چون از خاصیت اسپریت استفاده میشه باید پزیشن بک گراند رو تغییر بدین (داخل کلاس)

  11. Top | #30
    کاربر اخراجی

    ورژن ویبولتین
    Suite 4.2
    نوشته ها
    1,141
    میزان امتیاز
    0

    پیش فرض

    میشه الان شما برام درست کنین ؟

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

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

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

کسانی که این مقاله را دیده اند از این مقاله ها نیز بازدید کرده اند

  1. پاسخ: 13
    آخرين نوشته: 2014/06/17, 10:58 AM
  2. آموزش ساخت منوی آبشاری با jQuery
    توسط Mr.Ramin در انجمن آموزش های وی بولتین
    پاسخ: 7
    آخرين نوشته: 2013/05/13, 04:27 PM
  3. [آموزش] دکمه بازگشت به بالا jQuery
    توسط Mohsen Neo در انجمن آموزش های وی بولتین
    پاسخ: 9
    آخرين نوشته: 2013/02/03, 04:09 PM
  4. آموزش قرار دادن پیغام کریسمس با jquery
    توسط Danialskh در انجمن آموزش های وی بولتین
    پاسخ: 0
    آخرين نوشته: 2012/10/20, 09:20 PM
  5. پاسخ: 3
    آخرين نوشته: 2012/02/07, 01:33 PM

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

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

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