zwei logos im hintergrund

zwei logos im hintergrund - 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: zwei logos im hintergrund (/thread-2448.html)

Seiten: Seiten: 1 2

zwei logos im hintergrund - stolat - 26.06.2006

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

RE: zwei logos im hintergrund - Mak - 26.06.2006

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?

RE: zwei logos im hintergrund - stolat - 26.06.2006

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

RE: zwei logos im hintergrund - Mak - 26.06.2006

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.

RE: zwei logos im hintergrund - stolat - 26.06.2006

wow danke
werd ich gleich machen

RE: zwei logos im hintergrund - stolat - 26.06.2006

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

RE: zwei logos im hintergrund - NetHunter - 26.06.2006

So geht es auch. Logo links und rechts.

RE: zwei logos im hintergrund - stolat - 26.06.2006

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

RE: zwei logos im hintergrund - Michael - 27.06.2006

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;

...

}

RE: zwei logos im hintergrund - Mak - 27.06.2006

Meinen CSS Code musst du unter "Zusätzliches CSS" ganz untem in Theme einfügen.