/ اموزش کادر بندی کاربر برتر به سبک استایل wikivb-sws
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
صفحه 2 از 2 نخستنخست 12
نمایش نتایج: از 11 به 20 از 20

مقاله: اموزش کادر بندی کاربر برتر به سبک استایل wikivb-sws

    1. اموزش کادر بندی کاربر برتر به سبک استایل wikivb-sws

      اموزش کادر بندی کاربر برتر به سبک استایل wikivb-sws

      درود
      به FORUMHOME رفته و این رو پیدا کنید {vb:raw navbar}

      و این ر بعدش قرار دهید

      کد HTML:
      <div class="bestuser" rel="tooltip" title="به صورت ماهیانه در نظرسنجی ایجاد میشود و برترین کاربر ماه از بین کاربران انتخاب شده و مشخصات و لینک وبسایت کاربر در این قسمت به عنوان هدیه به مدت یکماه یعنی تا انتخاب کاربر برتر ماه آینده قرار میگیرد . شما هم میتوانید کاربر برتر باشید">
      <div class="bestusertitle"></div>
      <div class="bestuseravatar"><img border="0" src="http://upload.wikivb.ir/images/usbzk20ijt2v079imc48.png" width="88px" height="88px" /></div>
      <div class="bestusername">Admin</div>
      <div class="bestuserforumurl"><a href="forum.php">ورود به انجمن ایشان</a></div>
      </div>
      <div class="besttopic">
      <div class="besttopictitle"></div>
      <div class="besttopicback">
      <div class="besttopicurl">
      <table width="100%" border="0">
      <tbody>
      <tr> 
      <td width="50%"><a href="forum.php"><span style="float: right;">تست تاپیک های کارامد انجمن</span></a></td>
       <td width="50%"><a href="forum.php"><span style="float: right;">تست تاپیک های کارامد انجمن</span></a></td>
      </tr>
      <tr> 
      <td width="50%"><a href="forum.php"><span style="float: right;">تست تاپیک های کارامد انجمن</span></a></td>
       <td width="50%"><a href="forum.php"><span style="float: right;">تست تاپیک های کارامد انجمن</span></a></td>
      </tr>
      <tr> 
      <td width="50%"><a href="forum.php"><span style="float: right;">تست تاپیک های کارامد انجمن</span></a></td>
       <td width="50%"><a href="forum.php"><span style="float: right;">تست تاپیک های کارامد انجمن</span></a></td>
      </tr>
      <tr> 
      <td width="50%"><a href="forum.php"><span style="float: right;">تست تاپیک های کارامد انجمن</span></a></td>
       <td width="50%"><a href="forum.php"><span style="float: right;">تست تاپیک های کارامد انجمن</span></a></td>
      </tr>
      </tbody>
      </table>
      </div>
      </div>
      
      </div>
      
      و به additional.css رفته و این کد رو اخرش قرار دهید
      کد:
      .bestuser {
      background: #68656b;
      border: 2px solid #a6a29e;
      float: right;
      width: 200px;
      border-radius: 5px;
      margin-top: 8px;
      position: relative;
      padding-top: 60px;
      padding-bottom: 10px;
      }
      .bestusertitle {
      background: url(images/wikivb-sws/sprite.png) -157px -56px no-repeat;
      width: 228px;
      height: 43px;
      margin-top: -48px;
      margin-right: -14px;
      }
      .bestuseravatar {
      width: 88px;
      height: 88px;
      margin-right: 55px;
      }
      .bestuseravatar img {
      border: 2px solid #797679;
      }
      .bestusername {
      background: rgb(255,33,33); /* Old browsers */
      background: -moz-linear-gradient(top,  rgba(255,33,33,1) 0%, rgba(255,33,33,1) 50%, rgba(215,0,0,1) 50%, rgba(215,0,0,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,33,33,1)), color-stop(50%,rgba(255,33,33,1)), color-stop(50%,rgba(215,0,0,1)), color-stop(100%,rgba(215,0,0,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  rgba(255,33,33,1) 0%,rgba(255,33,33,1) 50%,rgba(215,0,0,1) 50%,rgba(215,0,0,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  rgba(255,33,33,1) 0%,rgba(255,33,33,1) 50%,rgba(215,0,0,1) 50%,rgba(215,0,0,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  rgba(255,33,33,1) 0%,rgba(255,33,33,1) 50%,rgba(215,0,0,1) 50%,rgba(215,0,0,1) 100%); /* IE10+ */
      background: linear-gradient(to bottom,  rgba(255,33,33,1) 0%,rgba(255,33,33,1) 50%,rgba(215,0,0,1) 50%,rgba(215,0,0,1) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff2121', endColorstr='#d70000',GradientType=0 ); /* IE6-9 */
      font-size:18px;
      color:#6c0f00;
      text-shadow: 1px 1px 1px #ff3429;
      width:186px;
      height:32px;
      padding-top:5px;
      margin-right: 5px;
      margin-top: 7px;
      border: 2px solid #797679;
      text-align:center;
      border-radius: 5px;
      }
      .bestuserforumurl {
      background: rgb(69,255,0); /* Old browsers */
      background: -moz-linear-gradient(top,  rgba(69,255,0,1) 0%, rgba(125,255,13,1) 51%, rgba(45,212,6,1) 51%, rgba(45,212,6,1) 100%); /* FF3.6+ */
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,255,0,1)), color-stop(51%,rgba(125,255,13,1)), color-stop(51%,rgba(45,212,6,1)), color-stop(100%,rgba(45,212,6,1))); /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top,  rgba(69,255,0,1) 0%,rgba(125,255,13,1) 51%,rgba(45,212,6,1) 51%,rgba(45,212,6,1) 100%); /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top,  rgba(69,255,0,1) 0%,rgba(125,255,13,1) 51%,rgba(45,212,6,1) 51%,rgba(45,212,6,1) 100%); /* Opera 11.10+ */
      background: -ms-linear-gradient(top,  rgba(69,255,0,1) 0%,rgba(125,255,13,1) 51%,rgba(45,212,6,1) 51%,rgba(45,212,6,1) 100%); /* IE10+ */
      background: linear-gradient(to bottom,  rgba(69,255,0,1) 0%,rgba(125,255,13,1) 51%,rgba(45,212,6,1) 51%,rgba(45,212,6,1) 100%); /* W3C */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45ff00', endColorstr='#2dd406',GradientType=0 ); /* IE6-9 */
      font:16px ‌Byekan,B yekan,tahoma;
      
      text-shadow: 1px 1px 1px #7eff21;
      width: 186px;
      height: 32px;
      padding-top: 5px;
      margin-right: 5px;
      margin-top: 2px;
      border: 2px solid #797679;
      text-align: center;
      border-radius: 5px;
      }
      .bestuserforumurl a {
      color:#359103;
      }
      .bestuserforumurl a:hover {
      color:#359103;
      text-decoration:none;
      }
      .besttopic {
      margin-top: 20px;
      margin-right: 225px;
      }
      @media only screen and (max-width: 720px) {  
      .payamback { display:none; }
      .ballback { display:none; }
      .twitterback { display:none; }
      .facebookback { display:none; }
      } 
      @media only screen and (max-width: 840px) {  
      .bestuser { display:none; }
      .besttopic { margin-right: 0px; }
      }  
      @media only screen and (max-width: 1080px) {  
      .friendfooter { display:none; }
      .friendname { display:none; }
      }
      .besttopicback {
      background: #e1e1e1;
      border: 2px solid #b7b7b7;
      height: 227px;
      border-radius: 5px;
      overflow: hidden;
      }
      .besttopictitle {
      background: url(images/wikivb-sws/sprite.png) -108px -56px no-repeat;
      position: relative;
      top:-10px;
      right:55px;
      width: 42px;
      height: 253px;
      float:right;
      }
      .besttopicurl {
      margin-right:60px;
      }
      
      .besttopicurl a {
      color:#565656;
      -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;
      }
      .besttopicurl a:hover {
      color:#aeaeae;
      }
      .besttopicurl table {
      margin-top:-8px;
      }
      
      .besttopicurl table td {
      background: url(images/wikivb-sws/icons/star.png) no-repeat right 31px;
      padding: 30px 21px 5px 10px;
      font:13px Byekan;
      margin-top:321px;
      -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;
      }
      .besttopicurl table td:hover {
      background: url(images/wikivb-sws/icons/starhover.png) no-repeat right 31px;
      }
      - - - Updated - - -

      نکته
      عکس هایی که در استایل sws رو حتما در پوشه ایمیج خود بریزید

      - - - Updated - - -

      نکته
      عکس هایی که در استایل sws رو حتما در پوشه ایمیج خود بریزید
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

      3 نفر از اعضا پست Hose!N را پسندیده اند


  1. #11
    Hose!N آنلاین نیست.
    Hose!N
    کاربر اخراجي
    497نوشته2,246مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1515
    پسندیده است
    2,186 پست
    بلاگ
    2 پست
    میزان امتیاز
    2256
    wikivb.ir
    shakeb zero عزیز براتون اوکی شد

    کاربر زیر پست Hose!N را پسندیده است:



  2. #12
    30r.L!nuX آنلاین نیست.
    30r.L!nuX
    کاربر سايت
    352نوشته289مورد پسند

    تاریخ عضویت
    Oct 2013
    شماره عضویت
    3087
    پسندیده است
    209 پست
    بلاگ
    پست
    میزان امتیاز
    300
    www.bgfun.ir
    من همه مراحلو رفتم حتی عکسا رو اپ کردم ولی بازم همونطوره :-؟
    میشه بگید از چه روشی مشکل shakib zero رو حل کردید؟ مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  3. #13
    Hose!N آنلاین نیست.
    Hose!N
    کاربر اخراجي
    497نوشته2,246مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1515
    پسندیده است
    2,186 پست
    بلاگ
    2 پست
    میزان امتیاز
    2256
    wikivb.ir
    مارجین هارو اوکی کردم دوست داشتید دسترسی پ خ کنید

    - - - Updated - - -

    مارجین هارو اوکی کردم دوست داشتید دسترسی پ خ کنید

  4. #14
    alireza20 آنلاین نیست.
    alireza20
    کاربر سايت
    10نوشته0مورد پسند

    تاریخ عضویت
    Jun 2014
    شماره عضویت
    5638
    پسندیده است
    4 پست
    بلاگ
    پست
    میزان امتیاز
    10
    bahalbax.a-w.ir
    سلام ممنون از آموزش خوبت

    من یه مشکل دارم این زیر چت باکس و آمار انجمن نشون داده میشه چیکار کنم بالای اینا قرار بگیره؟
    Snapshot_2014-10-11_171303.png

  5. #15
    alireza20 آنلاین نیست.
    alireza20
    کاربر سايت
    10نوشته0مورد پسند

    تاریخ عضویت
    Jun 2014
    شماره عضویت
    5638
    پسندیده است
    4 پست
    بلاگ
    پست
    میزان امتیاز
    10
    bahalbax.a-w.ir
    up....

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

    تاریخ عضویت
    Oct 2012
    شماره عضویت
    1
    پسندیده است
    8,003 پست
    بلاگ
    0 پست
    میزان امتیاز
    26487
    wikivb.ir
    برای اینکار باید کد هایی رو که در قالب FORUMHOME قرار دادید حذف کنید و در navbar قرارشون بدید

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


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

  7. #17
    alireza20 آنلاین نیست.
    alireza20
    کاربر سايت
    10نوشته0مورد پسند

    تاریخ عضویت
    Jun 2014
    شماره عضویت
    5638
    پسندیده است
    4 پست
    بلاگ
    پست
    میزان امتیاز
    10
    bahalbax.a-w.ir
    ببخشید دقیقا باید کجای
    navbar قرار بدم؟

  8. #18
    alireza20 آنلاین نیست.
    alireza20
    کاربر سايت
    10نوشته0مورد پسند

    تاریخ عضویت
    Jun 2014
    شماره عضویت
    5638
    پسندیده است
    4 پست
    بلاگ
    پست
    میزان امتیاز
    10
    bahalbax.a-w.ir
    من اینو در never قرار دادم ولی کادر بندی پایینش این مشکل رو داره

    Snapshot_2014-10-13_093033.png

  9. #19
    alireza20 آنلاین نیست.
    alireza20
    کاربر سايت
    10نوشته0مورد پسند

    تاریخ عضویت
    Jun 2014
    شماره عضویت
    5638
    پسندیده است
    4 پست
    بلاگ
    پست
    میزان امتیاز
    10
    bahalbax.a-w.ir
    up......

  10. #20
    jey8des آنلاین نیست.
    jey8des
    کاربر اخراجي
    224نوشته343مورد پسند

    تاریخ عضویت
    Jul 2014
    شماره عضویت
    5831
    پسندیده است
    210 پست
    بلاگ
    پست
    میزان امتیاز
    353
    wikivb.ir
    ادرس انجمن رو لطف میکنید؟

صفحه 2 از 2 نخستنخست 12

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

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

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

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

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

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