Przeźroczyste tło do tabelek i brak tła w profilach |
Autor |
Wiadomość |
Tiffs
Dołączył: 11 Lis 2013 Posty: 9
|
Wysłany: 2013-11-11, 14:59 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
Dołączył: 11 Lis 2013 Posty: 9
|
Wysłany: 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@ł
Administrator
Wpisz dowolną liczbę: 1234567890
Pomógł: 163 razy Dołączył: 07 Sie 2009 Posty: 3323
|
Wysłany: 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
Dołączył: 11 Lis 2013 Posty: 9
|
Wysłany: 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@ł
Administrator
Wpisz dowolną liczbę: 1234567890
Pomógł: 163 razy Dołączył: 07 Sie 2009 Posty: 3323
|
Wysłany: 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
Dołączył: 11 Lis 2013 Posty: 9
|
Wysłany: 2013-11-11, 22:03
|
|
|
Dalej nic...
Znasz jakieś style, na których na pewno da się zrobić przeźroczyste komórki ? |
|
|
|
|
Mich@ł
Administrator
Wpisz dowolną liczbę: 1234567890
Pomógł: 163 razy Dołączył: 07 Sie 2009 Posty: 3323
|
Wysłany: 2013-11-11, 22:09
|
|
|
Tiffs, a spróbuj wyczyścić cache forum.
Ew próbuj wprowadzać zmiany na czystym subsilver. |
|
|
|
|
Tiffs
Dołączył: 11 Lis 2013 Posty: 9
|
Wysłany: 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@ł
Administrator
Wpisz dowolną liczbę: 1234567890
Pomógł: 163 razy Dołączył: 07 Sie 2009 Posty: 3323
|
Wysłany: 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
Pomogła: 2 razy Wiek: 31 Dołączyła: 07 Sie 2011 Posty: 26 Skąd: Eternity
|
Wysłany: 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
Dołączył: 11 Lis 2013 Posty: 9
|
Wysłany: 2013-11-12, 16:55
|
|
|
O, teraz działa :)
A, żeby tylko w pewnym stopniu uzyskać przeźroczystość, to jaki kod zastosować ? |
|
|
|
|
Morfii
Pomogła: 2 razy Wiek: 31 Dołączyła: 07 Sie 2011 Posty: 26 Skąd: Eternity
|
Wysłany: 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
Dołączył: 11 Lis 2013 Posty: 9
|
Wysłany: 2013-11-12, 17:22
|
|
|
Sprawdzałam właśnie ten kod i nie działa :) |
|
|
|
|
Morfii
Pomogła: 2 razy Wiek: 31 Dołączyła: 07 Sie 2011 Posty: 26 Skąd: Eternity
|
Wysłany: 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@ł
Administrator
Wpisz dowolną liczbę: 1234567890
Pomógł: 163 razy Dołączył: 07 Sie 2009 Posty: 3323
|
Wysłany: 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 ;) |
|
|
|
|
|