تبلیغات در اینترنت

تبلیغات در اینترنتگیفت کارت گوگل پلی
صفحه 1 از 2 12 آخرینآخرین
نمایش نتایج: از 1 به 10 از 12

مقاله: آموزش نمایش تعداد پیام های خصوصی به سبک جدید

    1. آموزش نمایش تعداد پیام های خصوصی به سبک جدید »

      آموزش نمایش تعداد پیام های خصوصی به سبک جدید

      نگارش: , by (مدیر بازنشسته)
      2012/06/01 05:05 PM
      امتیاز:  (1 رای ، میانگین : 5.00 )

      سلام دوستان ،

      می تونید برای اینکه کاربران بهتر متوجه بشن که پیام خصوصی جدید دارن ، در یک باکس زیبا این رو بهشون اطلاع بدید.
      این باکس فقط زمانی نشون داده می شه که کاربر پیام خصوصی جدید داشته باشه ! در غیر این صورت هیچ باکسی نشون نمیده..

      خوب، به قالب header برید و این رو اضافه کنید :

      کد:
                      <vb:if condition="$notifications_total != 0">
      
                      
                          <a class="Prv1" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_Notification}<span class="Prv2" >{vb:raw notifications_total}<br /></span> (New Message(s</a>
                          
      
                      <vb:else />
      
                      </vb:if>
      اگر خواستید در صورت نداشتن پیام خصوصی جدید هم این باکس نمایش داده بشه، به جای کد HTML بالا از این کد استفاده کنید :

      کد:
                      <vb:if condition="$notifications_total != 0">
      
                      
                          <a class="Prv1" href="usercp.php{vb:raw  session.sessionurl_q}" target="_blank">{vb:rawphrase  your_Notification}<span class="Prv2" >{vb:raw  notifications_total}<br /></span> (New Message(s</a>
                          
      
                      <vb:else />
      
      <a class="Prv1" href="usercp.php{vb:raw session.sessionurl_q}"  target="_blank">{vb:rawphrase your_Notification}<span class="Prv2"  >0<br /></span> (New Message(s</a>
                      </vb:if>

      حالا برید به Additional.css و این رو به آخرش اضافه کنید :

      کد:
      .Prv1 {
      
      
              position:fixed;
              margin-top:65px;
              margin-right:555px;
              background-color:#999;
              color:#fff;
              opacity: 0.4;
              padding:7px 10px;
              cursor:pointer;
              border-radius:5px 5px 5px 5px;
              z-index:100;
      
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      
      }
      
      .Prv1:hover { 
      
      text-decoration:none; color:#fff ;
              opacity: 0.6;
      -moz-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      -webkit-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      
      }
      .Prv2 { text-decoration:none;font-size:45px;text-align:center;font-weight:bold; }
      این باکس این شکلی هست ~> http://up.vbiran.ir/images/9glz26vgkax5e77fjfw1.jpg

      خودتون می تونید با تغییر دادن کد های CSS مطابق سلیقتون درش بیارید ..

      فینیشد !
      ویرایش توسط HolyMOoN : 2012/06/02 در ساعت 11:07 AM
  1. Top | #2
    مدیر بازنشته

    ورژن ویبولتین
    -
    نوشته ها
    3,971
    میزان امتیاز
    502

    پیش فرض

    سپاس

    بسیار زیبا بود . برای فیکس کردنش در گوشه پایین - راست نتونستن انجام بدهم .کسی از دوستان میتونه راهنمایی کنه ؟

  2. Top | #3
    مدیر بازنشته

    ورژن ویبولتین
    4.1.10
    نوشته ها
    175
    میزان امتیاز
    26

    پیش فرض

    کد:
    .Prv1 {           position:fixed; margin:bottom:0px;         margin-right:5px;         background-color:#999;         color:#fff;         opacity: 0.4;         padding:7px 10px;         cursor:pointer;         border-radius:5px 5px 5px 5px;         z-index:100

    کاربر مقابل از HolyMOoN بابت این پست مفید تشکر کرده است:


  3. Top | #4
    مدیر بازنشته

    ورژن ویبولتین
    -
    نوشته ها
    3,971
    میزان امتیاز
    502

    پیش فرض

    متاسفانه نمیشه

    میره وسط راست . اما به پایین راست منتقل نمیشه !!!

  4. Top | #5
    مدیر بازنشته

    ورژن ویبولتین
    4.1.10
    نوشته ها
    175
    میزان امتیاز
    26

    پیش فرض

    این رو هم امتحان کنید، قائدتا باید درست بشه !

    کد:
    .Prv1 {
    
            position:fixed;
            right:50%;
            margin-right:-470px;
            background-color:#999;
            opacity: 0.4;
            color:#fff;
            bottom:0;
            padding:7px 10px;
            cursor:pointer;
            border-radius:5px 5px 5px 5px;
            z-index:100;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    }

    2 تشکر توسط:


  5. Top | #6
    مدیر بازنشته

    ورژن ویبولتین
    -
    نوشته ها
    3,971
    میزان امتیاز
    502

    پیش فرض

    دست گلت درد نکنه درست شد . واقعا کاربردی و زیباست

    2 تشکر توسط:


  6. Top | #7
    کاربر سایت

    ورژن ویبولتین
    4.1.3
    نوشته ها
    1,204
    میزان امتیاز
    130

    پیش فرض

    نقل قول نوشته اصلی توسط HolyMOoN نمایش پست ها
    این رو هم امتحان کنید، قائدتا باید درست بشه !

    کد:
    .Prv1 {
    
            position:fixed;
            right:50%;
            margin-right:-470px;
            background-color:#999;
            opacity: 0.4;
            color:#fff;
            bottom:0;
            padding:7px 10px;
            cursor:pointer;
            border-radius:5px 5px 5px 5px;
            z-index:100;
            -moz-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            -webkit-transition: all 0.4s ease-in-out;
            transition: all 0.4s ease-in-out;
    }
    این کدهارو باید کجا بزاریم؟

  7. Top | #8
    مدیر بازنشته

    ورژن ویبولتین
    -
    نوشته ها
    3,971
    میزان امتیاز
    502

    پیش فرض

    این کدها را به جای قسمت اول از کدهای additional باید اضافه کنید . برای راحتی کد زیر را کامل استفاده کنید :

    کد:
    
    .Prv1 {          position:fixed;         right:50%;         margin-right:-470px;         background-color:#999;         opacity: 0.4;         color:#fff;         bottom:0;         padding:7px 10px;         cursor:pointer;         border-radius:5px 5px 5px 5px;         z-index:100;         -moz-transition: all 0.4s ease-in-out;         -o-transition: all 0.4s ease-in-out;         -webkit-transition: all 0.4s ease-in-out;         transition: all 0.4s ease-in-out; }
    
    .Prv1:hover {   text-decoration:none; color:#fff ;         opacity: 0.6; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;  } .Prv2 { text-decoration:none;font-size:45px;text-align:center;font-weight:bold; }

    2 تشکر توسط:


  8. Top | #9
    کاربر سایت

    ورژن ویبولتین
    4.1.3
    نوشته ها
    1,204
    میزان امتیاز
    130

    پیش فرض

    ممنون مهدی جان
    ی سوال دیگ
    قسمت هدر گفته این رو اضافه کنیم !
    یعنی اخرش اضافه کنیم؟

    کد:
    <vb:if condition="$notifications_total != 0">                                       <a class="Prv1" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_Notification}<span class="Prv2" >{vb:raw notifications_total}<br /></span> (New Message(s</a>                                       <vb:else />                  </vb:if>
    ـــــــــ اضافه شده ـــــــــ

    ممنون مهدی جان
    ی سوال دیگ
    قسمت هدر گفته این رو اضافه کنیم !
    یعنی اخرش اضافه کنیم؟

    کد:
    <vb:if condition="$notifications_total != 0">                                       <a class="Prv1" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_Notification}<span class="Prv2" >{vb:raw notifications_total}<br /></span> (New Message(s</a>                                       <vb:else />                  </vb:if>

  9. Top | #10
    مدیر بازنشته

    ورژن ویبولتین
    -
    نوشته ها
    3,971
    میزان امتیاز
    502

    پیش فرض

    اگه از کد نمایش کامل برای هدر استفاده کردید بهتره بعد از اون باشه یعنی بعد از :
    <!-- Full width Logo Code End -->

    اگر استفاده نکردید بالای کد

    </vb:if>
    <div id="toplinks" class="toplinks">

    قرار بدهید

    کاربر مقابل از Mehdi13 بابت این پست مفید تشکر کرده است:


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

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

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

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

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

  1. اموزش نمایش اطلاع رسانی پیام خصوصی به این سبک moohsen
    توسط moohsen در انجمن آموزش های وی بولتین
    پاسخ: 15
    آخرين نوشته: 2012/10/26, 07:47 PM
  2. پاسخ: 2
    آخرين نوشته: 2012/02/15, 12:59 PM
  3. پاسخ: 0
    آخرين نوشته: 2012/01/28, 12:15 PM
  4. آموزش ایجاد متن چشمک زن روی پیام خصوصی
    توسط Mojtaba_6485 در انجمن هک و آموزش های مخصوص
    پاسخ: 4
    آخرين نوشته: 2011/10/23, 12:34 AM
  5. پیام خصوصی بعد از تعداد پست مشخص
    توسط sina1415 در انجمن پرسش و پاسخ
    پاسخ: 1
    آخرين نوشته: 2011/05/18, 06:04 PM

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

علاقه مندی ها (Bookmarks)

علاقه مندی ها (Bookmarks)

مجوز های ارسال و ویرایش

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