Content Hintergrund transparent machen
1 Monat 1 Woche her #5905
von Lukas
Content Hintergrund transparent machen wurde erstellt 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
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.
- Thomas Hunziker
-
- Offline
- Administrator
-
1 Monat 1 Woche her #5906
von Thomas Hunziker
Thomas Hunziker antwortete auf Content Hintergrund transparent machen
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.
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.
1 Monat 1 Woche her #5907
von Lukas
Lukas antwortete auf Content Hintergrund transparent machen
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/
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.
- Thomas Hunziker
-
- Offline
- Administrator
-
1 Monat 1 Woche her #5908
von Thomas Hunziker
Thomas Hunziker antwortete auf Content Hintergrund transparent machen
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
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.
6 Tage 15 Stunden her #5929
von Lukas
Lukas antwortete auf Content Hintergrund transparent machen
Scheinbar hab ich mich bei der letzten Antwort irgendwie verklickt, dass die nicht abgeschickt wurde.
Ich hab jetzt meinen Fehler gefunden, der bestand nämlich darin, dass ich bei den eigenen CSS Regeln jeweils die entsprechende ID für den Hintergrund aufrufen muss.
Dadurch hat sich bei mir eine letzte Frage ergeben, nämlich welche ID der Artikel selbst in deinem Template hat, weil weder Content, noch Maincontent betreffen den Texthintergrund selbst.
Danke nochmal für deine bisherigen Antworten
Ich hab jetzt meinen Fehler gefunden, der bestand nämlich darin, dass ich bei den eigenen CSS Regeln jeweils die entsprechende ID für den Hintergrund aufrufen muss.
Dadurch hat sich bei mir eine letzte Frage ergeben, nämlich welche ID der Artikel selbst in deinem Template hat, weil weder Content, noch Maincontent betreffen den Texthintergrund selbst.
Danke nochmal für deine bisherigen Antworten
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
- Thomas Hunziker
-
- Offline
- Administrator
-
6 Tage 12 Stunden her #5930
von Thomas Hunziker
Thomas Hunziker antwortete auf Content Hintergrund transparent machen
Alles was innerhalb des "maincontent" drin ist, kommt von der jeweiligen Erweiterung, da hat das Template keinen Einfluss mehr drauf.
Du kannst versuchen mit "#maincontent > div" alle <div> ansprechen, welche direkt innerhalb des maincontent sind.
Du kannst versuchen mit "#maincontent > div" alle <div> ansprechen, welche direkt innerhalb des maincontent sind.
Bitte Anmelden oder Registrieren um der Konversation beizutreten.
Ladezeit der Seite: 0.382 Sekunden