Seite 1 von 2

Wie Hintergrundbild fixieren und durchsichtige Tabellen?

Verfasst: 15.02.2004 01:46
von tgz
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

Verfasst: 15.02.2004 13:58
von Acid
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).

Verfasst: 15.02.2004 15:08
von Faser
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... ;-)

Verfasst: 16.02.2004 21:46
von tgz
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

Verfasst: 17.02.2004 09:14
von rembrand
Hallo tgz,

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

Gruß,

rembrand

Verfasst: 17.02.2004 16:54
von Faser
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 ;-)

Verfasst: 17.02.2004 18:07
von tgz
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

Verfasst: 17.02.2004 21:27
von rembrand
Bitte nochmal kurz in diesem Threat posten, wenn es fertig ist, OK?

Danke,

rembrand....

Verfasst: 20.02.2004 08:43
von volkerblume
Den rand habe ich nun hinbekommen aber den weissen innenteil der will nicht :-(

Verfasst: 27.03.2004 11:53
von Astra
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.