Suche im Forum:
Suchen


Autor Nachricht
Beitrag16.07.2015 um 12:14 (UTC)    
Titel: Seitenhintergrund transparent

Hi Leute,

weiß jemand vielleicht, wie ich den Hintergrund der einzelnen Seiten ein wenig transparent darstellen kann?
Ich habe jetzt ein Bild eingesetzt mit folgendem Code:

Code:
<style type="text/css">
<!--
#content {background-image: url('http://img.webme.com/pic/f/fsv-geismar/atrab2.jpg');}
-->
</style>


Dann habe ich versucht dieses Bild etwas transparent zu machen (siehe folgender Code), aber dann wird der Seiteninhalt auch mit transparent!

Code:
<style type="text/css">
<!--
#content {background-image: url('http://img.webme.com/pic/f/fsv-geismar/atrab2.jpg');
                [b]opacity: 0.8;[/b]}
-->
</style>


Wäre cool, wenn jemand den Fehler finden würde. Danke im Vorraus
Gruß
Beitrag16.07.2015 um 14:11 (UTC)    
Titel:

opacity bezieht sich auf das Element an sich und nicht auf den Hintergrund.
Das einfachste wird sein, deine Grafik etwas transparent werden zu lassen (mit png als Dateiformat geht das).
______________
- Signatur vom Mod Team angepasst -
Bitte keine Werbung für fremde Projekte

=> Das ist sehr schade. Ich habe mich hier im Forum über viele Jahre engagiert und einfach meine Signatur zu verändern zeugt von mangelnder Wertschätzung für meine Beiträge, die einzig den Nutzern des Homepage-Baukastens zugute kamen. Spätestens mit der Reduzierug auf max. 10 Unterseiten* sind die guten Zeiten des Baukastens ohnehin vorbei und die einst große Gremeinschaft im Forum hat sich längst aufgelöst. Nun bin ich hier offenbar auch nicht länger erwünscht. Bleibt mir nur lebewohl zu sagen, es waren schöne 14 Jahre und der Baukasten hat mir immer viel Spass gemacht - machts gut und eventuell trifft man sich ja doch nochmal an anderer Stelle im Internet. (07.06.2020)
* mittlerweile sogar nur noch 5
Beitrag16.07.2015 um 19:50 (UTC)    
Titel:

Beitrag17.07.2015 um 07:58 (UTC)    
Titel:

Hi Leute..

danke für die Antworten Smile
Aber das Bild transparenter zu machen habe ich auch schon probiert. Das bringt mit deshalb nichts, weil das Bild nur auf den Seitenhintergrund transparent wirkt. Und da der weiß ist, wirkt das Bild einfach heller.
Ich möchte aber, dass es auf den ganz normalen Hintergrund etwas transparent wirkt.
Ich hab mal ein bisschen mit Photoshop gespielt, damit ich es euch zeigen kann wie:

http://img.webme.com/pic/f/fsv-geismar/testvorhernachher.jpg

wenn ich ein transparentes Bild einsetze, würde es dann so aussehen:

http://img.webme.com/pic/f/fsv-geismar/weisss.jpg

Trotzdem danke ich euch
Beitrag17.07.2015 um 08:08 (UTC)    
Titel:

JPEG kennt keine Transparenz, daher wie gesagt PNG nutzen, damit sind transparente Grafiken möglich. Wink

EDIT: 75% Deckkraft wäre dann so: http://img.webme.com/pic/f/freefunstuff/atrab2-75.png
______________
- Signatur vom Mod Team angepasst -
Bitte keine Werbung für fremde Projekte

=> Das ist sehr schade. Ich habe mich hier im Forum über viele Jahre engagiert und einfach meine Signatur zu verändern zeugt von mangelnder Wertschätzung für meine Beiträge, die einzig den Nutzern des Homepage-Baukastens zugute kamen. Spätestens mit der Reduzierug auf max. 10 Unterseiten* sind die guten Zeiten des Baukastens ohnehin vorbei und die einst große Gremeinschaft im Forum hat sich längst aufgelöst. Nun bin ich hier offenbar auch nicht länger erwünscht. Bleibt mir nur lebewohl zu sagen, es waren schöne 14 Jahre und der Baukasten hat mir immer viel Spass gemacht - machts gut und eventuell trifft man sich ja doch nochmal an anderer Stelle im Internet. (07.06.2020)
* mittlerweile sogar nur noch 5


Zuletzt bearbeitet von freefunstuff am 17.07.2015, 09:12, insgesamt einmal bearbeitet
Beitrag17.07.2015 um 08:22 (UTC)    
Titel:

Ja oben in der ersten Nachricht hab ich auch mit einem JPEG im Code zitiert. Danach habe ich aber ein PNG versucht mit 80% Transparenz und dieses PNG ist aber nur auf die weiße Seitenfläche transparent. Ich würde aber einfach gern die weiße Fläche "entfernen" und dafür das PNG einfügen..das Bild soll einfach auf den Gesamthintergrund transparent wirken nicht auf die Seitenfläche.
Beitrag17.07.2015 um 09:00 (UTC)    
Titel:

Mach in deiner CSS Regel aus background-image einfach background, so wird der Hintergrund in einer einzelnen Angabe festgelegt und somit die Farbangabe aus dem Design überschrieben.
______________
- Signatur vom Mod Team angepasst -
Bitte keine Werbung für fremde Projekte

=> Das ist sehr schade. Ich habe mich hier im Forum über viele Jahre engagiert und einfach meine Signatur zu verändern zeugt von mangelnder Wertschätzung für meine Beiträge, die einzig den Nutzern des Homepage-Baukastens zugute kamen. Spätestens mit der Reduzierug auf max. 10 Unterseiten* sind die guten Zeiten des Baukastens ohnehin vorbei und die einst große Gremeinschaft im Forum hat sich längst aufgelöst. Nun bin ich hier offenbar auch nicht länger erwünscht. Bleibt mir nur lebewohl zu sagen, es waren schöne 14 Jahre und der Baukasten hat mir immer viel Spass gemacht - machts gut und eventuell trifft man sich ja doch nochmal an anderer Stelle im Internet. (07.06.2020)
* mittlerweile sogar nur noch 5


Zuletzt bearbeitet von freefunstuff am 17.07.2015, 10:01, insgesamt einmal bearbeitet
Beitrag17.07.2015 um 09:03 (UTC)    
Titel:

EINFACH nur genial Very Happy Very Happy Very Happy richtig nice!

Danke man, hast mir sehr geholfen Wink
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de