/ آموزش زیباسازی آخرین ارسالات به سبک استایل ""  730Days ""
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
صفحه 3 از 3 نخستنخست 123
نمایش نتایج: از 21 به 22 از 22

مقاله: آموزش زیباسازی آخرین ارسالات به سبک استایل "" 730Days ""

    1. آموزش زیباسازی آخرین ارسالات به سبک استایل "" 730Days ""

      آموزش زیباسازی آخرین ارسالات به سبک استایل "" 730Days ""

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

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

      خب بریم سوارغ آموزش:

      ابتدا فایل های که پیوست کردم رو در روت هاستتون آپلود کنید و کد زیر رو ابتدا additional.css قرار بدید:

      کد:
      @font-face {
        font-family: 'icon';
        src: url('FontAwesome.otf');
        url('fontawesome-webfont.eot');
        url('fontawesome-webfont.svg');
        url('fontawesome-webfont.ttf');
        url('fontawesome-webfont.woff');
        font-style: normal;
        font-weight: normal;
      }
      سپس به جستجوی قالب ها برید و کدهای قالب vietvbb_topstats.css رو با کدهای زیر تعویض کنید:

      کد:
      .tabs {
          margin-bottom: 10px;
          background: none repeat scroll 0% 0% #FFF;
          border: 1px solid #B4B4B4;
          height: 34px;
          border-radius: 5px;
          overflow: hidden;
          font-family: BYekan;
      }
      
      .fa-clipboard {
          color: #b4b4b4;
          float: right;
          margin-top: 4px;
          transition: all 0.2s ease-in 0s;
          -moz-transition: all 0.2s ease-in 0s;
          -webkit-transition: all 0.2s ease-in 0s;
          -o-transition: all 0.2s ease-in 0s;
          -ms-transition: all 0.2s ease-in 0s;
          font-size: initial !important;
      }
      
      .tabs li {list-style:none;float:{vb:stylevar left};line-height:27px;font-size:13px;cursor:pointer;color:#858585;}
      .left-mainbox {float:{vb:stylevar left}; width:26%;margin:5px 5px 0 0;}
      
      .left-mainbox .topx-bit em {
          font-family: arial;
          font-size: 11px;
          color: #999;
          margin-top: 1px;
          background: none repeat scroll 0% 0% #ECECEC;
          padding: 0px 7px;
          border-radius: 3px;
          min-width: 15px;
          text-align: center;
      }
      
      .left-mainbox .topx-content .topx-bit:before {
          color: #999;
          float: right;
          height: 13px;
          line-height: 15px;
          position: relative;
          right: 0px;
          text-align: center;
          top: 1px;
          width: 16px;
          padding: 2px 3px;
          border-radius: 2px;
          content: "";
          margin-top: 2px;
          background: none repeat scroll 0% 0% #ECECEC;
          transition: all 0.3s ease-in 0s;
          -moz-transition: all 0.3s ease-in 0s;
          -webkit-transition: all 0.3s ease-in 0s;
          -o-transition: all 0.3s ease-in 0s;
          -ms-transition: all 0.3s ease-in 0s;
      }
      
      .left-mainbox .tabs li.current {float:{vb:stylevar left};margin-{vb:stylevar left}:10px;margin-top:2px;}
      .left-mainbox .tabs li.current select {
          padding: 2px 10px;
          border-radius: 0px 4px 4px 0px;
          border: 1px solid #B4B4B4;
          background: none repeat scroll 0% 0% transparent;
          font-family: BYekan;
          float: right;
      }
      .right-mainbox {width:71%;float:{vb:stylevar right};margin:5px 0 0 5px;}
      .right-mainbox ul.tabs li {line-height:34px;border-left:1px solid #efefef;box-shadow:inset 1px 0 0 0 #fff;-webkit-box-shadow:inset 1px 0 0 0 #fff;-moz-box-shadow:inset 1px 0 0 0 #fff;}
      .right-mainbox ul.tabs li.current {
          background: none repeat scroll 0% 0% #f3f3f3;
          color: #cgcgcg;
      }
      
      .topx-bit {
          overflow: hidden;
          height: 20px;
          font-size: 12px;
          padding: 2px 4px 4px 8px;
          position: relative;
          background: none repeat scroll 0% 0% #FFF;
          border-bottom: 1px solid #b4b4b4;
          transition: all 0.3s ease-in 0s;
          -moz-transition: all 0.3s ease-in 0s;
          -webkit-transition: all 0.3s ease-in 0s;
          -o-transition: all 0.3s ease-in 0s;
          -ms-transition: all 0.3s ease-in 0s;
      }
      
      .topx-bit:hover .fa-clipboard {
          color: #55bfeb;
      }
      
      .topx-bit:hover:before {
          box-shadow: inset 0px 0px 0px 10px #55BFEB;
          color: #fff !important;
      }
      
      .topx-content {
          background: none repeat scroll 0% 0% #EDEDED;
          display: block;
          border-radius: 6px;
          padding: 0px;
          line-height: 20px;
          border-top: 1px solid #b4b4b4;
          margin-bottom: 10px;
          overflow: hidden;
          border-right: 1px solid #B4B4B4;
          border-left: 1px solid #B4B4B4;
      }
      
      .topx-bit em {float: {vb:stylevar right}; padding-top: 2px;margin-right:3px;}
      
      .topx-bit span.topx-content-tab {
          float: right;
          margin-right: 3px;
          color: #B4B4B4;
          margin-top: 2px;
      }
      
      .topx-content-tab a {
          color: #8d8d8d;
          margin-right: 6px;
      }
      
      .topx-bit span.topx-content-menu {float: {vb:stylevar left};margin-{vb:stylevar left}:10px;margin-top:2px;}
      .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 {{vb:stylevar right}:110px;top:18px;position:absolute;}
      .icon-vietvbb {font:normal 16px font;margin-left:10px;color:#9e9e9e;}
      .icon-vietvbb.new {color:#3fb0c6;}
      .left-mainbox .topx-content .topx-bit:nth-child(1)::before {content:"01";}
      .left-mainbox .topx-content .topx-bit:nth-child(2)::before {content:"02";}
      .left-mainbox .topx-content .topx-bit:nth-child(3)::before {content:"03";}
      .left-mainbox .topx-content .topx-bit:nth-child(4)::before {content:"04";}
      .left-mainbox .topx-content .topx-bit:nth-child(5)::before {content:"05";}
      .left-mainbox .topx-content .topx-bit:nth-child(6)::before {content:"06";}
      .left-mainbox .topx-content .topx-bit:nth-child(7)::before {content:"07";}
      .left-mainbox .topx-content .topx-bit:nth-child(8)::before {content:"08";}
      .left-mainbox .topx-content .topx-bit:nth-child(9)::before {content:"09";}
      .left-mainbox .topx-content .topx-bit:nth-child(10)::before {content:"10";}
      .left-mainbox .topx-content .topx-bit:nth-child(11)::before {content:"11";}
      .left-mainbox .topx-content .topx-bit:nth-child(12)::before {content:"12";}
      .left-mainbox .topx-content .topx-bit:nth-child(13)::before {content:"13";}
      .left-mainbox .topx-content .topx-bit:nth-child(14)::before {content:"14";}
      .left-mainbox .topx-content .topx-bit:nth-child(15)::before {content:"15";}
      .left-mainbox .topx-content .topx-bit:nth-child(16)::before {content:"16";}
      .left-mainbox .topx-content .topx-bit:nth-child(17)::before {content:"17";}
      .left-mainbox .topx-content .topx-bit:nth-child(18)::before {content:"18";}
      .left-mainbox .topx-content .topx-bit:nth-child(19)::before {content:"19";}
      .left-mainbox .topx-content .topx-bit:nth-child(20)::before {content:"20";}
      .left-mainbox .topx-content .topx-bit:nth-child(21)::before {content:"21";}
      .left-mainbox .topx-content .topx-bit:nth-child(22)::before {content:"22";}
      .left-mainbox .topx-content .topx-bit:nth-child(23)::before {content:"23";}
      .left-mainbox .topx-content .topx-bit:nth-child(24)::before {content:"24";}
      .left-mainbox .topx-content .topx-bit:nth-child(25)::before {content:"25";}
      .left-mainbox .topx-content .topx-bit:nth-child(26)::before {content:"26";}
      .left-mainbox .topx-content .topx-bit:nth-child(27)::before {content:"27";}
      .left-mainbox .topx-content .topx-bit:nth-child(28)::before {content:"28";}
      .left-mainbox .topx-content .topx-bit:nth-child(29)::before {content:"29";}
      .left-mainbox .topx-content .topx-bit:nth-child(30)::before {content:"30";}
      .left-mainbox .topx-content .topx-bit:nth-child(31)::before {content:"31";}
      .left-mainbox .topx-content .topx-bit:nth-child(32)::before {content:"32";}
      .left-mainbox .topx-content .topx-bit:nth-child(33)::before {content:"33";}
      .left-mainbox .topx-content .topx-bit:nth-child(34)::before {content:"34";}
      .left-mainbox .topx-content .topx-bit:nth-child(35)::before {content:"35";}
      .left-mainbox .topx-content .topx-bit:nth-child(36)::before {content:"36";}
      .left-mainbox .topx-content .topx-bit:nth-child(37)::before {content:"37";}
      .left-mainbox .topx-content .topx-bit:nth-child(38)::before {content:"38";}
      .left-mainbox .topx-content .topx-bit:nth-child(39)::before {content:"39";}
      .left-mainbox .topx-content .topx-bit:nth-child(40)::before {content:"40";}
      .left-mainbox .topx-content .topx-bit:nth-child(41)::before {content:"41";}
      .left-mainbox .topx-content .topx-bit:nth-child(42)::before {content:"42";}
      .left-mainbox .topx-content .topx-bit:nth-child(43)::before {content:"43";}
      .left-mainbox .topx-content .topx-bit:nth-child(44)::before {content:"44";}
      .left-mainbox .topx-content .topx-bit:nth-child(45)::before {content:"45";}
      .left-mainbox .topx-content .topx-bit:nth-child(46)::before {content:"46";}
      .left-mainbox .topx-content .topx-bit:nth-child(47)::before {content:"47";}
      .left-mainbox .topx-content .topx-bit:nth-child(48)::before {content:"48";}
      .left-mainbox .topx-content .topx-bit:nth-child(49)::before {content:"49";}
      .left-mainbox .topx-content .topx-bit:nth-child(50)::before {content:"50";}
      .left-mainbox .topx-content .topx-bit:nth-child(51)::before {content:"51";}
      .left-mainbox .topx-content .topx-bit:nth-child(52)::before {content:"52";}
      .left-mainbox .topx-content .topx-bit:nth-child(53)::before {content:"53";}
      .left-mainbox .topx-content .topx-bit:nth-child(54)::before {content:"54";}
      .left-mainbox .topx-content .topx-bit:nth-child(55)::before {content:"55";}
      .left-mainbox .topx-content .topx-bit:nth-child(56)::before {content:"56";}
      .left-mainbox .topx-content .topx-bit:nth-child(57)::before {content:"57";}
      .left-mainbox .topx-content .topx-bit:nth-child(58)::before {content:"58";}
      .left-mainbox .topx-content .topx-bit:nth-child(59)::before {content:"59";}
      .left-mainbox .topx-content .topx-bit:nth-child(60)::before {content:"60";}
      .left-mainbox .topx-content .topx-bit:nth-child(61)::before {content:"61";}
      .left-mainbox .topx-content .topx-bit:nth-child(62)::before {content:"62";}
      .left-mainbox .topx-content .topx-bit:nth-child(63)::before {content:"63";}
      .left-mainbox .topx-content .topx-bit:nth-child(64)::before {content:"64";}
      .left-mainbox .topx-content .topx-bit:nth-child(65)::before {content:"65";}
      .left-mainbox .topx-content .topx-bit:nth-child(66)::before {content:"66";}
      .left-mainbox .topx-content .topx-bit:nth-child(67)::before {content:"67";}
      .left-mainbox .topx-content .topx-bit:nth-child(68)::before {content:"68";}
      .left-mainbox .topx-content .topx-bit:nth-child(69)::before {content:"69";}
      .left-mainbox .topx-content .topx-bit:nth-child(70)::before {content:"70";}
      .left-mainbox .topx-content .topx-bit:nth-child(71)::before {content:"71";}
      .left-mainbox .topx-content .topx-bit:nth-child(72)::before {content:"72";}
      .left-mainbox .topx-content .topx-bit:nth-child(73)::before {content:"73";}
      .left-mainbox .topx-content .topx-bit:nth-child(74)::before {content:"74";}
      .left-mainbox .topx-content .topx-bit:nth-child(75)::before {content:"75";}
      .left-mainbox .topx-content .topx-bit:nth-child(76)::before {content:"76";}
      .left-mainbox .topx-content .topx-bit:nth-child(77)::before {content:"77";}
      .left-mainbox .topx-content .topx-bit:nth-child(78)::before {content:"78";}
      .left-mainbox .topx-content .topx-bit:nth-child(79)::before {content:"79";}
      .left-mainbox .topx-content .topx-bit:nth-child(80)::before {content:"80";}
      .left-mainbox .topx-content .topx-bit:nth-child(81)::before {content:"81";}
      .left-mainbox .topx-content .topx-bit:nth-child(82)::before {content:"82";}
      .left-mainbox .topx-content .topx-bit:nth-child(83)::before {content:"83";}
      .left-mainbox .topx-content .topx-bit:nth-child(84)::before {content:"84";}
      .left-mainbox .topx-content .topx-bit:nth-child(85)::before {content:"85";}
      .left-mainbox .topx-content .topx-bit:nth-child(86)::before {content:"86";}
      .left-mainbox .topx-content .topx-bit:nth-child(87)::before {content:"87";}
      .left-mainbox .topx-content .topx-bit:nth-child(88)::before {content:"88";}
      .left-mainbox .topx-content .topx-bit:nth-child(89)::before {content:"89";}
      .left-mainbox .topx-content .topx-bit:nth-child(90)::before {content:"90";}
      .left-mainbox .topx-content .topx-bit:nth-child(91)::before {content:"91";}
      .left-mainbox .topx-content .topx-bit:nth-child(92)::before {content:"92";}
      .left-mainbox .topx-content .topx-bit:nth-child(93)::before {content:"93";}
      .left-mainbox .topx-content .topx-bit:nth-child(94)::before {content:"94";}
      .left-mainbox .topx-content .topx-bit:nth-child(95)::before {content:"95";}
      .left-mainbox .topx-content .topx-bit:nth-child(96)::before {content:"96";}
      .left-mainbox .topx-content .topx-bit:nth-child(97)::before {content:"97";}
      .left-mainbox .topx-content .topx-bit:nth-child(98)::before {content:"98";}
      .left-mainbox .topx-content .topx-bit:nth-child(99)::before {content:"99";}
      .left-mainbox .topx-content .topx-bit:nth-child(100)::before {content:"100";}
      و باز هم به جستجوی قالب ها برید و کدهای قالب vietvbb_topstats_latest_news رو با کدهای زیر تعویض کنید:

      کد:
      <div class="topx-bit">
          <em title="{vb:rawphrase date}">
              <vb:if condition="$content[newpost]">
                  {vb:raw content.lastpostdate}
              <vb:else />
                  <span class="time">{vb:raw content.lastpostdate}</span>
              </vb:if>        
          </em>
          <span class="topx-content-tab">
              <i class="fa fa-clipboard"></i>
              {vb:raw content.prefix_rich} <a href="{vb:link thread, {vb:raw content}, {vb:raw content.gotonewpost}, 'threadid', 'fullthreadtitle'}" onmouseover="topxTip(document.getElementById('tip_{vb:raw content.threadid}').innerHTML)" onmouseout="UnTip()">{vb:raw content.titletrimmed}</a>
          </span>
          {vb: raw content.threadinfo}
      </div>
      و باز هم به جستجوی قالب ها برید و کدهای قالب vietvbb_topstats_latest_posts رو با کدهای زیر تعویض کنید:

      کد:
      <div class="topx-bit">
          <em>
              <vb:if condition="!$content[userid]">
                  <div style="cursor:pointer;">{vb:rawphrase guest}</div>
              <vb:else />
                  <a href="{vb:link member, {vb:raw content}, null, 'userid', 'fullusername'}" title="{vb:raw content.fullusername}">
                      {vb:raw content.musername}
                  </a>
              </vb:if>
          </em>
          <span class="topx-content-tab">
              <i class="fa fa-clipboard"></i>
              {vb:raw content.prefix_rich} <a href="{vb:link thread, {vb:raw content}, {vb:raw content.gotonewpost}, 'threadid', 'fullthreadtitle'}" onmouseover="topxTip(document.getElementById('tip_{vb:raw content.threadid}').innerHTML)" onmouseout="UnTip()">{vb:raw content.titletrimmed}</a>
          </span>
          {vb: raw content.threadinfo}
      </div>
      خب دوستان آموزش تمومهمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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

      ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      ویرایش توسط M-Barati : 01-02-2015 در ساعت 10:13 PM
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

      12 نفر از اعضا پست M-Barati را پسندیده اند


  1. #21
    Ali.shafaey آنلاین نیست.
    Ali.shafaey
    کاربر برتر فصل
    مدير ارشد
    6,425نوشته8,292مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1571
    پسندیده است
    4,628 پست
    بلاگ
    پست
    میزان امتیاز
    8298
    مسئول 7 ستاره
    king-design.ir
    نقل قول نوشته اصلی توسط hassan24 نمایش پست ها
    آیکون کنار تاپیک ها نمیاد مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    درود فایل هارو درست نریختید بخواطر همین فونت آیکون لود نشده!
    از اول با دقت انجام بدید اگر درست نشد باید از عکس استفاده کنید!
    تو vietvbb_topstats_latest_news و vietvbb_topstats_latest_posts کد زیر رو پیدا کرده:

    کد:
    <i class="fa fa-clipboard"></i>
    جاش کد زیر رو قرار دهید:

    کد:
    <img class="fa-clipboard" src="http://upload.wikivb.ir/images/4myefbarpbfijthx4llk.png" width="16px" height="16px"></img>
    موفق باشیدمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    2 نفر از اعضا پست Ali.shafaey را پسندیده اند



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

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

    تاریخ عضویت
    Mar 2015
    شماره عضویت
    8335
    پسندیده است
    5 پست
    بلاگ
    پست
    میزان امتیاز
    11
    No Set
    نقل قول نوشته اصلی توسط Tired Tiger نمایش پست ها
    درود فایل هارو درست نریختید بخواطر همین فونت آیکون لود نشده!
    از اول با دقت انجام بدید اگر درست نشد باید از عکس استفاده کنید!
    تو vietvbb_topstats_latest_news و vietvbb_topstats_latest_posts کد زیر رو پیدا کرده:

    کد:
    <i class="fa fa-clipboard"></i>
    جاش کد زیر رو قرار دهید:

    کد:
    <img class="fa-clipboard" src="http://upload.wikivb.ir/images/4myefbarpbfijthx4llk.png" width="16px" height="16px"></img>
    موفق باشیدمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    دمت گرم علی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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



صفحه 3 از 3 نخستنخست 123

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

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

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

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

  1. پاسخ: 125
    آخرين نوشته: 12-25-2015, 12:30 AM
  2. پک درجات کاربری ""2015 Pack"" به مناسبت کریسمس(By M-Barati)
    توسط M-Barati در انجمن پک درجات کاربری
    پاسخ: 12
    آخرين نوشته: 12-29-2014, 08:02 PM
  3. آموزش رفع خطای (xml version="1.0" encoding="windows-1252"?>) هنگام نصب
    توسط MR.OMID در انجمن آموزش های ویبولتین ورژن 4
    پاسخ: 26
    آخرين نوشته: 09-10-2014, 11:01 PM
  4. پک درجات کاربری """"Wikivb""""A ( اختصاصی ویکی وی بی )(By Mr.Bomber)
    توسط Mr.Bomber در انجمن پک درجات کاربری
    پاسخ: 6
    آخرين نوشته: 08-27-2014, 11:43 AM
  5. مشکل جدی انجمن " vBulletin Database Error " لطفا کمک کنید
    توسط OnT!me در انجمن رسیدگی به مشکلات انجمن شما ( پرسش و پاسخ )
    پاسخ: 1
    آخرين نوشته: 12-27-2013, 09:45 PM

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

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

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