PDA

Zobacz pełną wersję : przezroczystość



wini74
06-07-2011, 21:59
witam
www.wrotaorawy.pl
chcialbym aby modul ShoutBox 1.1.4 na dole mial tlo przezroczyste ale przydymione

jak to zrobic??

PiotrWrona
06-07-2011, 22:25
wystarczy w kodzie modulu znalesc wpis odpowiadajacy tlu i go odpowiednio edytowac stylami css jak to zrobic dowiesz sie wpisujac w google css przezroczystosc linku do kursu nie podam bo niechce mi sie wlaczac laptopa.

pyziak
06-07-2011, 22:36
hmm. można w pliku http://www.wrotaorawy.pl/modules/mod_nshoutbox/css/ShoutBox.css dopisać to co na czerwono :) 'opacity' to poziom przezroczystości im mniejsza wartość tym większa przezroczystość

#sb_main {
background-color: #000000;
border: 1px solid #000000;
font: 10px Verdana,tahoma,Arial,sans-serif;
height: 340px;
margin: 5px auto 0;
opacity: 0.3;
overflow: visible;
padding: 3px;
position: relative;
width: 95%;


}

wini74
06-07-2011, 22:45
jestes wielki

pozdro

pyziak
06-07-2011, 23:23
jednak to nie jest za dobre rozwiązanie ( te co podałem, konsultacja z @a_m) ponieważ cały moduł dziedziczy przezroczystość, można to zrobić w dwojaki sposób
1. wstawić background-image 33% przezroczysty .png
2. css3: cośtam{background rgba(255,255,255,.3)}

larry_krk
07-07-2011, 00:24
tak się może wtrącę ... jest jeszcze 25 % użytkowników jedynie słusznej przeglądarki i o ile efekt opacity można uzyskać przez filtry, to css3 chyba odpada, pozostaje więc tło w png.

BTW. na monitorze 1024x720 treść strony odjechała w siną dal ( znaczy się w prawo :) ) Kod z aristera - nie mam siły z nim walczyć dzisiaj.

pyziak
07-07-2011, 00:59
@larry_krk względem Artisteera nie będę się wypowiadać :) , generalnie od razu pomyślałem o png to stara ale jakże sprawdzona zasada :) ( jak coś jest fizycznie a nie wynika z kodu, to po prostu jest :) ) ale że czas nie stoi w miejscu to chciałem błysnąć :) i co ? :) .... starałem się bardzo , a wyszło jak zawsze

ps. u Mnie 1680 x 1050 i nic się nie rozjeżdża, ale Artisteer jak nazwa tłumaczy to niezły Artysta :)

wini74
07-07-2011, 11:53
1. wstawić background-image 33% przezroczysty .png
2. css3: cośtam{background rgba(255,255,255,.3)} ale jak to zrobić i gdzie??