Wie Hintergrundbild fixieren und durchsichtige Tabellen?

tgz · Beitrag von **tgz** » 15.02.2004 01:46

Hi!
Ich habe hier ein phpBB2 v2.0.6 mit dem Standard-subSilver am Laufen.
In der overall_header.tpl so geändert, dass beim Aufruf des Boardes ein Hintergrundbild erscheint. Aber die Tabellen stehen davor. Das HG-Bild sollte durch sie hindurch sichtbar sein, und, während durch die Seite gescrollt wird, fest stehen bleiben.
Wie kann ich das bewerkstelligen?

vG

Beitrag von **Acid** » 15.02.2004 13:58

Damit das Hintergrundbild fixiert ist, muss du dies im <body> tag der overall_header.tpl angeben..

<body background="bild.jpg" bgproperties="fixed" ...

Damit die Tabellen "durchsichtig" sind, darfst du diesen keine Hintergrundfarbe bzw. keinen Stylesheet zuordnen. Du müsstest also in den *.tpl Dateien bei den Tabellen class="irgendwas" löschen (und aus <th> dann ein <td> machen). Eventuell wäre es einfacher bei den Stylesheets in der dein_template.css bzw. overall_header.tpl sämtlichen Klassen keinerlei Farbe zuzuordnen (background-color).

Beitrag von **Faser** » 15.02.2004 15:08

Das mit den bgproperties ist aber kein valides HTML (wenn ich mich nicht irre).

Viel eleganter wäre die Lösung durch CSS:

Code: Alles auswählen

body {
  background-image: url('./images/hintergrund.jpg');
  background-attachment: fixed;
}

td.class {
  background-color: transparent;
}

td.class musst du natürlich gegen die Tabellen-Klasse auswechseln...

tgz · Beitrag von **tgz** » 16.02.2004 21:46

Eure Tips konnte ich erst heute abend ausprobieren, daher die verspätete Antwort.
Es hat geklappt und sieht in der overall_header.tpl jetzt folgendermassen aus:

Code: Alles auswählen

body {
(...)
background-image: url(templates/subSilver/picture.jpg); background-attachment: fixed;
}

Damit steht das Hintergrundbild fest und die Tabellen laufen beim Scroll drüber in ihren jeweiligen Farben. Also nicht nicht komplett transparente Erscheinung, aber ich finde es insgesamt so besser.
Danke Euch.

vG

rembrand · Beitrag von **rembrand** » 17.02.2004 09:14

Hallo tgz,

kann ich das mal sehen? Hört sich interessant an. Link zu Deinem Forum?

Gruß,

rembrand

Beitrag von **Faser** » 17.02.2004 16:54

Damit die Tabellen transparent sind, musst du sie natuerlich (sry, mein ue is kaputt) auch bearbeiten.

Schau mal in der overall_header.tpl im CSS-Bereich unter .row1 bzw .row2 und lösche dort den Teil mit der Hintergrundfarbe oder aendere (mein ae auch) diese in
background-color: transparent;
um

tgz · Beitrag von **tgz** » 17.02.2004 18:07

Faser,
was ich nach der im letzten Beitrag gequoteten Modifikation live im IE sah, gefällt mir gut. Transparenz auch der Tabellen (ursprüngliche Absicht), wäre zuviel gewesen. Ich bin hochzufrieden mit dem momentanen Resultat. Danke noch mal, ihr habt mir sehr weitergeholfen.

rembrand
leider noch Baustelle...

vG

rembrand · Beitrag von **rembrand** » 17.02.2004 21:27

Bitte nochmal kurz in diesem Threat posten, wenn es fertig ist, OK?

Danke,

rembrand....

volkerblume · Beitrag von **volkerblume** » 20.02.2004 08:43

Den rand habe ich nun hinbekommen aber den weissen innenteil der will nicht

Astra · Beitrag von **Astra** » 27.03.2004 11:53

Hallo Leute, ich bin neu hier und wollte das mit der Transparenz mal ausprobieren, aber den ersten Schritt versteh ich nicht ganz.
Faser schrieb:

td.class {
background-color: transparent;
}

td.class musst du natürlich gegen die Tabellen-Klasse auswechseln...

Wie heißt die Tabellen-Klasse?
Als ich nur die Rows geändert hatte passierte noch nichts.