/ اموزش کادر بندی کاربر برتر به سبک استایل wikivb-sws
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
صفحه 1 از 2 12 آخرینآخرین
نمایش نتایج: از 1 به 10 از 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. #2
    shakib zero آنلاین نیست.
    shakib zero
    کاربر سايت
    600نوشته497مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    38
    پسندیده است
    839 پست
    بلاگ
    پست
    میزان امتیاز
    504
    www.web-fun.ir
    یعنی باید یه پوشه به این شکل images/wikivb-sws/ درسته کنیم و اون عکسایی که میخواد رو از استایل sws بر داریم و توش بریزیم
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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

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

  3. #4
    shakib zero آنلاین نیست.
    shakib zero
    کاربر سايت
    600نوشته497مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    38
    پسندیده است
    839 پست
    بلاگ
    پست
    میزان امتیاز
    504
    www.web-fun.ir
    من انجام دادم ولی بازم بهم ریختست

    به انجمنم سر بزنید : http://www.web-fun.ir
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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

    تاریخ عضویت
    Oct 2013
    شماره عضویت
    3087
    پسندیده است
    209 پست
    بلاگ
    پست
    میزان امتیاز
    300
    www.bgfun.ir
    میشه فایل زیپ عکس ها رو هم پیوست کنید؟

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

    تاریخ عضویت
    Oct 2013
    شماره عضویت
    3087
    پسندیده است
    209 پست
    بلاگ
    پست
    میزان امتیاز
    300
    www.bgfun.ir
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی Up

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

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

  7. #8
    shakib zero آنلاین نیست.
    shakib zero
    کاربر سايت
    600نوشته497مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    38
    پسندیده است
    839 پست
    بلاگ
    پست
    میزان امتیاز
    504
    www.web-fun.ir
    من عکسها رو هم اضافه کردم ولی بازم مشکل داره.... مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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

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

  9. #10
    shakib zero آنلاین نیست.
    shakib zero
    کاربر سايت
    600نوشته497مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    38
    پسندیده است
    839 پست
    بلاگ
    پست
    میزان امتیاز
    504
    www.web-fun.ir
    پ.خ شد ..........مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

صفحه 1 از 2 12 آخرینآخرین

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

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

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

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

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

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