Hintergrundbild ändern!

[autoberater]

Deine Portal Version: 1.0.0RC3
Typ Deines phpBB Forums: Premodded phpBB3
MODs installiert: Ja
Dein Wissensstand: Einsteiger
Link zu Deinem Forum: http://www.dieautoberater.de/

Was hast Du gemacht, bevor das Problem aufgetreten ist?


Was hast Du bereits versucht um das Problem zu lösen?


Fehlerbeschreibung und Nachricht
Hallo!

Könnt ihr mir bitte sagen, wie ihr bei euch den Hintergrund gemacht habt?
Ich habe auf meiner Seite http://www.dieautoberater.de/ schwarz-grauen Hintergrund. Dieser besteht aus der Datei:
und wird dann schwarz.
Also so ähnlich wie bei euch!
Wie macht man das in phpbb3?

Vielen Dank!

[Mike]

Ähh... bitte was? Was willst du denn am Ende haben? wenn du nen anderen Hintergrund haben willst, dann tausche halt das Hintergrundbild, oder ersetze es durch ne Farbe...
Oder hab ich dich jetzt falsch verstanden

[autoberater]

Sorry, war unglücklich formuliert!

Bei euch auf der Seite ist doch ein grauer Hintergrund, wobei oben ein Muster ist.
Ich möchte gern im oberen Bereich die Struktur von dem Bild haben und dann nach unten alles schwarz.
So wie es auf meiner Startseite im Hintergrund ist.
Wie macht man das?
Oder ist das nur ein Bild mit dem Verlauf?
Wo ändert man das Bild?

Vielen Dank!

[Mike]

Ja, das ist ein Bild das nur oben horizontal gekachelt wird. Im Hintergrund ist die Farbe die das Bild ganz unten hat. Sodas es einen nahtlosen Übergang zwischen Hintergrundbild und Hintergrundfarbe gibt. Die Images bzw. Farben sind in den css Dateien festgelegt...
Für solche Sachen ist das Plugin "firebug" für den FF ganz interessant. Damit kannst du das Aussehen der aktuellen Seite live verändern. Schau es dir mal an...

[autoberater]

Ok, Danke!

Den Firebug habe ich, jedoch hab ich da noch nie etwas live geändert.
Wie geht das?

Vielen Dank!

mfg

[Mike]

Na da kannst du unten den Code der Seite einblenden, und den verändern. Das ganze funktioniert dann wie ein "wysiwyg" Editor, falls dir das was sagt

[autoberater]

Also wenn ich in der colours.css

Code: Select all

html, body {
	color: #536482;
	background-color: #FFFFFF;

die Hintergrundfarbe auf 000000 dann wird ja alles schwarz.
Mein Forum ist auf 970px Breite eingestellt, alles was darüber ist soll aber nur schwarz (bzw. ein Bild) werden.
Bei euch ist das ja genau so,oder?
Wie macht man das denn nun?

[Mike]

Code: Select all

html, body {
background-color:#EAEAEA;
background-image:url(./styles/board3portal/theme/images/bg_background.gif);
background-repeat:repeat-x;
color:#000000;
}

Hat zwei Sekunden gedauert bis man das mit dem Firebug gesehen hat... einfach rechtsklick auf den Hintergrund -> Element untersuchen -> dort im Code auf den Body Tag klicken, und rechts die css definition dafür anschauen...

Wenn man dann in der CSS auf der rechten Seite die Farbe ändert, ändert sie sich auch live im Forum. Natürlich nur Temporär bei dir im Browser, solange bis du die Seite neu lädtst...
Fährt man mit der Maus über die Farbangaben sieht man ein Fenster mit der jeweiligen Farbe. Und genau das selbe passiert mit Bildern... praktischer gehts garnicht mehr...

[autoberater]

Irgendwie läuft da bei mir was falsch...habt ihr euer Portal nochmal in einem div?
Kannst du mal auf http://www.dieautoberater.de/Autoforum/
schauen?
Es sollen nur die weißen Bereiche außerhalb des Portals geändert werden.
Wenn ich wie oben beschrieben in der colours.css die Farbe ändere, dann werden auch innerhalb des Portals die weißen Bereiche schwarz.

[Mike]

Jap-... das is ja auch klar... Ich hab dir nur die Stelle aus der css des Forum gepostet, damit du siehst wie man sowas macht.
Also die HIntergrundfarbe definieren, das Hintergrundbild definieren, und dann noch angeben, auf welche Art es gekachelt werden soll...
Wir verwenden hier nur das ganz normale Forum. Du wiederum hast dein Forum ja in eine Seite eingebettet... Dann musst du also nicht die css vom Forum bearbeiten, sondern die von der Seite, in der du das Forum eingebunden hast...
Wie gesagt, der Code war nur ein Beispiel, damit du siehst wie es hier gemacht wird

[autoberater]

Danke, hast du echt gut erklärt.
Wie gesagt euer Support ist wirklich spitze.
Mein Forum läuft aber alleine, hab es nicht mehr im iframe!
Unter der genannten Adresse läuft es alleine, den Header hab ich nur selber gemacht.
Habt ihr echt keinen Rahmen um das Forum?
Ich versuch gerade diesen http://www.ceiko.de/ceiko/knowledge/kb_show.php?id=39 einzubauen.
Da klappt es auch dann mit dem Hintergrund.

[Mike]

Öffne mal deine colours.css.

Dort steht oben folgendes:

Code: Select all

html, body {
	color: #536482;
	background-color: #FFFFFF;
}

ersetze das mal durch folgendes:

Code: Select all

html, body {
color: #536482;
background-color: #000000;
background-image:url(http://www.dieautoberater.de/body.gif);
background-repeat:repeat-x;
}

Das ganze müsste dann so aussehen:



Wie du siehst, brauchst du jetzt aber noch neue Grafiken für die runden Ecken. Entweder mit Transparentem Hintergrund (würde ich zumindest machen), oder eben in schwarz statt weiß.
Ich bin mir auch nicht ganz einig ob das blau so richtig zu dem schwarz passt

[autoberater]

Ja hab ich probiert jedoch hat, wie du schon sagtest, das schwarz nicht zum blau gepasst.
Hab deshalb einen Rahmen ums Forum gemacht!
Sieht eigentlich jetzt ganz ok aus, findest du auch?
So passt es zu Drupal am besten...

grüße

[Mike]

Ja, sieht auf jeden Fall besser aus, als mit den weißen Ecken. Aber ich würde an deiner Stelle noch für den Rahmen runde Ecken machen, da der ganze Style ja auch überall abgerundete Ecken hat...

[autoberater]

Da hast du recht!
Jedoch will ich es lieber eckig, da Drupal auch so ist;)

Ein kleines Problem hab ich vorhin festgestellt...wenn man eine Private Nachricht erstellen will und auf "Nach einem Mitglied suchen" klickt!
http://www.dieautoberater.de/Autoforum/ ... ct_single=
Dann kann man die Überschrift kaum lesen.
Kann man dafür unabhängig vom Forum die Schriftfarbe ändern?
Wenn nicht dann ist es auch kein Problem...

grüße