Joomla! Forum Schweiz wird Teil der D-A-CH Community

Nach vielen Jahren als zentrale Anlaufstelle für Fragen rund um Joomla! in der Schweiz wird das Joomla! Forum Schweiz künftig als Archiv weitergeführt.

Die Joomla!-Communities aus Deutschland, Österreich und der Schweiz arbeiten heute enger denn je zusammen. Deshalb bündeln wir künftig auch den deutschsprachigen Support und Austausch an einem gemeinsamen Ort im Joomla! D-A-CH Forum.

Für neue Fragen, Diskussionen und den Austausch mit der Community nutzt bitte ab sofort:

forum.joomla.de

Das Joomla! Forum Schweiz bleibt weiterhin bestehen und wird als Archiv im Lesemodus erhalten. Die vielen Beiträge, Lösungen und Erfahrungen aus den vergangenen Jahren bleiben damit weiterhin zugänglich und über die Suche auffindbar.

Wir bedanken uns herzlich bei allen Mitgliedern, Moderatoren und Helfern, die das Schweizer Joomla! Forum über viele Jahre mit ihrem Wissen und ihrem Engagement geprägt haben.

Wir sehen uns im Joomla! D-A-CH Forum!

Hintergrundbild Protostar 50% transparent

Mehr
16 Jan. 2017 20:48 #44165 von küre
Hallo Leute

Ich versuch eine Möglichkeit das Hintergrundbild mit 50% transparent darzustellen.

versuchte es mit dem Zusatz "opacity: 0.5" ans Ziel zu kommen. Ich weiss aber nicht, wo das ganze einzufügen und ob es überhaupt das richtige ist.

Im Template Protostar hab ich das template.css ab Zeile 7114 wie folgt ergänzt: (4 letzten Zeilen)
Code:
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-image: url(/images/background/bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; }

könnt ihr mir weiterhelfen, wie ich das hin bekomme?

Link zur Seite: link
Mehr
17 Jan. 2017 11:30 #44166 von Tribal6
Hi
Also wenn ich nach 'image opacity css' google, komme ich auf zig Resultate, unter anderem auf das da:
CSS Image Opacity / Transparency - W3Schools

Du etwa nicht?

:P

Tue das, was du kannst, mit dem was du hast, da wo du bist.
Mehr
17 Jan. 2017 17:49 #44178 von pascale
Hallo küre
ich weiss nicht so recht, was du erreichen möchtest. nur das Hintergrundbild transparent? Transparent zu was? es hat ja dahinter nichts. wenn du es nur heller möchtest, dann würde ich das Hintergrundbild mit einem Fotobearbeitungsprogramm bearbeiten.

Wenn du das Element über dem HIntergrundbild transparent machen möchtest, dann musst du diesem Element die opacity: 0.5; geben.

Grüsse, Pascale

Joomla! Webdesign: www.your-webdesign.ch
Mehr
17 Jan. 2017 20:56 #44179 von küre
Hallo Pascale

Danke für Deine konstruktive Antwort.

pascale schrieb: ich weiss nicht so recht, was du erreichen möchtest.


Ich möchte einfach nur das Hintergrundbild transparent darstellen, obwohl hinten drann dichts ist. (finde ich professioneller so als mit einem Fotoprogramm)

pascale schrieb: Wenn du das Element über dem HIntergrundbild transparent machen möchtest, dann musst du diesem Element die opacity: 0.5;


sowas habe ich bereits versucht:
Code:
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background-image: url(/images/background/bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; opacity: 0.5; }

Leider erscheint dann der weisse Hintergrund der Beiträge 50% transparent; wie Du richtig sagst, "das Element über dem Hintergrundbild"
Geht das auch mit dem Hintergrundbild?
Mehr
17 Jan. 2017 21:17 #44181 von Tribal6

obwohl hinten drann dichts ist. (finde ich professioneller so als mit einem Fotoprogramm

Mit dem Fotoprogamm gemacht sieht es erstens genau gleich aus, und du hast zus. die Sicherheit, dass es so aussieht, wie es soll.

Denn das 'Nichts' hintendrann ist der Standard-Hintergrund im Browser, der in jedem Browser (glaub) zwar per default weiss ist, aber nicht unbedingt zwingend weiss sein muss! Und das sieht dann vermutlich nicht so aus, wie du das willst, sollte der mal nicht weiss sein.

Mit Fotoprogramm ist es also einfacher, schneller und sieht in jedem Browser auch gleich (gut) aus.

Nur meine Meinung

G
Roger

Tue das, was du kannst, mit dem was du hast, da wo du bist.
Mehr
19 Jan. 2017 10:13 #44196 von pascale
Hi Küre, noch was anderes. Du weisst schon, dass es dir die template.css von Protostar bei einem Update von Joomla wieder überschreiben kann?

extensions.joomla.org/blog/item/load-cus...ault-joomla-template
das ist professioneller ;-)

Grüsse, Pascale

Joomla! Webdesign: www.your-webdesign.ch
Folgende Benutzer bedankten sich: küre
Mehr
19 Jan. 2017 15:31 #44206 von küre
hallo pascale

vielen dank für deine aufmerksamkeit.

ja, das ist mir bewusst und hab dies bereit durchgeführt.
danke trotzdem.
Moderatoren: pascaleadiheutschi.chTribal6RePaoDragonlordChris Hoefliger
Powered by Kunena Forum

Joomla! Verband Schweiz - Mitglied werden