عرض مشاركة واحدة
احصائياتى

الردود
4

المشاهدات
1766
هيلبرنت
.:: رفيق درب ::.
  • هيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant futureهيلبرنت has a brilliant future

  • هيلبرنت غير متواجد حالياً

المشاركات
11,551

+التقييم
321

تاريخ التسجيل
Jul 2015

الاقامة
فى الدنيا

نظام التشغيل
windows 8

رقم العضوية
18
03-05-2018, 01:16 PM
المشاركة 1
03-05-2018, 01:16 PM
المشاركة 1
افتراضي طريقة جديدة لعرض التنبيهات للجيل الرابع
طريقة جديدة لعرض التنبيهات للجيل الرابع على شكل صندوق شفاف في أسفل الصفحة..
طريقة التركيب:
- ارفع الفولدر المرفق إلى فولدر منتداك الرئيسي.
- ثمّ عدّل القوالب التالية:
- افتح قالب الـ Header ابحث فيه عن :
كود:
<vb:if condition="$notifications_total">                 
<li class="popupmenu notifications" id="notifications">                     
<a 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">                     
<a 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 واضف في آخره :
كود:
.wcf_notifications {     
         background:url(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); 
}
الصورة مرفقة

الملفات المرفقة
نوع الملف: zip wcf.zip‏ (766 بايت, المشاهدات 258)

التعديل الأخير تم بواسطة هيلبرنت ; 10-12-2018 الساعة 02:57 PM