MyBB.de Forum
Logo links und in der Mitte - 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: Logo links und in der Mitte (/thread-28300.html)



Logo links und in der Mitte - Tamira - 04.08.2013

Hallo

ich habe schon mal geschaut, wie man oben ein Logo links und in der Mitte einfügen kann. Leider bin ich nicht sehr in PHP und CSS bewandert und so verstehe ich das nicht ganz. Ich benutzte das Theme GreyBlue_KY und habe es schon etwas anpassen können. Nun möchte ich ein zweites Logo (Überschrift) in der Mitte oder leicht versetzt platzieren. Kann mir jemand step by step erklären, was ich dafür machen muss?

LG
Tamira


RE: Logo links und in der Mitte - Jockl - 04.08.2013

Zu dem Thema gibt es hier im Forum schon ziemlich viel Themen....

Die Umsetzung hängt auch ein wenig davon ab, wie das Theme aufgebaut ist. Deshalb wäre ggf. ein Link zu Deinem Forum hilfreich.


RE: Logo links und in der Mitte - Tamira - 04.08.2013

Ok.
Der Link: http://www.imv-Huels.de/forum


RE: Logo links und in der Mitte - Jockl - 04.08.2013

Ein zweites Logo kannst Du im Template header wie folgt einsetzen. Ersetze hierzu in dem Template header
Code:
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>
durch
Code:
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<span style="float:right;margin-right:550px;"><img src="URLzuDeinemanderenLogo" alt="" /></span>
</div>
falls Du ein zusätzliches Bild/Logo einsetzen willst, oder durch
Code:
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
<span style="float:right;margin-right:550px;padding-top:70px;">Hier kommt Dein Text hin</span>
</div>
falls Du einen Text integrieren willst. Mit den Werten für margin-top bzw. padding-top musst evtl. ein wenig spielen.

Und schau Dir auch mal den HTML- und CSS-Validator für Deine Seite an. Da sind einige Fehler enthalten, die Du beseitigen solltest.


RE: Logo links und in der Mitte - Tamira - 04.08.2013

Danke, aber ich sagte "step by step" ;-/. Ich beschäftige mich erst jetzt mit Mybb und kenn die einzelnen Einstellungsmöglichkeiten noch nicht genau.

Wo finde ich die Einstellungen für den Template header?
Und ich habe keine Ahnung was ich mit dem CSS-Validator anstellen soll. Überprüfen ok, aber dann?


RE: Logo links und in der Mitte - MrBrechreiz - 04.08.2013

ACP --> Templates & Style --> Templates --> dein Design wählen --> Seitenkopf Templates --> header

darin findest Du das um dein Logo zu ändern.



Der Validator dient dazu um Fehler im HTML zu finden um sie dann zu beseitigen.


RE: Logo links und in der Mitte - Devidra - 04.08.2013

Im Administrationspanel, gehst du auf "Template & Styles"

Template-Sets » DEIN Template » Suche: Seitenkopf » header

Dort ist ( im Standart bzw. Default Theme ) diese Zeile

Zitat:<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a></div>

Dies is schon die Zeile für das normale Logo, aber bisschen mit HTML sollte man sich schon beschäftigen Smile


RE: Logo links und in der Mitte - Tamira - 04.08.2013

Vielen Dank für die Hilfe.
Und wieder etwas dazugelernt :-)

LG
Tamira


RE: Logo links und in der Mitte - Jockl - 04.08.2013

Bei der Größe der Grafik kannst Du das margin-left aber auch komplett weglassen. Dann sitzen die beiden Grafiken in einer Linie und machen den header nicht ganz so groß.


RE: Logo links und in der Mitte - Tamira - 04.08.2013

Ok.
Aber da sich die Grafik bei einem kleinen Browserfenster umbricht oder sich verschiebt, wenn am rechten Bildschirmrand eine Verschiebeleiste erscheint, habe ich mich dazu entschlossen, beide Grafiken in einer Logo-Grafik zu integrieren und als Logo einzustellen. Dies erschien mir am einfachsten. Aber trotzdem habe ich dazugelernt, was ja auch von Vorteil sein kann.

LG
Tamira