+- 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: Titel/Header/Menus centrieren (/thread-38780.html)
Titel/Header/Menus centrieren - pentilisea - 16.07.2023
Haya,
ich bin hoffentlich in der richtigen Abteilung, korrigiert mich bitte, wenn ich woanders posten sollte ...
MyBB 1.8.34
PHP 8.2
URL https://pentilisea.ddns.net/plotting
Sprache: Englisch
Ich habe das MyBB Logo durch ein Bild ersetzt. Nun möchte ich das Bild und das Menu centrieren, also mittig setzen.
Ich habe in Default Templates/Header Templates/ Header aufgerufen, aber da meine HTML Kenntnisse nicht sonderlich sind, brauche ich ein wenig Unterstützung - oder möglicherweise sollte ich ein anderes Script aufrufen?
Ich danke Euch für Eure Zeit und Hilfe ....
Klaus
Code:
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<p>
<div class="wrapper">
<p>
<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">
<br>
{$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>
<div id="panel">
<div class="upper">
<div class="wrapper">RE: Titel/Header/Menus centrieren - SvePu - 17.07.2023
Dein Header Template:
Code:
<div id="container">
<a name="top" id="top"></a>
<div id="header">
<div id="logo">
<div class="wrapper">
<div id="header_img">
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
</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>
<div id="panel">
<div class="upper">
<div class="wrapper">zum Theme global.css hinzufügen:
Code:
#header_img {
text-align: center;
}