To jest tylko wersja do druku, aby zobaczyć pełną wersję tematu, kliknij TUTAJ
Forum Supportu
czo.pl/wxv.pl

czo.pl [Problemy/Pytania] - Przeźroczyste tło do tabelek i brak tła w profilach

Tiffs - 2013-11-11, 14:59
Temat postu: Przeźroczyste tło do tabelek i brak tła w profilach
1.Chciałabym zrobić przeźroczyste tło tabelek, tak by całe tło forum było jednolite. Mogę prosić o działający kod ?


2.Użyłam kodu
"<style>
body {
background-image: url('http://farm9.staticflickr.com/8197/8222372492_952a1b7978_o.jpg');
}

</style>" i nie wyświetla mi się tło w profilach użytkownika.

Tiffs - 2013-11-11, 15:51

Zna ktoś rozwiązanie ? :) Wiem, że taka opcja była możliwa, bo już kiedyś widziałam coś takie na forum czo.pl
Mich@ł - 2013-11-11, 17:35

Zainteresują cię te dwa linki ;)
http://www.ees.pl/viewtopic.php?t=765&start=0
i
http://blog.piotrnalepa.pl/2009/10/06/css-przezroczystosc-z-uzyciem-css/

Tiffs - 2013-11-11, 19:08

Ale wciąż nie da się zrobić przeźroczystych tabelek :) chyba, że nie wiem gdzie wstawić te kody...

"/* Main table cell colours and backgrounds */
td.row1 { background-color: #191919; }
td.row2 { background-color: #191919; }
td.row3 { background-color: #191919; }
td.row_helped { background-color: #171615; }

/*

i zamiast "td.row1 { background-color: #191919; }
td.row2 { background-color: #191919; }
td.row3 { background-color: #191919; }
td.row_helped { background-color: #171615; }" wstawić " #transbox {
width: 300px;
margin: 0 auto;
background-color: #fff;
filter:alpha(opacity=50);
opacity: 0.5;
-moz-opacity:0.5;
}
#transbox div {
padding: 20px;
color: #000;
filter:alpha(opacity=100);
opacity: 1;
-moz-opacity:1;
}" ?

Mich@ł - 2013-11-11, 20:53

Tiffs, chcesz pełną przezroczystość? Jeżeli tak to po prostu usuń kolory z td.row1, td.row2 i td.row3 ;)

Czyli:
Kod:
td.row1 {  }
td.row2 {  }
td.row3 {  }


Lub jeeli chcesz mieć przezroczystość np 50% to do każdej klasy td.row wstawiasz:
Kod:
color: #000;
filter:alpha(opacity=50);
opacity: 1;
-moz-opacity:1;

Tiffs - 2013-11-11, 22:03

Dalej nic...
Znasz jakieś style, na których na pewno da się zrobić przeźroczyste komórki ?

Mich@ł - 2013-11-11, 22:09

Tiffs, a spróbuj wyczyścić cache forum.

Ew próbuj wprowadzać zmiany na czystym subsilver.

Tiffs - 2013-11-11, 22:19

Dalej nic.

Jak wrzuciłam link do tła, to był on ledwie widoczny...widać tylko było, że znajduje sie gdzieś za białym tłem, a komórki nadal nie były przeźroczyste.

Mich@ł - 2013-11-11, 23:11

Tiffs, poszukaj jakiejś osoby która przerabiała już jakiś styl w ten sposób.

Ja niestety nie miałem nigdy takiej potrzeby ;)

Można też próbować zamiast koloru tła dawać obrazek z przezroczystością. Ale najlepiej tak jak mówię poszukaj kogoś kto juz coś takiego robił lub poczytaj w necie o przezroczystości w css.

Morfii - 2013-11-12, 13:34

Dobrze... Pomyślmy... Wybierz styl, wyciągnij z niego konsolą przeglądarki kod CSS. Jeżeli Tabele mają taki sam kolor co tło pod nimi, to zmiany nie zauważysz - logiczne. To tak z góry mówię... A tak to spróbuj zmienić kody kolorów na:

"background-color: transparent;"

Może pomoże, u mnie działało. Ważne, aby niczego nie pomijać. No można jeszcze poradzić... Można spróbować wyczyścić wszystko i ewentualnie dać czyste PNG jako background, ale to trochę bez sensu, więc spróbuj z transparent ^^

Poza tym, jeżeli ustawiłeś przeźroczystość na 50% jak pokazał Ci Pan Michał, to nic dziwnego, że tło było jakby właśnie za tym kolorem. To w końcu stopniowa przeźroczystość ;)

Mam nadzieję, że dobrze Cię zrozumiałam i choć troszkę pomogę :)

Tiffs - 2013-11-12, 16:55

O, teraz działa :)

A, żeby tylko w pewnym stopniu uzyskać przeźroczystość, to jaki kod zastosować ?

Morfii - 2013-11-12, 16:57

Tutaj przecież masz, chyba się nie mylę? ;)

Mich@ł napisał/a:

Lub jeeli chcesz mieć przezroczystość np 50% to do każdej klasy td.row wstawiasz:
Kod:
color: #000;
filter:alpha(opacity=50);
opacity: 1;
-moz-opacity:1;

Tiffs - 2013-11-12, 17:22

Sprawdzałam właśnie ten kod i nie działa :)
Morfii - 2013-11-12, 17:26

Uh... to ja bym w adobe/gimpie czy innym warstwowym zrobiła tło i po prostu wkleiła. W dodatku PNG dużo na stronie nie "waży" ;)
Mich@ł - 2013-11-12, 17:34

Tiffs, podany przeze mnie kod jest z tej strony którą podałem w 3 poście ;)

https://www.google.pl/search?q=przezroczyste+tło+css&oq=przezroczyst&aqs=chrome.1.69i57j69i59j0l4.7414j0j8&sourceid=chrome&espv=210&es_sm=122&ie=UTF-8

Wyników jest sporo więc możesz po testować ;)

Albo tak jak wspomniała Morfii, tworzysz obrazek png z przezroczystością i problem z głowy.

Sposobów jak widzisz jest kilka, trochę jedynie chęci ;)



Powered by phpBB modified by Przemo © 2003 phpBB Group