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

مقاله: آموزش قرار دادن تبلیغات به سبک استایل WikiVB-Minimal

    1. آموزش قرار دادن تبلیغات به سبک استایل WikiVB-Minimal

      آموزش قرار دادن تبلیغات به سبک استایل WikiVB-Minimal

      درود بر کاربران عزیز ویکی وی بی

      طبق درخواست دوستان، قصد دارم تا تبلیغات به سبک استایل WikiVB-Minimal را قرار دهم.
      http://www.wikivb.ir/thread9745.html

      1- وارد قالب headinclude_bottom شوید و کدهای زیر را درون آن قرار دهید :
      کد:
      <script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"></script>
      <script type="text/javascript">
      $(document).ready(function () {
          $('#close_ads').click(function(){
            $('.ads_img').slideUp(600);
          });
          $("#open_ads").click(function(){
                  $('.ads_img').slideDown(600);
          });
      });
      </script>
      2- وارد قالب additional.css شوید و کدهای زیر را در انتهای آن قرار دهید :

      کد:
      .ads_below_navbar {
      background:#f6f6f6;
      border:1px solid #ccc;
      border-radius:6px;
      -webkit-border-radius:6px;
      -moz-border-radius:6px;
      padding-bottom:10px;
      -webkit-box-shadow: 0px 1px 0px #fff inset, 0px -1px 0px #fff inset;
      -moz-box-shadow:    0px 1px 0px #fff inset, 0px -1px 0px #fff inset;
      box-shadow:         0px 1px 0px #fff inset, 0px -1px 0px #fff inset;
      margin:10px 20px;
      text-align:center;
      }
      .ads_below_navbar_title {
      float:right;
      background:#666;
      padding:8px 16px;
      margin:10px -11px 10px 0;
      font:normal 17px byekan;
      color:#eee;
      text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
      text-align:center;
      position:relative;
      cursor:pointer;
      }
      .ads_below_navbar_title:hover {color:#E8AF00;}
      .ads_below_navbar_title:before {
      width:0;
      height:0;
      position:absolute;
      content:"";
      border-width:10px 10px 0 0;
      border-style:solid;
      border-color:#414141 transparent;
      right:0;
      bottom:-10px;
      }
      .ads_below_navbar_title:after {
      width:0;
      height:0;
      position:absolute;
      content:"";
      border-width:10px 0 0 10px;
      border-style:solid;
      border-color:#ccc #f6f6f6;
      left:0;
      bottom:0;
      }
      .ads_img {
      margin-top:15px;
      }
      .switch {
      position: relative;
      margin-top:10px;
      margin-left:20px;
      float:left;
      font:normal 13px byekan;
      height: 26px;
      width: 120px;
      background: rgba(0, 0, 0, 0.7);
      -moz-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
      -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
       box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
      }
      .switch-label {
      position: relative;
      z-index: 2;
      float: left;
      width: 58px;
      line-height: 26px;
      color: rgba(255, 255, 255, 0.9);
      text-align: center;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
      cursor: pointer;
      }
      .switch-label:active {
      text-shadow: 0 2px 1px rgba(0, 0, 0, 0.65);
      }
      .switch-label-off {
      padding-left: 2px;
      }
      .switch-label-on {
      padding-right: 2px;
      }
      .switch-input {
      display: none;
      }
      .switch-input:checked + .switch-label {
      color: rgba(0, 0, 0, 0.65);
      text-shadow: 0 1px rgba(255, 255, 255, 0.25);
      -webkit-transition: 0.15s ease-out;
      -moz-transition: 0.15s ease-out;
      -o-transition: 0.15s ease-out;
       transition: 0.15s ease-out;
      }
      .switch-input:checked + .switch-label-on ~ .switch-selection {
      left: 60px;
      }
      .switch-selection {
      background: #3aa2d0;
      background-image: -webkit-linear-gradient(top, #4fc9ee, #3aa2d0);
      background-image: -moz-linear-gradient(top, #4fc9ee, #3aa2d0);
      background-image: -o-linear-gradient(top, #4fc9ee, #3aa2d0);
      background-image: linear-gradient(to bottom, #4fc9ee, #3aa2d0);
      display: block;
      position: absolute;
      z-index: 1;
      top: 2px;
      left: 2px;
      width: 58px;
      height: 22px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
      -webkit-transition: left 0.15s ease-out;
      -moz-transition: left 0.15s ease-out;
      -o-transition: left 0.15s ease-out;
      transition: left 0.15s ease-out;
      }
      3- وارد قالب navbar شوید و کد زیر را پیدا کنید :
      کد:
      <div class="body_wrapper">
      بالای آن، کدهای زیر را اضافه و سیو کنید :
      کد:
      <section class="ads_below_navbar">
      <a class="ads_below_navbar_title" href="#">تبلیغات شما در اینجا</a>
          <div class="switch">
            <input type="radio" class="switch-input" name="view" value="close_ads" id="close_ads" />
            <label for="close_ads" class="switch-label switch-label-off">بستن</label>
            <input type="radio" class="switch-input" name="view" value="open_ads" id="open_ads" checked />
            <label for="open_ads" class="switch-label switch-label-on">باز کردن</label>
            <span class="switch-selection"></span>
          </div>
      <div style="clear:both;"></div>
      <div class="ads_img">
      <a href="http://www.wikivb.ir" target="_blank"><img src="http://www.wikivb.ir/banner3.gif" width="468px" height="60px" alt="ویکی ویبی" /></a><a href="http://www.design.pjiran.ir" target="_blank"><img src="http://upload.wikivb.ir/images/3m956l8zseju9fvoum7u.gif" width="468px" height="60px" alt="گروه طراحی پژوهشگران" /></a></div>
      </div>
      </section>
      این مطلب، اختصاصی ویکی وی بی می باشد.
      موفق باشید.
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

      10 نفر از اعضا پست ALIREZA_2010 را پسندیده اند


  1. #11
    AminX آنلاین نیست.
    AminX
    مدير بازنشسته
    4,703نوشته6,570مورد پسند

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir
    کد PHP:
    background#3aa2d0;background-image: -webkit-linear-gradient(top, #4fc9ee, #3aa2d0);background-image: -moz-linear-gradient(top, #4fc9ee, #3aa2d0);background-image: -o-linear-gradient(top, #4fc9ee, #3aa2d0); background-image: linear-gradient(to bottom, #4fc9ee, #3aa2d0); 
    این کدها رو باید ویرایش کنید.

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


    .....

  2. #12
    r.amir2332 آنلاین نیست.
    r.amir2332
    کاربر اخراجي
    391نوشته145مورد پسند

    تاریخ عضویت
    May 2013
    شماره عضویت
    1636
    پسندیده است
    221 پست
    بلاگ
    0 پست
    میزان امتیاز
    154
    gold30t.ir
    استاد شما خودت ویرایش کن من نفهمیدم کدوم ها مال رنگ ابی هست رفتم کد رو هم زدم نا شناخته دونست وب سایت شما خودت کد رنگ ها رو اوکی می کنی؟؟؟؟

  3. #13
    xperiairan آنلاین نیست.
    xperiairan
    کاربر اخراجي
    532نوشته662مورد پسند

    تاریخ عضویت
    Sep 2013
    شماره عضویت
    3018
    پسندیده است
    327 پست
    بلاگ
    پست
    میزان امتیاز
    672
    wikivb.ir
    دوستان من اینجوری شدم چرااااااااا؟؟؟؟ مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  4. #14
    POOYA آنلاین نیست.
    POOYA
    مدير بخش
    1,507نوشته2,815مورد پسند

    تاریخ عضویت
    Feb 2013
    شماره عضویت
    600
    پسندیده است
    2,453 پست
    بلاگ
    0 پست
    میزان امتیاز
    2825
    No Set
    درود!
    دوست عزیز مشکلی نداره
    22.png

  5. #15
    xperiairan آنلاین نیست.
    xperiairan
    کاربر اخراجي
    532نوشته662مورد پسند

    تاریخ عضویت
    Sep 2013
    شماره عضویت
    3018
    پسندیده است
    327 پست
    بلاگ
    پست
    میزان امتیاز
    672
    wikivb.ir
    نقل قول نوشته اصلی توسط POOYA نمایش پست ها
    درود!
    دوست عزیز مشکلی نداره
    22.png
    د خودم الان کد هاشو درست کردم + دوست عزیز باید بعد از <div class="body_wrapper"> باشه خدا خیرت بده کد هارو تصحیح کن مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

  6. #16
    ALIREZA_2010 آنلاین نیست.
    ALIREZA_2010
    مدير ارشد
    1,759نوشته3,525مورد پسند

    تاریخ عضویت
    Jul 2013
    شماره عضویت
    2280
    پسندیده است
    1,986 پست
    بلاگ
    پست
    میزان امتیاز
    3533
    مسئول 2 ستاره
    No Set
    نقل قول نوشته اصلی توسط xperiairan نمایش پست ها
    د خودم الان کد هاشو درست کردم + دوست عزیز باید بعد از <div class="body_wrapper"> باشه خدا خیرت بده کد هارو تصحیح کن مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
    قرار دادن کدها به دلخواه ادمین سایت در مکان مورد نظرش هست عزیز.

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


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


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



  7. #17
    r.amir2332 آنلاین نیست.
    r.amir2332
    کاربر اخراجي
    391نوشته145مورد پسند

    تاریخ عضویت
    May 2013
    شماره عضویت
    1636
    پسندیده است
    221 پست
    بلاگ
    0 پست
    میزان امتیاز
    154
    gold30t.ir
    استاد میشه اون دکمه باز و بسته رو برای استایل اسموس ویرایش کنی

    - - - Updated - - -

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

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

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

    - - - Updated - - -

    الان مشکل چیه؟

  9. #19
    r.amir2332 آنلاین نیست.
    r.amir2332
    کاربر اخراجي
    391نوشته145مورد پسند

    تاریخ عضویت
    May 2013
    شماره عضویت
    1636
    پسندیده است
    221 پست
    بلاگ
    0 پست
    میزان امتیاز
    154
    gold30t.ir
    می خوام رنگ ابی رو قرمز کنن برای استایلم تا بتونم قرار بدم

  10. #20
    ALIREZA_2010 آنلاین نیست.
    ALIREZA_2010
    مدير ارشد
    1,759نوشته3,525مورد پسند

    تاریخ عضویت
    Jul 2013
    شماره عضویت
    2280
    پسندیده است
    1,986 پست
    بلاگ
    پست
    میزان امتیاز
    3533
    مسئول 2 ستاره
    No Set
    نقل قول نوشته اصلی توسط r.amir2332 نمایش پست ها
    می خوام رنگ ابی رو قرمز کنن برای استایلم تا بتونم قرار بدم
    شما از این کدهای css استفاده کنید :
    کد:
    .ads_below_navbar {
    background:#f6f6f6;
    border:1px solid #ccc;
    border-radius:6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    padding-bottom:10px;
    -webkit-box-shadow: 0px 1px 0px #fff inset, 0px -1px 0px #fff inset;
    -moz-box-shadow:    0px 1px 0px #fff inset, 0px -1px 0px #fff inset;
    box-shadow:         0px 1px 0px #fff inset, 0px -1px 0px #fff inset;
    margin:10px 20px;
    text-align:center;
    }
    .ads_below_navbar_title {
    float:right;
    background:#666;
    padding:8px 16px;
    margin:10px -11px 10px 0;
    font:normal 17px byekan;
    color:#eee;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.6);
    text-align:center;
    position:relative;
    cursor:pointer;
    }
    .ads_below_navbar_title:hover {color:#E8AF00;}
    .ads_below_navbar_title:before {
    width:0;
    height:0;
    position:absolute;
    content:"";
    border-width:10px 10px 0 0;
    border-style:solid;
    border-color:#414141 transparent;
    right:0;
    bottom:-10px;
    }
    .ads_below_navbar_title:after {
    width:0;
    height:0;
    position:absolute;
    content:"";
    border-width:10px 0 0 10px;
    border-style:solid;
    border-color:#ccc #f6f6f6;
    left:0;
    bottom:0;
    }
    .ads_img {
    margin-top:15px;
    }
    .switch {
    position: relative;
    margin-top:10px;
    margin-left:20px;
    float:left;
    font:normal 13px byekan;
    height: 26px;
    width: 120px;
    background: rgba(0, 0, 0, 0.7);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
     box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
    }
    .switch-label {
    position: relative;
    z-index: 2;
    float: left;
    width: 58px;
    line-height: 26px;
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
    cursor: pointer;
    }
    .switch-label:active {
    text-shadow: 0 2px 1px rgba(0, 0, 0, 0.65);
    }
    .switch-label-off {
    padding-left: 2px;
    }
    .switch-label-on {
    padding-right: 2px;
    }
    .switch-input {
    display: none;
    }
    .switch-input:checked + .switch-label {
    color: rgba(0, 0, 0, 0.65);
    text-shadow: 0 1px rgba(255, 255, 255, 0.25);
    -webkit-transition: 0.15s ease-out;
    -moz-transition: 0.15s ease-out;
    -o-transition: 0.15s ease-out;
     transition: 0.15s ease-out;
    }
    .switch-input:checked + .switch-label-on ~ .switch-selection {
    left: 60px;
    }
    .switch-selection {
    background: #EC6463;
    background-image: -webkit-linear-gradient(top, #FF7170, #EC6463);
    background-image: -moz-linear-gradient(top, #FF7170, #EC6463);
    background-image: -o-linear-gradient(top, #FF7170, #EC6463);
    background-image: linear-gradient(to bottom, #FF7170, #EC6463);
    display: block;
    position: absolute;
    z-index: 1;
    top: 2px;
    left: 2px;
    width: 58px;
    height: 22px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), 0 0 2px rgba(0, 0, 0, 0.2);
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    -o-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
    }

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


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


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



صفحه 2 از 3 نخستنخست 123 آخرینآخرین

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

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

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

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

  1. استایل بسیار زیبای WikiVB-Minimal
    توسط ALIREZA_2010 در انجمن vbulletin Version 4.x
    پاسخ: 423
    آخرين نوشته: 06-13-2017, 02:03 AM
  2. استایل بسیار زیبای WikiVB-Minimal برای اسکریپت محبوب میهالیسم
    توسط ALIREZA_2010 در انجمن دانلود استایل های میهالیسم
    پاسخ: 126
    آخرين نوشته: 07-15-2015, 08:13 PM

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

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

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