MyAlerts versetzt User CP, Mod CP button

MyAlerts versetzt User CP, Mod CP button - Druckversion

+- MyBB.de Forum (https://www.mybb.de/forum)
+-- Forum: Anpassungen (https://www.mybb.de/forum/forum-47.html)
+--- Forum: Theme-Diskussionen (https://www.mybb.de/forum/forum-84.html)
+--- Thema: MyAlerts versetzt User CP, Mod CP button (/thread-28924.html)

MyAlerts versetzt User CP, Mod CP button - Gobee129 - 27.12.2013

Hey Leute,

ich habe TheCure als Theme installiert. Es ist das meistegenutzte bei den Theme Mods von MyBB, deshalb hoffe ich mal, dass einige hier mit dem Theme Erfahrungen haben.

Ich habe ein weiteres oftgenutztes Plugin installiert: MyAlerts

Doch durch das Hinzufügen des Alert button, wurde die ganze Reihe mit Alerts, User CP, Mod CP und ACP verschoben, seht es euch an:

Kann mir jemand erklären wie ich

1. Den User CP button wieder auf die gleiche Höhe der anderen Buttons kriege?

2. Ich den Alerts (0) button ebenefalls in so einen blauen Tab einfüge, sodass alle buttons in der Reihe in einem Tab sind?

Vielen, vielen Dankl!!! Smile

RE: MyAlerts versetzt User CP, Mod CP button - SvePu - 27.12.2013

Hallo,

um die Optik anzupassen sind einige Änderungen von Nöten.

Los geht's Smile

Gehe in Templates & Styles > Templates > The Cure Templates > Seitenkopf Templates > header_welcomeblock_member und ersetze:

PHP-Code:
<div class="top_bar">
    <ul>
        <li><a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}" class="top_bar_lout"><span>{$lang->welcome_logout}</span></a></li>
        {$admincplink}
        <myalerts_headericon>{$modcplink}
        <li><a href="{$mybb->settings['bburl']}/usercp.php" class="top_bar_ucp"><span>{$lang->welcome_usercp}</span></a></li>
    </ul>
</div> 

durch:

PHP-Code:
<div class="top_bar">
    <ul>
        <li><a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}" class="top_bar_lout"><span>{$lang->welcome_logout}</span></a></li>
        {$admincplink}
        {$modcplink}
        <li><a href="{$mybb->settings['bburl']}/usercp.php" class="top_bar_ucp"><span>{$lang->welcome_usercp}</span></a></li>
        <myalerts_headericon>
    </ul>
</div> 

speichern und zurück zur Übersicht.

Gehe nun in Templates & Styles > Templates > The Cure Templates > MyAlerts Templates > myalerts_headericon und ersetze:

PHP-Code:
<span class="myalerts_popup_wrapper{$newAlertsIndicator}">
    &mdash; <a href="{$mybb->settings['bburl']}/usercp.php?action=alerts" class="unreadAlerts myalerts_popup_hook" id="unreadAlerts_menu">{$lang->myalerts_alerts} ({$mybb->user['unreadAlerts']})</a>
    <div id="unreadAlerts_menu_popup" class="myalerts_popup" style="display:none;">
        <div class="popupTitle">{$lang->myalerts_page_title}</div>
        <ol>
        {$alerts}
        </ol>
        <div class="popupFooter"><a href="usercp.php?action=alerts">{$lang->myalerts_usercp_nav_alerts}</a></div>
    </div>
</span> 

komplett durch:

PHP-Code:
<li class="myalerts_popup_wrapper{$newAlertsIndicator}"><a href="{$mybb->settings['bburl']}/usercp.php?action=alerts" class="unreadAlerts myalerts_popup_hook  top_bar_alert" id="unreadAlerts_menu"><span>{$lang->myalerts_alerts} ({$mybb->user['unreadAlerts']})</span></a>
    <div id="unreadAlerts_menu_popup" class="myalerts_popup" style="display:none;">
        <div class="popupTitle">{$lang->myalerts_page_title}</div>
        <ol>
        {$alerts}
        </ol>
        <div class="popupFooter"><a href="usercp.php?action=alerts">{$lang->myalerts_usercp_nav_alerts}</a></div>
    </div>
</li> 

speichern und zurück zur Übersicht.

Jetzt muss du noch das CSS anpassen.
Gehe zu Templates & Styles > Themes > The Cure > alerts.css und ersetze den gesamten Inhalt (Stylesheet bearbeiten: Fortgeschrittene Methode) mit:

PHP-Code:
#header .top_bar ul li a.top_bar_alert {
    background: url(images/thecure/style/bell.png) no-repeat;
    background-position:5px;
}

.unreadAlerts {
    display: inline-block;
}

.usercp_nav_myalerts {
    background:url(images/usercp/transmit_blue.png) no-repeat left center;
}

.usercp_nav_myalerts_delete_all {
    background:url(images/usercp/delete.png) no-repeat left center;
}

.usercp_nav_myalerts_delete_read {
    background:url(images/usercp/bin.png) no-repeat left center;
}

.newAlerts > a {
    color:red !important;
}

.myalerts_popup ol {
    list-style:none;
    margin:0;
    padding:0;
}

.myalerts_popup li {
    background: none !important;
    float: left !important;
    min-height: 24px !important;
    padding: 2px 4px !important;
    margin: 0 !important;
}

.myalerts_popup li .avatar {
        float:left;
        height:24px;
        width:24px;
}

.myalerts_popup li .alertContent {
        margin-left:30px;
        font-size:11px;
}

.unreadAlert {
        font-weight:bold;
        background:#FFFBD9;
}

.myalerts_popup_wrapper{
    position:relative !important;
}

.myalerts_popup_wrapper .myalerts_popup {
    background: #fff;
    width: 350px;
    max-width: 350px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    border-radius: 0 0 5px 5px;
    border-bottom: 1px solid #D4D4D4 !important;
    position: absolute;
    left: 0;
    top: 24px;
    z-index: 9999;
}

.myalerts_popup .popupTitle {
        font-weight:bold;
        margin:0 2px;
        padding:2px;
        border-bottom:1px solid #D4D4D4;
}

.myalerts_popup .popupFooter {
        padding:4px;
        box-shadow:inset 0 1px 0 0 rgba(255,255,255,0.2);
}

.myalerts_popup .popupFooter a{
        color: #aaa !important;
                padding: 5px 5px 3px 0px !important;
                font-size: 90%;
} 

..dann speichern.

Kopiere zu guter letzt noch die Datei (bell.png) aus dem Anhang in den Ordner "/images/thecure/style/bell.png"

Nun sollte alles, wie gewünscht, passen.