/ آموزش ایجاد اطلاع از پیغام شخصی بسیار زیبا
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
صفحه 5 از 8 نخستنخست ... 34567 ... آخرینآخرین
نمایش نتایج: از 41 به 50 از 76

مقاله: آموزش ایجاد اطلاع از پیغام شخصی بسیار زیبا

    1. آموزش ایجاد اطلاع از پیغام شخصی بسیار زیبا

      آموزش ایجاد اطلاع از پیغام شخصی بسیار زیبا

      درود
      به درخواست دوستان آموزش اطلاع رسانی به یک سبک زیبا رو براتون آماده کردم .
      برای اینکار به جست و جوی قالب ها رفته و سرچ کنید additional.css رو و به انتهاش کد های زیر رو اضافه کنید :
      کد:
      .wcf_notifications {
      bottom:0px;
      left:20px;
      padding:12px 18px;
      position:fixed;
      z-index:99999;
      background:#585858;
      height:auto;
      border-top: 3px solid #0090ff;
      -webkit-border-radius:8px 8px 0 0;
      -moz-border-radius:8px 8px 0 0;
      -o-border-radius:8px 8px 0 0;
      -ms-border-radius:8px 8px 0 0;
      border-radius:8px 8px 0 0;
      
      }
      .wcf_notifications_content{
      background-color:transparent;
      }
      .wcf_notifications_content li a{
      color:#FFFFFF;
      text-shadow:1px 1px 1px #000;
      -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;
      }
      .wcf_notifications_content li a:hover{
      color:#0090ff;
      text-decoration: none;
      }
      .wcf_notifications_content p{
      position: absolute;   
      color:#FFFFFF;
      text-decoration: none;
      font-size:13px;
      text-shadow:1px 1px 1px #000;
      margin-top: -34px;
      left: 50px;
      background: #0090ff;
      padding: 2px 6px 5px 6px;
      border-radius: 6px 6px 0 0;
      -moz-border-radius: 6px 6px 0 0;
      -webkit-border-radius: 6px 6px 0 0;
      -o-border-radius: 6px 6px 0 0;
      -ms-border-radius: 6px 6px 0 0;
      }
      حالا ذخیره کرده و در جست و جوی قالب ها header را جست و جو کرده و کد های زیر هم به انتهای header اضافه کنید :
      کد:
      <vb:if condition="$notifications_total"> <div class="wcf_notifications"> <div class="wcf_notifications_content"> <p>شما پیغام جدید دارید</p> <p>{vb:raw notifications_menubits}</p> </div> </div></vb:if>
      به همین سادگی حالا هنگام دریافت پیغام شخصی کادر زیبایی در پاین سمت چپ ظاهر خواهد شد .
      دقت داشته باشید این آموزش روی لوکال هاست انجام شده و صد در صد سالم است .
      دمو :
      مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی
      ویکی وی بی
      چنانچه این مطلب مورد پسند شما واقع شده بر روی کلیک کنید .

  1. #41
    DEFALT آنلاین نیست.
    DEFALT
    مدير بازنشسته
    1,562نوشته3,626مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    214
    پسندیده است
    6,520 پست
    بلاگ
    5 پست
    میزان امتیاز
    3636
    No Set
    کدهایی که اضاف کردید رو حذف کنید.
    سپس کدهای
    header و additional.css قالبتون رو بزارید اینجا(بدون این کدهای جدید)

  2. #42
    DEFALT آنلاین نیست.
    DEFALT
    مدير بازنشسته
    1,562نوشته3,626مورد پسند

    تاریخ عضویت
    Dec 2012
    شماره عضویت
    214
    پسندیده است
    6,520 پست
    بلاگ
    5 پست
    میزان امتیاز
    3636
    No Set
    نه متاسفانه مگه این از شخص دیگه ای که این قالبو داره کدهای additional.css رو بگیرید یا از سازنده قالب
    پیشنهاد میکنم قالب رو دوباره نصب کنید.

  3. #43
    J⑩nAt⑩N آنلاین نیست.
    J⑩nAt⑩N
    مدير بازنشسته
    3,937نوشته6,621مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    53
    پسندیده است
    4,639 پست
    بلاگ
    0 پست
    میزان امتیاز
    6632
    sooon
    همین قالب رو با نام دیگه ای نصب کنید و کدها رو از این جدیده که نصب کردی بردار و بزار تو اونی که حذف شده

    کاربر زیر پست J⑩nAt⑩N را پسندیده است:


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

  4. #44
    THE CORRE آنلاین نیست.
    THE CORRE
    کاربر سايت
    10نوشته1مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1445
    پسندیده است
    8 پست
    بلاگ
    پست
    میزان امتیاز
    11
    No Set
    تست شد عالی بود

    کاشکی میشد رنگش رو هم میشد عوض کرد

  5. #45
    M-Barati آنلاین نیست.
    M-Barati
    پاسخگو و راهنما
    مدير بخش
    3,015نوشته3,985مورد پسند

    تاریخ عضویت
    Nov 2012
    شماره عضویت
    59
    پسندیده است
    6,300 پست
    بلاگ
    2 پست
    میزان امتیاز
    3995
    مسئول 2 ستاره
    www.irtalk.ir
    رنگشو میشه عوض کرد...
    قسمت آبی اینه کدش:
    کد:
    color:#0090ff;
    قسمت خاکستری هم اینه:
    کد:
    
    position:fixed; z-index:99999;background:#585858; height:auto;
    کد رنگ ها رو با رنگ مورد نظرتون عوض کنید

    کاربر زیر پست M-Barati را پسندیده است:


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

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

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir
    چجوری میشه بیارمش بالاتر؟

  7. #47
    Game آنلاین نیست.
    Game
    کاربر سايت
    930نوشته584مورد پسند

    تاریخ عضویت
    Jan 2013
    شماره عضویت
    437
    پسندیده است
    142 پست
    بلاگ
    0 پست
    میزان امتیاز
    594
    No Set
    داخل کد های cssنوشته
    bottom:0px
    اون مقدار رو زیادکن ببین چقدر خوبه باشه

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


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

  8. #48
    Graph آنلاین نیست.
    Graph
    کاربر اخراجي
    4نوشته0مورد پسند

    تاریخ عضویت
    May 2013
    شماره عضویت
    1742
    پسندیده است
    0 پست
    بلاگ
    پست
    میزان امتیاز
    10
    tehrantheme.ir/forum.php
    چطور می شه رنگ قسمت بالایی اش که آبی هست قرمز کرد؟

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

    تاریخ عضویت
    Mar 2013
    شماره عضویت
    984
    پسندیده است
    2,596 پست
    بلاگ
    2 پست
    میزان امتیاز
    6578
    مسئول 2 ستاره
    www.cssnevis.ir
    در additional.css پیدا کنید:

    کد:
    .wcf_notifications_content li a:hover{
    color:#0090ff;
    text-decoration: none; 
    }
    سپس 0090ff رو به رنگ مورد نظر تغییر بدید!
    .....

  10. #50
    Mr.Mehrdad آنلاین نیست.
    Mr.Mehrdad
    کاربر سايت
    411نوشته373مورد پسند

    تاریخ عضویت
    Jan 2013
    شماره عضویت
    257
    پسندیده است
    300 پست
    بلاگ
    2 پست
    میزان امتیاز
    383
    par30patogh.com
    من وقتی میخوام این رو برای ورژن v3 بذارم ج نمیده

    هم به اخر هدر اضافه میکنم هم تو ادیشنال. سی اس اس کد ها رو اضافه میکنم اما نشون نمیده
    پارسی پاتوق همراه با جوایز هفتگی

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


صفحه 5 از 8 نخستنخست ... 34567 ... آخرینآخرین

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

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

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

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

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

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