vBulletin WCF - New Way To Display Notifications v2 (CSS) (1 Betrachter)

  • Ersteller des Themas
  • Admin
  • #1

d0c

Community-Team
Administrator
Black-Market: 1 / 0 / 0
25 Mai 2011
13.095
100 %

INFOBOX →
1. Open header template and find:

PHP:
<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>
2. replace with:

PHP:
<li><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></li>
same template add to the bottom:

PHP:
<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>
3) Open template additional.css and add the following
Code:
.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); }
3. Upload images folder to your vBulletin root.
 

Dieses Thema betrachten gerade (Benutzer: 0, Gäste: 1)