© Bakual

Content Hintergrund transparent machen

Mehr
3 Wochen 1 Stunde her #5905 von Lukas
Hi allerseits,
die Frage könnte jetzt dumm sein, aber ich hab vor Monaten eine Vereinswebsite übernommen/neu gemacht, die das Allrounder Template nutzt (inzwischen aktuell Allrounder 5 auf Joomla 5.4.1) und frage mich seitdem, ob es möglich wäre, den Hintergrund vom Inhalt transparent zu machen (also nicht die Option, mit der man den gesamten Wrapper transparent macht, sondern nur den Hintergrund, dass der Inhalt direkt auf dem Hintergrundbild der Website wäre).
Ich habe die Frage weder hier im Forum gefunden, noch konnte ich das selbst lösen und hoffe deswegen, hier eine Antwort zu bekommen.
Danke im Voraus und noch ein frohes Neues Jahr an alle, die das lesen :)

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
2 Wochen 6 Tage her #5906 von Thomas Hunziker
Du musst dir die einzelnen Rähmchen als Papierbögen denken die du aufeinanderlegst. Wenn du nur den Hintergrund vom Artikel transparent machst (also eine durchsichtige Folie statt dem weissen Papier), kriegst du einfach das weisse Papier eine Ebene darunter zu sehen.
Wenn du also den Hintergrund bei deinem Artikel sehen willst, musst du den ganzen Wrapper (also den ganzen Papierstapel) transparent machen, sonst wird das nix.

Nun kommt noch eine Eigenheit von CSS dazu. Mit dem Transparenzbefehl (opacity) wird der ganze Stapel transparent, also auch die Schrift. Wenn das ganze noch lesbar bleiben soll, sollte man also nur eine ganz geringe Transparenz einstellen.
Ich hab das auf meiner Seite predigten.bakual.ch/ mit dem Wert 0.95 gemacht.

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
2 Wochen 6 Tage her #5907 von Lukas
Hi Thomas, erstmal danke für die schnelle Antwort.
Leider stimmt das so nicht, aber ich habe gestern der Uhrzeit geschuldet das Problem leider nicht genau erklärt.
Ich habe schon einige Websites über verschiedene Anbieter (und ohne) selbst programmiert und es ist absolut möglich, alle Hintergründe zwischen Content und dem tatsächlichen Websitehintergrund transparent zu machen, ohne dass der Inhalt auch unsichtbar wird. Meine Frage wäre eher, in welchen CSS Dateien diese Einstellungen zu den Farben der einzelnen Layer in deinem Template überall wären, weil ich alle anpassen müsste.
Hier mal ein Beispiel von einer anderen Seite, die ich betreue, was ich genau mit Content direkt auf dem Websitehintergrund meine: philharmonischer-chor-fuerstenfeld.de/

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Mehr
2 Wochen 5 Tage her #5908 von Thomas Hunziker
Das stimmt natürlich. Sofern man für die darüberliegenden Elemente keinen, oder einen transparenten Hintergrund definiert, dann geht das.
Das musst du dann aber für jedes Element, welches einen Hintergrund hat, definieren. Also entweder "background: transparent" oder wenn du eine feine Farbe willst mit rgba(r,g,b,alpha), wobei "alpha" dann einen Wert zwischen 0 (ganz transparent) bis 1 (nicht durchsichtig) hat.
Beim Wrapper kannst du das im Templatestil bei der Farbe einstellen. Die anderen Elemente müsstest du dann analog machen.
Den CSS Code machst du dann so:  Bakual.net – Eigene CSS Regeln einbinden - Bakual.net Forum
 

Bitte Anmelden oder Registrieren um der Konversation beizutreten.

Ladezeit der Seite: 0.334 Sekunden