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

مقاله: آموزش ایجاد کادر اطلاعیه ادمین به تمامی کاربران - چشمک زن با قابلیت جی کوئری

    1. آموزش ایجاد کادر اطلاعیه ادمین به تمامی کاربران - چشمک زن با قابلیت جی کوئری

      آموزش ایجاد کادر اطلاعیه ادمین به تمامی کاربران - چشمک زن با قابلیت جی کوئری

      درود

      آموزش کادر اطلاعیه رو براتون میذارم که به صورت چشمک زن هستش و با کلیک روی آیکن بلندگو اطلاعیه مورد نظرتون باز و بسته میشه (به درخواست کاربران) مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی


      آموزش

      این کدها رو ته ادیشنال اضافه کنید :

      کد:
      @-webkit-keyframes fade{from{opacity:1}50%{opacity:0}to{opacity:1}}@-moz-keyframes fade{from{opacity:1}50%{opacity:0}to{opacity:1}}@-o-keyframes fade{from{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes fade{from{opacity:1}50%{opacity:0}to{opacity:1}}.CssNevis_info{background:rgb(255,95,95);position:fixed;z-index:90;right:20px;bottom:20px;padding:5px;display:flex;max-width:250px;color:whitesmoke;border:3px solid rgba(0,0,0,0.06);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);-webkit-box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);-moz-box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);-ms-box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);-o-box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);cursor:pointer}.CssNevis_info_icon{background:url("http://upload.wikivb.ir/images/v3hy9uq66i5v6zld56iz.png");width:32px;height:32px;float:right;margin:0px 2px}.CssNevis_info_text{float:right;direction:rtl;text-align:right;color:wheat !important;text-decoration:none !important}.CssNevis_info.text{margin-right:60px}.CssNevis_info.tik{-webkit-animation:fade 1s linear infinite;-moz-animation:fade 1s linear infinite;-o-animation:fade 1s linear infinite}/*CSS Compressor by CssNevis*/
      این کدها رو هم ته هدر اضافه کنید و برای ویرایش لینک و متن اطلاعیه قسمت قرمز رنگ رو ویرایش کنید :

      کد:
      <vb:if condition="$show['member']">
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
      <script type="text/javascript">
      $(document).ready(function(){  $(".CssNevis_info_icon").click(function(){    $(".CssNevis_info.text").toggle(300);  });});</script>
      <div class="CssNevis_info tik"><span class="CssNevis_info_icon"></span></div>
      <div class="CssNevis_info text" style="display:none">
      <a href="#" class="CssNevis_info_text">
      متن تست برای اطلاعیه به کاربران جهت ورود به لینک مورد نظر ادمین .
      </a></div></vb:if>
      شات :

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


      موفق باشید.
      .
      .
      .
      .
      .
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

  1. #11
    Farshad Ghanbari آنلاین نیست.
    Farshad Ghanbari
    مدير بخش
    3,560نوشته8,085مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    219
    پسندیده است
    7,092 پست
    بلاگ
    پست
    میزان امتیاز
    8092
    مسئول 2 ستاره
    www.farshadghanbari.ir
    قسمت قرمز رنگ :

    کد:
    @-webkit-keyframes fade{from{opacity:1}50%{opacity:0}to{opacity:1}}@-moz-keyframes fade{from{opacity:1}50%{opacity:0}to{opacity:1}}@-o-keyframes fade{from{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes fade{from{opacity:1}50%{opacity:0}to{opacity:1}}.CssNevis_info{background:rgb(255,95,95);position:fixed;z-index:90;right:20px;bottom:20px;padding:5px;display:flex;max-width:250px;color:whitesmoke;border:3px solid rgba(0,0,0,0.06);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);-webkit-box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);-moz-box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);-ms-box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);-o-box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);cursor:pointer}.CssNevis_info_icon{background:url("http://upload.wikivb.ir/images/v3hy9uq66i5v6zld56iz.png");width:32px;height:32px;float:right;margin:0px 2px}.CssNevis_info_text{float:right;direction:rtl;text-align:right;color:wheat !important;text-decoration:none !important}.CssNevis_info.text{margin-right:60px}.CssNevis_info.tik{-webkit-animation:fade 1s linear infinite;-moz-animation:fade 1s linear infinite;-o-animation:fade 1s linear infinite}/*CSS Compressor by CssNevis*/

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



  2. #12
    khazande آنلاین نیست.
    khazande
    کاربر سايت
    167نوشته21مورد پسند

    تاریخ عضویت
    Jun 2013
    شماره عضویت
    1833
    پسندیده است
    138 پست
    بلاگ
    پست
    میزان امتیاز
    31
    www.crydev.ir
    ممنون بابت آموزش خوبت فقط یه سوال چطوری میتونم اون رنگ قرمز رو آبی کنم
    ممنون میشم راهنمایی کنی

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

    تاریخ عضویت
    Feb 2013
    شماره عضویت
    600
    پسندیده است
    2,453 پست
    بلاگ
    0 پست
    میزان امتیاز
    2825
    No Set
    این هم رنگ آبی :
    کد:
    @-webkit-keyframes fade{from{opacity:1}50%{opacity:0}to{opacity:1}}@-moz-keyframes fade{from{opacity:1}50%{opacity:0}to{opacity:1}}@-o-keyframes fade{from{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes fade{from{opacity:1}50%{opacity:0}to{opacity:1}}.CssNevis_info{background:rgb(95,138,255);position:fixed;z-index:90;right:20px;bottom:20px;padding:5px;display:flex;max-width:250px;color:whitesmoke;border:3px solid rgba(0,0,0,0.06);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);-webkit-box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);-moz-box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);-ms-box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);-o-box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);cursor:pointer}.CssNevis_info_icon{background:url("http://upload.wikivb.ir/images/v3hy9uq66i5v6zld56iz.png");width:32px;height:32px;float:right;margin:0px 2px}.CssNevis_info_text{float:right;direction:rtl;text-align:right;color:wheat !important;text-decoration:none !important}.CssNevis_info.text{margin-right:60px}.CssNevis_info.tik{-webkit-animation:fade 1s linear infinite;-moz-animation:fade 1s linear infinite;-o-animation:fade 1s linear infinite}/*CSS Compressor by CssNevis*/
    مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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



  4. #14
    Game Worlds آنلاین نیست.
    Game Worlds
    کاربر سايت
    114نوشته14مورد پسند

    تاریخ عضویت
    Jul 2013
    شماره عضویت
    2564
    پسندیده است
    101 پست
    بلاگ
    3 پست
    میزان امتیاز
    24
    counter-global.ir/Forum
    سلام
    عالی بود

    فقط یه سوال چیکار کنم که فقط برای مهمان ها نشونش بده

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

    تاریخ عضویت
    Feb 2013
    شماره عضویت
    600
    پسندیده است
    2,453 پست
    بلاگ
    0 پست
    میزان امتیاز
    2825
    No Set
    بله میشه با Guest مشخص کرد که فقط مهمان ببینه
    میتونید با فرشاد در ارتباط باشید تا براتون درست کننمرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

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



  6. #16
    MahMoUoD آنلاین نیست.
    MahMoUoD
    کاربر سايت
    352نوشته322مورد پسند

    تاریخ عضویت
    May 2013
    شماره عضویت
    1744
    پسندیده است
    820 پست
    بلاگ
    پست
    میزان امتیاز
    333
    www.farshost.net
    بجای کد پست اول، این کد رو به آخر هدر اضافه کنید:
    کد:
    <vb:if condition="$show['guest']">
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".CssNevis_info_icon").click(function(){ $(".CssNevis_info.text").toggle(300); });});</script> <div class="CssNevis_info tik"><span class="CssNevis_info_icon"></span></div> <div class="CssNevis_info text" style="display:none"> <a href="#" class="CssNevis_info_text"> متن تست برای اطلاعیه به کاربران جهت ورود به لینک مورد نظر ادمین . </a></div></vb:if>
    اینطوری فقط برای مهمان ها به نمایش در میاد. مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی

    3 نفر از اعضا پست MahMoUoD را پسندیده اند


    ویرایش توسط MahMoUoD : 06-02-2014 در ساعت 12:43 PM

  7. #17
    mirror آنلاین نیست.
    mirror
    کاربر سايت
    257نوشته45مورد پسند

    تاریخ عضویت
    May 2014
    شماره عضویت
    5331
    پسندیده است
    370 پست
    بلاگ
    پست
    میزان امتیاز
    55
    www.forum.elitegamer.ir
    اقا راهی هست که در سمت راست پایین صفحه قرار بگیره؟

  8. #18
    Farshad Ghanbari آنلاین نیست.
    Farshad Ghanbari
    مدير بخش
    3,560نوشته8,085مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    219
    پسندیده است
    7,092 پست
    بلاگ
    پست
    میزان امتیاز
    8092
    مسئول 2 ستاره
    www.farshadghanbari.ir
    نقل قول نوشته اصلی توسط mirror نمایش پست ها
    اقا راهی هست که در سمت راست پایین صفحه قرار بگیره؟
    دقیقا پایین سمت راسته! شات گذاشتم که

  9. #19
    mirror آنلاین نیست.
    mirror
    کاربر سايت
    257نوشته45مورد پسند

    تاریخ عضویت
    May 2014
    شماره عضویت
    5331
    پسندیده است
    370 پست
    بلاگ
    پست
    میزان امتیاز
    55
    www.forum.elitegamer.ir
    ببخشید.سمت چپ پایین

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

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    54
    پسندیده است
    3,264 پست
    بلاگ
    0 پست
    میزان امتیاز
    6858
    مسئول 3 ستاره
    wikivb.ir
    درود.
    به جای کد بالا از کد زیر استفاده کنید برای ادنشنال :
    کد HTML:
    @-webkit-keyframes fade{from{opacity:1}50%{opacity:0}to{opacity:1}}@-moz-keyframes fade{from{opacity:1}50%{opacity:0}to{opacity:1}}@-o-keyframes fade{from{opacity:1}50%{opacity:0}to{opacity:1}}@keyframes fade{from{opacity:1}50%{opacity:0}to{opacity:1}}.CssNevis_info{background:rgb(255,95,95);position:fixed;z-index:90;left:20px;bottom:20px;padding:5px;display:flex;max-width:250px;color:whitesmoke;border:3px solid rgba(0,0,0,0.06);border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);-webkit-box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);-moz-box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);-ms-box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);-o-box-shadow:0px 0px 0px 2px rgba(0,0,0,0.13);cursor:pointer}.CssNevis_info_icon{background:url("http://upload.wikivb.ir/images/v3hy9uq66i5v6zld56iz.png");width:32px;height:32px;float:right;margin:0px 2px}.CssNevis_info_text{float:right;direction:rtl;text-align:right;color:wheat !important;text-decoration:none !important}.CssNevis_info.text{margin-right:60px}.CssNevis_info.tik{-webkit-animation:fade 1s linear infinite;-moz-animation:fade 1s linear infinite;-o-animation:fade 1s linear infinite}/*CSS Compressor by CssNevis*/

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


    Coming Soon New Project ■

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

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

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

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

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

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

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