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

[هيلبرنت]

طريقة جديدة لعرض التنبيهات للجيل الرابع على شكل صندوق شفاف في أسفل الصفحة..
طريقة التركيب:
- ارفع الفولدر المرفق إلى فولدر منتداك الرئيسي.
- ثمّ عدّل القوالب التالية:
- افتح قالب الـ 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);
}

الصورة مرفقة

[نسيت النوم]

شرح راااائع اخى

احسنت

[هيلبرنت]

شكرا لك اخى

[MesterPerfect]

بارك الله فيك على الشروحات الرائعة التي تقدمها أخي وجزيت خيرا

[علاء الجوهرى]

شرح جمييييييييييييل