+- 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: Zweizeiliger Text neben Logo (/thread-32695.html)
Zweizeiliger Text neben Logo - rambo123 - 30.09.2015
Hallo zusammen
Ich möchte oben, rechts neben dem Logo einen Text (zweizeilig). Den Namen des Boards ausgeschrieben und darunter einwenig kleiner eine kurze Beschreibung wie z. B. 'Board für die echten Fallout Fans' :-)
Hoffentlich kann mir wer helfen.
Danke und Gruss
RE: Zweizeiliger Text neben Logo - SvePu - 30.09.2015
Machbar ist das schon...
Da nicht alle Forum-Themes gleich aufgebaut sind, bräuchten wir, um effektiv helfen zu können, eine URL zu deiner Seite.
RE: Zweizeiliger Text neben Logo - rambo123 - 30.09.2015
(30.09.2015, 13:16)SvePu schrieb: Machbar ist das schon...
Da nicht alle Forum-Themes gleich aufgebaut sind, bräuchten wir, um effektiv helfen zu können, eine URL zu deiner Seite.
Danke für die rasche Hilfe.
Ich habe das Forum frisch installiert. Also handelt es sich um das Standart-Theme.
RE: Zweizeiliger Text neben Logo - SvePu - 30.09.2015
OK... zur Demo wie es grundsätzlich funktioniert, hier mal eine Anregung:
Öffne das header Template deines Themes und suche nach dem Teil:
PHP-Code:
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<ul class="menu top_links">
{$menu_portal}
{$menu_search}
{$menu_memberlist}
{$menu_calendar}
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul>
</div>
</div>
Ersetze den kompletten Teil nun durch:
PHP-Code:
<div id="header">
<div id="logo">
<div class="wrapper">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" class="logo" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<div class="headerinfo">
<div class="headerinfo_title">{$mybb->settings['bbname']}</div>
<div class="headerinfo_description">Das ist ein Testboard</div>
</div>
<ul class="menu top_links">
{$menu_portal}
{$menu_search}
{$menu_memberlist}
{$menu_calendar}
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></li>
</ul>
</div>
</div>
In den DIV-Containern mit den CSS-Klassen "headerinfo_title" & "headerinfo_description" kannst du deinen gewünschten Text einfügen. (In diesem Fall wird der Titel aus den Forum-Einstellungen (bbname) verwendet.
Um das Ganze vernünftig aussehen zu lassen, benötigst du noch einige Änderungen in der global.css des Themes.
Öffne die global.css im erweiternen Bearbeitungsmodus und füge ganz unten folgendes ein:
Code:
img.logo, .headerinfo {
display: inline-block;
vertical-align: top;
}
.headerinfo_title {
margin: 7px 10px 0;
font-size: 2em;
font-weight: bold;
}
.headerinfo_description {
margin: 0 10px;
font-size: 1.2em;
}Die entsprechenden CSS-Regeln müssen ggf. noch an deine Forenoptik angepasst werden.
So sieht es mit meinen Änderungen aus:
RE: Zweizeiliger Text neben Logo - rambo123 - 30.09.2015
Ähm entschuldigung wo finde ich die Datei xyz.php?
Ich habe momentan nur KVM zur Verfügung und habe beim manuellen rumsuchen leider nichts gefunden.
RE: Zweizeiliger Text neben Logo - StefanT - 01.10.2015
Was meinst du mit xyz.php? SvePu hat nur Änderungen am Theme vorgeschlagen und die werden alle im Admin-CP vorgenommen.
RE: Zweizeiliger Text neben Logo - rambo123 - 01.10.2015
Danke hat geklappt. Der zweite Text ist nur zu weit unten in den Symbolen drin
RE: Zweizeiliger Text neben Logo - StefanT - 01.10.2015
(30.09.2015, 14:12)SvePu schrieb: Öffne die global.css im erweiternen Bearbeitungsmodus und füge ganz unten folgendes ein: