Seite 1 von 2

Hintergrundbild (ohne Kacheln) und äußeren Rahmen weg?

Verfasst: 24.04.2004 12:46
von jelem
Ich hab hier schon viel gelesen, aber das richtige wohl noch nicht gefunden. Ich möchte mein Forum folgendermaßen anpassen:

1. der äußere Rahmen (hier grau) soll weg. Also in irgendeiner Datei auf null setzen. Wo? in der overall_header?

2. Ich möchte ein Hintergrundbild einbauen, welches nicht kachelt, sondern links oben fixiert ist. Habe ich bei meinen anderen html-sites auch. Ist ca.500x300 pixel groß.

3. soll der Inhalt (also das eigentliche forum) nur ca. 80% der site einnehmen, damit das Hintergrundbild an den Rändern etwas mehr zu sehen ist. Einstellung auch in der overall_header?

Kann ich eigentlich die overall_header mit golive 6.0 bearbeiten.

Ich danke euch schon mal im voraus :wink:

Verfasst: 24.04.2004 13:34
von jelem
Also ich habs jetzt mal in Golive versucht. Folgendes steht im Quelltext:

/* General page style. The scroll bar colours only visible in IE5.5+ */
body { background: url(back_forum.jpg) no-repeat fixed };

muß ich jetzt bei url noch eintagen: /phpBB2/templates/subsilver/images/back_forum.jpg

wenn das Bild in diesem Ordner liegt?

Verfasst: 24.04.2004 13:46
von Markus67
hi jelem ...
1. der äußere Rahmen (hier grau) soll weg. Also in irgendeiner Datei auf null setzen. Wo? in der overall_header?
ja in der overall_header.tpl im body-tag füge hinzu ....

Code: Alles auswählen

topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0"
2. Ich möchte ein Hintergrundbild einbauen, welches nicht kachelt, sondern links oben fixiert ist. Habe ich bei meinen anderen html-sites auch. Ist ca.500x300 pixel groß.
auch in der ovarll_header.tpl ...

unz zwar hier:

Code: Alles auswählen

body { 
	background-color: {T_BODY_BGCOLOR};
                background-image: url(images/kachel-hg.gif);
                background-repeat: fixed;
	scrollbar-face-color: {T_TR_COLOR2};
                ....
                ....


3. soll der Inhalt (also das eigentliche forum) nur ca. 80% der site einnehmen, damit das Hintergrundbild an den Rändern etwas mehr zu sehen ist. Einstellung auch in der overall_header?
ja auch in der overall_header.tpl

Code: Alles auswählen

<a name="top"></a>

<table width="100%" cellspacing="0" cellpadding="10" border="0" align="center"> 
table width auf 80 % ändern ...

das wars oder ? :D

markus

Verfasst: 24.04.2004 13:50
von jelem
Super :lol: Danke. Ich setze mich gleich mal ran und versuche es.

Verfasst: 24.04.2004 13:52
von Markus67

Verfasst: 24.04.2004 14:09
von jelem
Huhu, heul :(
Ich habe jetzt erstmal das Hintergrundbild in den Quelltext gebracht um zu sehen, ob es funzt. Also ein Hintergrund ist es, aber es wird in dem äußeren Rahmen (der hier in diesem Forum grau ist) angezeigt. Er soll aber das weiß im Hintergrund ablösen :-?

Ich denke der Kopf der site, das eigentliche forum und der Abschluß der site sind wohl einzelne Zellen. Transparent kann man die wohl nicht machen, oder? Weil das wäre ja der Hammer und genau das, was ich wollte.

Verfasst: 24.04.2004 14:16
von Mungo
Es sollte so aussehen:
(In der CSS-Datei oder in der overall_header.tpl)

Code: Alles auswählen

body {
    background-color: #FFFFFF;
    background-image: url(fdfs.jpg);
    background-repeat: no-repeat;
    background-position: left top;
.
.
.
Folgendes musst du löschen:

Code: Alles auswählen

/* This is the border line & background colour round the entire page */
.bodyline	{ background-color: #FFFFFF; border: 1px #98AAB1 solid; }
und in der overall_header.tpl das Rote löschen:
<td class="bodyline"><table width="100%" cellspacing="0" cellpadding="0" border="0">

Verfasst: 24.04.2004 14:19
von jelem
Ja dann versuche ich das auch noch einmal. Denn gekachelt war das Bild jetz auch.

Verfasst: 24.04.2004 14:34
von jelem
Genial :D
Jetzt ist es so, wie ich es wollte! Spitze.
Und jetzt kann ich auch noch das Background-image festsetzen, damit man das Forum drüber-scrollen kann. Wo hab ich bloß die Anweisung dazu ? :oops: War das "fixed" oder so? Vieleicht weißt du die ja auch noch?
Jedenfalls nochmal: DANKE!

Verfasst: 24.04.2004 14:38
von Markus67
hi ...

Code: Alles auswählen

background-attachment: fixed;
markus