[3.3] Bild in linken bzw. rechten Rahmen

[Sophen]

Hallo,
ich würde gerne im linken bzw rechten Rahmen um den Forumsbereich ein Bild anzeigen (mittig oder an einer bestimmten Stellt). Wenn der Browser klein gezogen wird, soll das Bild dann nach außen verschwinden.
Wir verwenden einen eigenen Style auf Grundlage von prosilver, wobei nur der Hintergrund des Rahmens und das Bannerbild angepasst wurde.
www.classic.forum.loewenzahnfanclub.de

Da ich mich erst seit einigen Tagen mit phpBB beschäftige und fast keine Ahnung von CSS habe, wollte ich fragen: Ist das möglich?
Danke
Sophen

[Talk19zehn]

Hallo, ich frage besser zunächst nach: Sprichst du von (CSS-Klassen) body, html oder vom wrap und der darin befindlichen Forumsbereiche?

Entwicklerwerkzeuge sind in den Browsern oftmals via der Taste F12 erreichbar. Diese können für deine Antwort und für deine vorherigen Recherchen deiner Wünsche erfolgreich und für Helfende zudem informativ sein.

Viele Grüße

[Scanialady]

Meinst du vielleicht ein Hintergrundbild, welches dann links und rechts noch hervorscheint, im Forum selbst aber nicht?

Das müsste dann im html body Bereich eingestellt werden (colours.css bzw. entsprechender Teil deiner eigenen css)

Beispiel, ausgehend von prosilver:

suche in colours.css

Code: Alles auswählen

--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

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

Wenn das hiermit ersetzt würde

Code: Alles auswählen

html, body {
	color: #536482;
	background-color: #F5F7FA;
	background-image: url("./images/bg_ornament.png"); 
}

hättest du ein Bild im Hintergrund rund um den "Kasten", in dem das Forum sitzt. In meinem Beispiel ist die Datei bg_ornament.png ein kleines Bild im Ordner /theme/images des betreffenden Styles. Es wird nach allen Seiten wiederholt, und füllt dadurch den kompletten Raum des Hintergrundes (unsichtbar bis auf die Ränder) aus.

Meintest du so etwas?

Um das im Mobilbereich nicht anzuzeigen, würde im "responsive"-Abschnitt unter @media (max-width: 700px) { ein

Code: Alles auswählen

	body {
		padding: 0;
		background-image: none;
	}

weiterhelfen.

[Sophen]

Ui, ich habe gar nicht mehr mit einer Antwort gerechnet. Danke Scanialady, Du hast es richtig verstanden und ich werde mir Deine Tipps anschauen

En schönes Jahr noch
Sophen