MyBB.de Forum

Normale Version: wie Startseiten logo zentrieren und automatsch an die auflösung anpassen
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Seiten: 1 2 3 4 5
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
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
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.
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" />
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>
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
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>
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>
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.
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
Seiten: 1 2 3 4 5