Hallo, Gast! (Registrieren)

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


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
wie Startseiten logo zentrieren und automatsch an die auflösung anpassen
#1
hallo liebe leute,
nachdem ich die sufu ignoriert google...

ne mal im ernst, ich hab die sufu nach meinen belagen abgefragt aber nichts gefunden, kann auch sein das ich blind bin.


wie im betreff schon angedeutet wüsste ich gern wie und wo ich das logo auf der startseite, da wo ja normalerweise MYBB als logo prangt, mittig anordnen kann. ausserdem wüsste ich gern ob es eine funktion gibt mit der das logo auf die jeweilige auflösung des monitors zurecht gezogen oder geschrumpft wird.

mit bestem dank im voraus.

maximus
Zitieren
#2
Mhh ich weis nich genau wie du das meinst mit dem Zentrieren, willst du es horiziontal zentrieren oder willst du es vertikal zentrieren? Meinst du das Logo oben im Forum? Oder haste mal nen Link oder Bild mit einer Demo was du genau machen möchtest.

Das mit der auflösung ist eine sache für sich aber erstmal das obere klären
Gruss
Silaz

RTFM | BlackStyle | Soulrockers
Zitieren
#3
Füge folgenden Code in die Box für Extra-CSS deines Themes ein, um das Logo zu zentrieren:
Code:
.logo {
text-align: center;
}
Um das Logo der Größe anzupassen, sollte es gehen Prozentwerte bei der Größe anzugeben:
Code:
<img width="100%"... />
Den HTML-Code für das Logo findest du im Template header.

Gruß,
Michael
[Bild: banner.png]
Support erfolgt NUR im Forum!
Bitte gelöste Themen als "erledigt" markieren.
Beiträge mit mangelhafter Rechtschreibung/Grammatik werden kommentarlos gelöscht.
Zitieren
#4
hmmm also das mit dem zentrieren hat ja schon mal geklapt, da bin ich ja schon mal richtig glücklich drüber, aber wo soll ich den den schnipsel
Code:
<img width="100%"... />
einfügen?

mein header sieht zur zeit so aus:
Code:
<a name="top" id="top"></a>
    <div id="container">
        <div id="header">
            <div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" /></a></div>
            <div class="menu">
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$theme['imgdir']}/toplinks/search.gif" alt="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$theme['imgdir']}/toplinks/memberlist.gif" alt="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$theme['imgdir']}/toplinks/calendar.gif" alt="" />{$lang->toplinks_calendar}</a></li><li><a href="$settings[bburl]/chat.php"><img src="$settings[bburl]/images/chat.gif" border="0" alt="Chat">Chat</a></li>
                    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$theme['imgdir']}/toplinks/help.gif" alt="" />{$lang->toplinks_help}</a></li>
                </ul>
            </div>
            <hr class="hidden" />
            <div id="panel">
                {$welcomeblock}
            </div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            {$bannedwarning}
            {$bbclosedwarning}
            {$unreadreports}
            <navigation>
            <br class="clear" />
Zitieren
#5
Ersetze

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


mit:

Code:
<div class="logo"><a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" style="width: 100%;"/></a></div>
Vantage-Forum: http://vantage-forum.de/
Zitieren
#6
mensch das ist ja echt klasse, wie schnell ihr hier auf fragen und probleme reagiert.
da bedanke ich mich doch mal wirklich mit hochachtung.
ihr seid klasse :-)

Maximus
Zitieren
#7
Hm.......könnt Ihr mir da auch helfen ????????

Hab versucht das Logo im Header einzubauen.
Ich würd auch gerne das das Bild über das ganze Fenster haben,
so wie bei euch oben. So das es sich an der Monitor breite anpasst und zurecht gezogen
und geschrumpft wird.

Im moment sieht es bei mir so wie im Attachment aus........


Und zwischen dem Bild und der Wilkommenbox soll der Abstand weg.
Also so das die Wilkommensbox, direkt am Foto anschliesst.
Ich hab es im Bild rot makiert, damit Ihr wisst was ich meine.

Ich poste auch meil die header datei rein

<table width="300%" border="0" cellspacing="0" cellpadding="0"></table style="width: 200%;"/>
<tr> <td width="100" align="center" ><img src="images/logo.gif" alt="" border="0" /></td> </tr>
</table>

<div class="logo">

<table width="0%" border="0" cellspacing="0" cellpadding="0"><img src="{$theme['images/logo.gif']}" alt="{$mybb->settings['images/logo.gif']}" style="width: 100%;"/></td> </tr>

</table></a></div>

<a name="top" id="top"></a>
<div id="container">
<div id="header">
<div class="logo"></div>


<div id="panel">
{$welcomeblock}
</div>
</div>

<div class="menu">

<ul>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/search.gif" alt="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/memberlist.gif" alt="" />{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/calendar.gif" alt="" />{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/help.gif" alt="" />{$lang->toplinks_help}</a></li>
</ul>
</div>

<div id="content">
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
<navigation>


Angehängte Dateien Thumbnail(s)
   
Zitieren
#8
Hi versuch es mal so.

Code:
<table width="300%" border="0" cellspacing="0" cellpadding="0"></table style="width: 200%;"/>
<tr> <td width="100" align="center" ><div align="center"><img src="images/logo.gif" alt="" border="0" /></div></td> </tr>
</table>

<div class="logo">

<table width="0%" border="0" cellspacing="0" cellpadding="0"><img src="{$theme['images/logo.gif']}" alt="{$mybb->settings['images/logo.gif']}" style="width: 100%;"/></td> </tr>

</table></a></div>

<a name="top" id="top"></a>
<div id="container">
<div id="header">
<div class="logo"></div>


<div id="panel">
{$welcomeblock}
</div>
</div>

<div class="menu">

<ul>
<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/search.gif" alt="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/memberlist.gif" alt="" />{$lang->toplinks_memberlist}</a></li>
<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/calendar.gif" alt="" />{$lang->toplinks_calendar}</a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/help.gif" alt="" />{$lang->toplinks_help}</a></li>
</ul>
</div>

<div id="content">
{$bannedwarning}
{$bbclosedwarning}
{$unreadreports}
<navigation>
Gruss
Silaz

RTFM | BlackStyle | Soulrockers
Zitieren
#9
Oh wow, danke ....!
Hab gerade meinen Beitrag edetiert, als du antgewortet hast.

Hab es gerade so versucht, aber es sit auch nicht so das was ich meine.
Sobald ich das Browser Fenster verkleiner bzw. vergrößere schiebt sich das Bild immer hin und her.
Aber es passt sich nicht der gesammten größe an.

Zumal soll das Bild ganz oben an der Ecken anfangen ohne Rahmen und so......
Wie das hier oben "also das mein Board.de Bild mit dem blauen Hintergrund"
Also ohne zwischenraum.
Zitieren
#10
Naja dieses Bild oben ist ein front pic und ein bg pic wie ich es auf den ersten blick sehe, du hast jedoch nur ein bild,
Deins würde denke ich so gehen
<img src="images/logo.gif" alt="" border="0" width="100%" />
dann wäre es auf maximaler breite.

Dein Code oben is sowie so sehr widersprüchlich

Code:
<table width="300%" border="0" cellspacing="0" cellpadding="0"></table style="width: 200%;"/>
<tr> <td width="100" align="center" ><div align="center"><img src="images/logo.gif" alt="" border="0" /></div></td> </tr>
</table>
Mal abgesehen davon das dieser Code totale durcheinander ist und nirgends richtig funktionieren wird.
Bei diesen Tabellen würde ich dir erstmal http://de.selfhtml.org/navigation/html.htm#tabellen ans Herzlegen denn ohne dies wird das nüschts
Gruss
Silaz

RTFM | BlackStyle | Soulrockers
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  wiedermal LOGO zentrieren loik 2 1.065 27.09.2020, 08:07
Letzter Beitrag: loik
  Logo Zentrieren und Hintergrund ändern Luna La Forbes 20 5.210 07.10.2018, 22:20
Letzter Beitrag: Luna La Forbes
  Forum Logo fest machen, bzw das man das Logo nicht Kopieren oder klauen kann?=/ BattlieldAD 44 13.140 07.06.2014, 15:07
Letzter Beitrag: MrBrechreiz
Question Logo links + Logo rechts press 45 17.793 28.01.2014, 15:49
Letzter Beitrag: MrBrechreiz
  Banner zentrieren wie? Licht 5 1.930 19.03.2013, 21:27
Letzter Beitrag: Jockl