/ آموزش کادربندی آخرین ارسالات به صورت شیک و ساده (اختصاصی ویکی وی بی + اولین بار در ویکی وی بی)
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
فروش قالب وردپرس فروش فایل مشابه ژاکت وندا هاست
صفحه 6 از 6 نخستنخست ... 456
نمایش نتایج: از 51 به 55 از 55

مقاله: آموزش کادربندی آخرین ارسالات به صورت شیک و ساده (اختصاصی ویکی وی بی + اولین بار در ویکی وی بی)

    1. آموزش کادربندی آخرین ارسالات به صورت شیک و ساده (اختصاصی ویکی وی بی + اولین بار در ویکی وی بی)

      آموزش کادربندی آخرین ارسالات به صورت شیک و ساده (اختصاصی ویکی وی بی + اولین بار در ویکی وی بی)

      درود.
      خب یه توضیح کوچولو بدیم قبلش yمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی این کادربندی رو من اول برای یکی از دوستان بسیار خوبم انجام دادم و با اجازه ایشون می خوام پابلیکش بکنم
      از تصویر فقط 2 تا استفاده شده که اونم پست های جدید و قدیم هست ، با css بقیه قسمت ها کار شده yمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      در ویکی وی بی اولین کادر بندی آخرین ارسالات هست که منتشر میشه پس امیدوارم که استقبال بشه ! yمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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

      برای کادر بندی عملیات زیر را انجام بدید :

      ادمین سی پی >>>>> جست و جو در قالب ها >>>>> vietvbb_topstats_main

      تمامی کد ها را با پست های زیر تعویض کنید :

      کد:
      <br />
      <div id="vbtopx" class="floatcontainer forumbit_nopost">    
          <div class="forumhead foruminfo collapse">
              <h2>
                  <span class="forumtitle"><a href="http://www.vietvbb.vn/up/hackdb.php?do=findrelease&amp;productid=vietvbb_topstats_vb4" target="_blank">{vb:raw content.title}</a></span>
                  {vb:raw content.moreresult}
                  <a class="collapse" id="collapse_vbtopx_content" href="{vb:raw relpath}#top"><img src="{vb:stylevar imgdir_button}/collapse{vb:raw vbcollapse.collapseimg_vbtopx_content_img}_40b.png" alt="{vb:rawphrase collapse_this_category}" /></a>
              </h2>        
          </div>    
          <div id="vbtopx_content" class="childforum forumbit_post">            
              <div class="forumrow table" style="padding-{vb:stylevar right}:0px">
                  <div class="left-mainbox">
                      <div class="mainbox">
                          <ul class="tabs">
                              <li class="current">
                                  <span style="padding: 0px 5px;">
                                      <select id="vietvbb_topstats_s">
                                          {vb:raw content.menulist}
                                      </select>
                                  </span>
                              </li>
                              <li style="border-{vb:stylevar right}: 0px; display: none;" id="vietvbb_topstats_s_loading"><img src="{vb:stylevar imgdir_misc}/13x13progress.gif" border="0" align="middle" alt="" /></li>
                          </ul>
      
      
                              <div class="topx-content" id="vietvbb_topstats_s_content">                            
                                  {vb:raw content.menu_content}
                              </div>                            
                      </div>
                  </div>
                  <div class="right-mainbox">
                      <div class="mainbox">                            
                          <ul class="tabs" id="vietvbb_topstats_t">                                    
                              {vb:raw content.tablist}
                              <li style="border-{vb:stylevar right}: 0px; display: none;" id="vietvbb_topstats_t_loading"><img src="{vb:stylevar imgdir_misc}/13x13progress.gif" border="0" align="middle" alt="" /></li>
                          </ul>                            
                          <div class="topx-content" id="vietvbb_topstats_t_content">                        
                              {vb:raw content.tab_content}
                          </div>
                      </div>
                  </div>
                  <div class="clear"></div>                    
              </div>            
          </div>    
      </div>
      <br />
      حالا می ریم سراغ سی اس اس ها

      ادمین سی پی >>>>> جست و جو در قالب ها >>>>> vietvbb_topstats.css

      تمامی کد ها را با کد های زیر تعویض کنید :

      کد:
      .tabs {
      padding-bottom: 26px;
      margin-bottom: 10px;
      background: #EFEFEF;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding-top: 5px;
      }
      .tabs {
      padding-bottom: 26px;
      margin-bottom: 10px;
      background: #EFEFEF;
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
      padding-top: 5px;
      }
      .tabs li {
      list-style: none;
      float: right;
      line-height: 27px;
      border-left: 1px solid rgba(0, 0, 0, 0.1);
      height: 25px;
      font: 13px byekan,b yekan,yekan;
      cursor: pointer;
      margin-top: -6px;
      border-bottom: 3px solid rgba(0, 0, 0, 0.1);
      padding-top: 3px;
      padding-bottom: 1px;
      }
      .tabs li.current {
      background: rgba(0, 0, 0, 0.03);
      }
      .mainbox {
      background: rgba(0, 0, 0, 0.05);
      border: 1px solid rgba(0, 0, 0, 0.1);
      margin: 1px;
      }
      .left-mainbox {
      float: right;
      width: 22%;
      margin: 0px;
      }
      .right-mainbox {
      width: 78%;
      float: left;
      margin: 0px;
      }
      .topx-content    {
      display: block;
      border-top: 0px none;
      padding: 0px;
      line-height: 20px;
      width: 100%;
      margin-bottom: 10px;
      }
      .topx-bit    {
      background: rgba(0, 0, 0, 0.01);
      overflow: hidden;
      height: 20px;
      width: 100%;
      font-size: 11px;
      margin-top: 3px;
      border-bottom: 1px solid rgba(0, 0, 0, 0.12);
      border-top: 1px solid rgba(0, 0, 0, 0.12);
      padding: 2px 0;
      }
      .topx-bit em    {
      float: left;
      padding-top: 1px;
      margin-left: 5px;
      }
      .topx-bit span.topx-content-tab {
      background: rgba(0, 0, 0, 0.03);
      float: right;
      padding: 2px 5px;
      margin-top: -2px;
      }
      .topx-bit span.topx-content-menu {float: {vb:stylevar left};margin-right:6px;}
      .topx-tip-head    span {padding-{vb:stylevar left}:4px;float: {vb:stylevar left};}
      .topx-tip-info    {padding: 4px 6px;text-align:{vb:stylevar left};}
      #vietvbb_topstats_result    {
          float:{vb:stylevar right};
          {vb:stylevar right}:30px;
          top:3px;
          position:absolute;
      }
      حالا برید داخل هاستتون و در پوشه images وارد پوشه استایلتون بشید و وارد پوشه statusicon بشید و تصاویر پیوست شده رو آپلود بکنید (جایگزین قبلی میشه)
      تمام شد و رفت مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

      امیدوارم تونسته باشم رضایت شما را بدست بیارم

      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      ویرایش توسط CodeSaz : 10-31-2013 در ساعت 09:21 PM
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

  1. #51
    Eagle آنلاین نیست.
    Eagle
    مديريت کل انجمن
    2,597نوشته6,533مورد پسند

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    2
    پسندیده است
    2,819 پست
    بلاگ
    0 پست
    میزان امتیاز
    6520
    No Set
    در جستجوی قالب ها سرچ کنید : additional.css
    سپس کد های زیر را پیدا کرده و حذف کنید :
    کد:
    .tabs li.current {
    /* background: rgb(173,245,0); */ /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(173,245,0,1) 20%, rgba(143,217,0,1) 100%); /* FF3.6+ */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(173,245,0,1)), color-stop(100%,rgba(143,217,0,1))); */ /* Chrome,Safari4+ */
    /* background: -webkit-linear-gradient(top,  rgba(173,245,0,1) 20%,rgba(143,217,0,1) 100%); */ /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(173,245,0,1) 20%,rgba(143,217,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(173,245,0,1) 20%,rgba(143,217,0,1) 100%); /* IE10+ */
    /* background: linear-gradient(to bottom,  rgba(173,245,0,1) 20%,rgba(143,217,0,1) 100%); */ /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adf500', endColorstr='#8fd900',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 0 5px #fff inset;
    -moz-box-shadow: 0 0 5px #fff inset;
    -webkit-box-shadow: 0 0 5px #fff inset;
    -o-box-shadow: 0 0 5px #fff inset;
    -ms-box-shadow: 0 0 5px #fff inset;
    /* border: 1px solid #c7c7c7; */
    color: #76ac00;
    text-shadow: 1px 1px 1px rgba(250,250,250,0.5);
    cursor: default;
    font-weight: normal;
    }
    .tabs li {
    background: rgb(232,232,232); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(232,232,232,1) 40%, rgba(214,214,214,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(232,232,232,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 40%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(232,232,232,1) 40%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(232,232,232,1) 40%,rgba(214,214,214,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(232,232,232,1) 40%,rgba(214,214,214,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
    	color: #707070;
    	text-shadow: 1px 1px 1px #fff;
        border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
        box-shadow: 0 0 5px rgba(250,250,250,0.76) inset;
    -moz-box-shadow: 0 0 5px rgba(250,250,250,0.76) inset;
    -webkit-box-shadow: 0 0 5px rgba(250,250,250,0.76) inset;
    -o-box-shadow: 0 0 5px rgba(250,250,250,0.76) inset;
    -ms-box-shadow: 0 0 5px rgba(250,250,250,0.76) inset;
        font: 13px yekan,Calibr-w4;
        border: 1px solid #d2d2d2;
        margin-right: 2px;
        cursor: pointer;
           padding: 3px 0 0 0;
    }
    .tabs {
     border-bottom: 0px;
     margin-top: 3px;
     margin-bottom: 10px;
     padding-right: 3px;
     background: none;
     border-top: 0px;
     }
    .mainbox {border: 1px solid rgba(0,0,0,0.11); padding: 4px;margin:1px;background: rgba(250,250,250,0.3);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    }

    2 نفر از اعضا پست Eagle را پسندیده اند


    وقتی پشت سرت حرف میزنن :
    1- یـا مـیـخــوان جـــــــات بـاشــن نـــــــمـــیـتـــونــــن
    2- یـا مـیـخــوان بــــــــات بـاشـــن نـــــــمـــیـتــــونـــن

  2. #52
    Sp!D3R آنلاین نیست.
    Sp!D3R
    کاربر اخراجي
    1,056نوشته713مورد پسند

    تاریخ عضویت
    Sep 2014
    شماره عضویت
    6542
    پسندیده است
    1,789 پست
    بلاگ
    پست
    میزان امتیاز
    723
    www.beruztarinha.ir
    نقل قول نوشته اصلی توسط Eagle نمایش پست ها
    در جستجوی قالب ها سرچ کنید : additional.css
    سپس کد های زیر را پیدا کرده و حذف کنید :
    کد:
    .tabs li.current {
    /* background: rgb(173,245,0); */ /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(173,245,0,1) 20%, rgba(143,217,0,1) 100%); /* FF3.6+ */
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(173,245,0,1)), color-stop(100%,rgba(143,217,0,1))); */ /* Chrome,Safari4+ */
    /* background: -webkit-linear-gradient(top,  rgba(173,245,0,1) 20%,rgba(143,217,0,1) 100%); */ /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(173,245,0,1) 20%,rgba(143,217,0,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(173,245,0,1) 20%,rgba(143,217,0,1) 100%); /* IE10+ */
    /* background: linear-gradient(to bottom,  rgba(173,245,0,1) 20%,rgba(143,217,0,1) 100%); */ /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#adf500', endColorstr='#8fd900',GradientType=0 ); /* IE6-9 */
    box-shadow: 0 0 5px #fff inset;
    -moz-box-shadow: 0 0 5px #fff inset;
    -webkit-box-shadow: 0 0 5px #fff inset;
    -o-box-shadow: 0 0 5px #fff inset;
    -ms-box-shadow: 0 0 5px #fff inset;
    /* border: 1px solid #c7c7c7; */
    color: #76ac00;
    text-shadow: 1px 1px 1px rgba(250,250,250,0.5);
    cursor: default;
    font-weight: normal;
    }
    .tabs li {
    background: rgb(232,232,232); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(232,232,232,1) 40%, rgba(214,214,214,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,rgba(232,232,232,1)), color-stop(100%,rgba(214,214,214,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 40%,rgba(214,214,214,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(232,232,232,1) 40%,rgba(214,214,214,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(232,232,232,1) 40%,rgba(214,214,214,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(232,232,232,1) 40%,rgba(214,214,214,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#d6d6d6',GradientType=0 ); /* IE6-9 */
        color: #707070;
        text-shadow: 1px 1px 1px #fff;
        border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
        box-shadow: 0 0 5px rgba(250,250,250,0.76) inset;
    -moz-box-shadow: 0 0 5px rgba(250,250,250,0.76) inset;
    -webkit-box-shadow: 0 0 5px rgba(250,250,250,0.76) inset;
    -o-box-shadow: 0 0 5px rgba(250,250,250,0.76) inset;
    -ms-box-shadow: 0 0 5px rgba(250,250,250,0.76) inset;
        font: 13px yekan,Calibr-w4;
        border: 1px solid #d2d2d2;
        margin-right: 2px;
        cursor: pointer;
           padding: 3px 0 0 0;
    }
    .tabs {
     border-bottom: 0px;
     margin-top: 3px;
     margin-bottom: 10px;
     padding-right: 3px;
     background: none;
     border-top: 0px;
     }
    .mainbox {border: 1px solid rgba(0,0,0,0.11); padding: 4px;margin:1px;background: rgba(250,250,250,0.3);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    }
    ممنون فقط یک مشکلی که هست اونم اینه که اگر دقت کنید موضوع تاپیک ها در اخرین ارسالات تقریبا یکم پایین تر هست اون مشکلو جوری حلش کنم ؟

  3. #53
    CodeSaz آنلاین نیست.
    CodeSaz
    مدير بخش
    3,403نوشته6,851مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    54
    پسندیده است
    3,264 پست
    بلاگ
    0 پست
    میزان امتیاز
    6858
    مسئول 3 ستاره
    wikivb.ir
    دقیق متوجه نشدم کدوم قسمت مد نظرتون هست ! کد های زیر را به انتهای additional.css اضافه کنید :
    کد:
    .mainbox {
    background: 0 !important;
    }
    .topx-bit span.topx-content-tab {
    padding: 0px 7px !important;
    }

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


    Coming Soon New Project ■

  4. #54
    Sp!D3R آنلاین نیست.
    Sp!D3R
    کاربر اخراجي
    1,056نوشته713مورد پسند

    تاریخ عضویت
    Sep 2014
    شماره عضویت
    6542
    پسندیده است
    1,789 پست
    بلاگ
    پست
    میزان امتیاز
    723
    www.beruztarinha.ir
    نقل قول نوشته اصلی توسط CodeSaz نمایش پست ها
    دقیق متوجه نشدم کدوم قسمت مد نظرتون هست ! کد های زیر را به انتهای additional.css اضافه کنید :
    کد:
    .mainbox {
    background: 0 !important;
    }
    .topx-bit span.topx-content-tab {
    padding: 0px 7px !important;
    }
    با این کد درست نشد :(

    منظورم این هست که شما وارد انجمن بشید و پایین اخرین ارسالات مطالب هست ! شما به این عکس نگا کن مثلا نوشته ها هست ها درست وسط وسط نیست یکم پایین طر هست :(

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

  5. #55
    vBulletizationalised آنلاین نیست.
    vBulletizationalised
    کاربر سايت
    279نوشته98مورد پسند

    تاریخ عضویت
    Nov 2014
    شماره عضویت
    7412
    پسندیده است
    58 پست
    بلاگ
    پست
    میزان امتیاز
    108
    phonezone.ir
    با عرض سلام و خسته نباشید خدمت عزیزان سایت ویکی وی بی و پیشاپیش عرض تهنیت به مناسبت فرارسیدن دهه ی مبارک فجر و سالروز انقلاب شکوهمند اسلامی
    اینجانب قالب Revolution را از سایت شما دریافت نموده ام و در انجمن خود نصب و کپی کرده ام و از آن نیز بسیار راضی و خرسند می باشم
    اما قالبی که این جانب در حال حاضر در حال استفاده از آن می باشم، پوشه ی statusicon را دارا نمی باشد و لذا نمی توانم محتویات فایل upload.zip را در پوشه ی قالب خود کپی نمایم
    بسیار خوشحال خواهم شد اگر شما عزیزان گرامی این حقیر را راهنمایی بفرمایید
    فی امان الله

صفحه 6 از 6 نخستنخست ... 456

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

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

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

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

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

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