Transparenz von Bildern im Artikel verhindern?

Hi,

konnte mich dunkel erinnern, dass schon mal so etwas angefragt wurde und habe den Thread mal rausgesucht.

http://forum.wordpress-deutschland.org/design/94143-c…intergrund.html

Ich hoffe er hilft dir im Ansatz weiter.

Zitat von BlacknWhite

Hi,

bin zurzeit mit dem Aufsetzen meines Blogs beschäftigt.
Ich habe die style.css so bearbeitet, dass die Sidebar, der Artikel und alles weitere zu 10% transparent sind (siehe hier ).
Allerdings sind Bilder, die ich in den Artikel einbette, auch transparent. Wie kann ich das verhindern?

Danke und Gruß
BlacknWhite :)

klar wenn die sidebar auf 10% is sind die bilder und der text darin auch auf 10% oder hab ich das falsch verstanden. erstell doch ein 10 x 10 px großes alpha PNG mit 10% deckkraft und weise der sidebar dieses als hintergrundbild zu (repeat).

Zitat von BlacknWhite

Hi,

habs versucht, doch leider hilfts bei mir kein bisschen.
Wenn ich
#page { background: rgba(0, 0, 0, 0.6); }
in die style.css einsetze und meine vorherigen filter und opacity damit ersetze, ist plötzlich garnichts mehr transparent.

doch so gehts auch:

.widget {    background: rgba(0, 0, 0, 0.6);    border-radius: 8px 8px 8px 8px;    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);    margin-bottom: 20px;    padding: 15px 18px;}

is noch besser als mit dem hintergrundbild was ich vorher empfohlen habe … allerdings weiß ich nicht in wieweit rgba beim background von den browsern unterstützt wird …

Zitat von BlacknWhite

Und wo muss ich diesen Code genau in der Style.css platzieren?
Ich habe leider weder in PHP noch in CSS Programmierkenntnisse.

am besten ganz nach unten in die css datei. dann überschreibst du die formatierungen die evtl. weiter oben stehen.

nun du musst den "backgrund" der einzelnen Elemente ersetzen

Beispiel für den Content

#content {
    [COLOR=Red]background: #fff;[/COLOR]
    padding: 35px;
    margin-bottom: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-opacity: 0.90;
        filter: alpha(opacity = 90);
        opacity: 0.90;
}

hier statt #fff den rgba-Code, dieser muss natürlich deiner Seite angepasst werden
also nicht

rgba(0, 0, 0, 0.6)

das wäre für schwarz
sonder bei dir ist es ja weiß, somit

rgba(255, 255, 255, 0.6)

die Filter natürlich dann rausnehmen

Zitat von BlacknWhite

Alles klar

bist du da sicher, den anscheinend gar nicht richtig gelesen was ich geschrieben habe

Zitat

nun du musst den "backgrund" der einzelnen Elemente ersetzen

also überall wo du diesen Effekt der Transparenz haben willst

also auch z.B. für die Widgets

.widget {
    [COLOR=Red]background: #fff;[/COLOR]
    margin-bottom: 20px;
    padding: 15px 18px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
    box-shadow: 0 1px 3px rgba(0,0,0,.4);
}

das mit schwarz und weiß hast du wohl auch nicht gelesen ;)

willst ja schon wieder was schwarzes einfügen

also nichts zusätzliches einfügen, sondern ersetzen

Zitat von BlacknWhite

I
Allerdings funktioniert das nicht.
Als Beispiel bei
#content:
Wenn ich dort für "background:[...]"
"background: rgba(255, 255, 255, 0.6)" einsetze, ist der Content-Teil im Wordpressblog leider nicht transparent sondern immer noch komplett undurchsichtig..
Warum funktioniert das denn nicht?

Alles anzeigen

das funktioniert wenn du meinen Beitrag liest und zwar komplett(siehe Bild)

zudem sind von dir auf deinem Blog keinerlei Änderungen durchgeführt worden

Zitat

Ich erkläre es gerne noch einmal: Es funktioniert leider nicht.

Und ich erkläre auch nochmal das es funktioniert.
Wie du ja auch an der Aufzeichnung (Bildanimation) sehen kannst.
http://www.pic-upload.de/view-12522384/…chnung.gif.html

Zitat

Und wer sagt denn, dass es der Blog aus meinem Anfangspost sein muss, an dem ich die Änderungen ausprobiert habe? Der war es nämlich nicht.

Woher soll ich das wissen, das der verlinkte Blog, gar nicht der ist um den es geht, bin ja kein Hellseher?!
Vielleicht muss man da noch weitere oder andere Änderungen vornehmen.
Aber für solche Spielchen ist mir eigentlich die Zeit zu schade, wenn du nicht bereit bist korrekte Angaben zu machen, kann man auch nicht helfen.