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

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

}

الصورة مرفقة