معهد دعم اتش فى اى بى اس لحلول الويب - Powered by vBulletin


 
 
النتائج 1 إلى 1 من 1

الموضوع: طريقة جديدة لعرض التنبيهات للجيل الرابع

  1. #1
    المشرف العام
    الصورة الرمزية HVIPS1


    تاريخ التسجيل: Jun 2011
    رقم العضوية: 3
    الدولة: eygpt
    المشاركات: 2,778
    HVIPS1 غير متواجد حالياً

    طريقة جديدة لعرض التنبيهات للجيل الرابع


    طريقة جديدة لعرض التنبيهات للجيل الرابع

    على شكل صندوق شفاف في أسفل الصفحة..

    مثال على الطريقة: الصورة في المرفقات.

    طريقة التركيب: ارفع الفولدر المرفق إلى فولدر منتداك الرئيسي.
    ثمّ عدّل القوالب التالية:
    افتح قالب الـ Header ابحث فيه عن :
    كود PHP:
    <vb:if condition="$notifications_total">                 <li class="popupmenu notifications" id="notifications">                     <class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a>                     <ul class="popupbody popuphover">                         {vb:raw notifications_menubits}                     </ul>                 </li>                 <vb:else />                 <li class="popupmenu nonotifications" id="nonotifications">                     <class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a>                     <ul class="popupbody popuphover">                         <li>{vb:rawphrase no_new_messages}</li>                         <li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>                     </ul>                 </li>                 </vb:if> 

    واستبدله بـ :
    كود:
    
      <li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
    






    ثم اضف في آخر القالب:
    كود:
    
    <vb:if condition="$notifications_total">     <div class="wcf_notifications">         <div class="wcf_notifications_content">           <p>New Notification(s)</p>           <p>{vb:raw notifications_menubits}</p>         </div>     </div> </vb:if>
    



    الآن افتح قالب additional.css واضف في آخره :
    كود PHP:
         .wcf_notifications {     background:url("http://hvips.net/images/wcf/50opacity.png"repeat 0 0 transparent;     border:1px solid #000000;     bottom: 20px;     left: 20px;     padding: 10px 15px;     position: fixed;     z-index: 10; }  .wcf_notifications_content {     background-color:transparent; }   .wcf_notifications_content li a {     color: #FFFFFF;     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }   .wcf_notifications_content li a:hover {     color: #FFFFFF;     text-shadow: 0 0 5px #FFFFFF; }  .wcf_notifications_content p {     color:#FFFFFF;     text-decoration:underline;     font-size:12px;     text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); } 














    الملفات المرفقة
    توقيع <font color=HVIPS1 ">
     
    نقره لتكبير أو تصغير الصورة ونقرتين لعرض الصورة في صفحة مستقلة بحجمها الطبيعي

 

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •