Hallo, Gast! (Registrieren)

Wir wünschen allen Besuchern frohe Ostern!

Letzte Ankündigung: MyBB 1.8.37 veröffentlicht (04.11.23)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
MyAlerts versetzt User CP, Mod CP button
#1
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
Zitieren
#2
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 {
    
backgroundurl(images/thecure/style/bell.pngno-repeat;
    
background-position:5px;
}

.
unreadAlerts {
    
displayinline-block;
}

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

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

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

.
newAlerts {
    
color:red !important;
}

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

.
myalerts_popup li {
    
backgroundnone !important;
    
floatleft !important;
    
min-height24px !important;
    
padding2px 4px !important;
    
margin!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;
    
width350px;
    
max-width350px;
    
box-shadow0 0 10px rgba(0,0,0,0.2);
    
border-radius0 0 5px 5px;
    
border-bottom1px solid #D4D4D4 !important;
    
positionabsolute;
    
left0;
    
top24px;
    
z-index9999;
}

.
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;
                
padding5px 5px 3px 0px !important;
                
font-size90%;

..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.

       


Angehängte Dateien
.png   bell.png (Größe: 789 Bytes / Downloads: 46)
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  User-CP Darstellungsproblem bei MyAlerts lenox 7 2.490 23.01.2018, 15:14
Letzter Beitrag: lenox
  [geteilt] MyAlerts hkkp 2 1.227 01.06.2015, 03:10
Letzter Beitrag: hkkp
  myAlerts button im theme hkkp 8 2.392 02.03.2014, 08:38
Letzter Beitrag: hkkp