MyBB.de Forum

Normale Version: zwei logos im hintergrund
Du siehst gerade eine vereinfachte Darstellung unserer Inhalte. Normale Ansicht mit richtiger Formatierung.
Seiten: 1 2
hey!

weiss jemand vielleicht wie ich im Page Container

in beide ecken oben je ein logo einbaue?

ecke links ist einfach:

background-image: url(images/logolinks.gif);
background-repeat: no-repeat;
background-position: left top;

aber gleichzeitig das selbe rechts?

danke,
sto
Dazu müsstest du entweder eine Tabelle mit zwei Spalten machen, aber du kannst einfach zwei Bilder mit align="right/left" einfügen. Dann sind es zwar keine Hintergrundbilder mehr, aber im Falle von Logos stört das nicht weiter, oder?
wen ich zwei bilder einmal mit align left und das andere mit aling right einsetze dann werden sie in zwei zeilen dargestellt. ein bild ist also immer so viel tiefer platziert wie das andere hoch ist Sad

es geht mir einfach darum neben dem eingentlichen logo in der mitte über meinem forum noch zwei kleinere banner links ober und rechts oben für anzeigen zu setzen

sto
Dann musst du eien Tabelle machen:
Öffne das Template header und finde:

Code:
<div class="logo">[...]</div>

ersetzen mit:

Code:
<div class="logo">
<table cellpadding="0" cellspacing="0">
<tr>
<td id="logolinks"></td>
<td id="logorechts"></td>
</tr>
</table>
</div>

Dann fügst du im CSS das ein:

[/code]td#logolinks {
background-image: url(images/logolinks.gif);
background-repeat: no-repeat;
background-position: left top;}

td#logorechts {
background-image: url(images/logorechts.gif);
background-repeat: no-repeat;
background-position: left top;
}[quote]

Das müsste funktionieren. Evtl. musst du den Dateinamen des logos noch anpassen.
wow danke
werd ich gleich machen
Dann fügst du im CSS das ein:

[/code]td#logolinks {
background-image: url(images/logolinks.gif);
background-repeat: no-repeat;
background-position: left top;}

td#logorechts {
background-image: url(images/logorechts.gif);
background-repeat: no-repeat;
background-position: left top;
}[quote]


hm...wo im CSS?

habs in den page container und body CSS eingestzt aber es klappte nicht

NetHunter

So geht es auch. Logo links und rechts.
das ist alles ok aber wie kriege ich die beiden zusätzlichen logos in den hintergrund?
zB in den page container, damit sie nötigenfalls vom hauptlogo verdeckt werden, wie gesagt es ist nriesenhauptlogo :-)

sto
Du kannst das Hauptlogo doch als Grafik einfügen und das zweite Logo als Hintergrund rechts positionieren:
Code:
.logo {
background: #ffffff url(images/logo2.gif) no-repeat top right;
...
}
Meinen CSS Code musst du unter "Zusätzliches CSS" ganz untem in Theme einfügen.
Seiten: 1 2