PDA

Zobacz pełną wersję : Półprzezroczyste tło pod artykułami



Macondo
13-05-2010, 15:29
Witam

bawię się w dr Frankensteina i szlachtuję sobie szablon wedle mojego widzimisię.
Jak na razie szło mi nieźle bo zrobiłem na dobrym technicznie szablonie wszystkie przeróbki aby odpowiadał mi graficznie i teraz głowię się nad ostatnią.
A mianowicie nad tytułowym półprzezroczystym tłem pod artykułami na stronach.
Moim wzorem jest np. ta stronka (http://mojagrafika.com.pl/).
Widać tam że każdy tekst jest na częściowo przezroczystym tle. Wymyśliłem sobie że zrobię to samo. Przekleiłem odpowiednią część kodu do mojego template.css ale nie działa to do końca tak jak bym chciał i potrzebuję pomocy.
Moja stronka jest TUTAJ (http://ftp.kpenzo.nazwa.pl/kpenzo/).
Jak widać, o ile tło faktycznie jest półprzezroczyste, to niestety tekst i tytuł razem z nim :/

Jakieś sugestie? Gdzie powinienem zajrzeć, albo (co bardziej prawdopodobne) co dopisać i gdzie aby to działało?

plik template.css jest TUTAJ (http://www.speedyshare.com/files/22413423/template.css)

dodałem do niego w części .art-post-body taki kod:


padding:10px 20px;
font-size:13px;
text-align:justify;
float:left;
width:545px;
margin-bottom:15px;
margin-left:10px;
background:#ffffff;
overflow:hidden;

opacity: 0.5; filter:alpha(opacity=90);zoom:1;

-webkit-border-top-left-radius:0px;
-webkit-border-top-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;

-khtml-border-radius-topleft:0px;
-khtml-border-radius-topright:10px;
-khtml-border-radius-bottomleft:10px;
-khtml-border-radius-bottomright:10px;

-moz-border-radius-topleft:0px;
-moz-border-radius-topright:10px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;

a_m
13-05-2010, 18:55
"półprzezroczysty" .png jako obrazek tła

Macondo
13-05-2010, 21:21
matko boska, stary, nie wiem czy najpierw Cię uściskać, czy też zabić się własną pięścią! :D
ja tu cały dzień kombinuję jak koń pod górę, a ty tak proste rozwiązanie dajesz mi na tacy :D

DZIĘKI!!! DZIAŁA!!!

-----------

zauważyłem że na IE tło zamiast półprzezroczyste białe zrobiło się nieprzezroczyste szare
jakiś pomysł co się stało?

Robster
13-05-2010, 22:13
I widzisz tutaj pojawia się temat użyteczności IE :)
Proponuję tą lekturę: http://webhosting.pl/Jak.uzyskac.przezroczystosc.dla.obrazkow.PNG.w.Int ernet.Explorerze . W sieci jest trochę rozwiązań tego problemu, musisz poszukać.

Macondo
14-05-2010, 00:01
dzięki, poszperałem trochę i generalnie zawsze w końcu trafiałem na jeden sposób, ponoć najlepszy
http://www.twinhelix.com/css/iepngfix/

niestety oczywiście mam z nim problem :/
po skopiowaniu pliku graficznego i hts na odpowiednie miejsca i ustalenia ścieżki do nich przychodzi moment kiedy trzeba wkleić odpowiednie 3 linijki kodu do template.css i...cóż, strona mi się sypie :/
jestem laikiem w css więc może czegoś nie rozumiem, nie wiem gdzie dokładnie wkleić ten kod i to przez to...może mnie ktoś poratować? wklejałem ten kod w 6 różnych miejscach i kończyło się to różnym stopniem dewastacji strony :/