• Wpisów: 315
  • Średnio co: 7 dni
  • Ostatni wpis: 1 rok temu, 13:44
  • Licznik odwiedzin: 457 763 / 2526 dni
 
testowo
 
Teraz zmienimy tlo w prawym bloku...
Tlo mozemy zmienic na trzy sposoby:

1.Zmienic jego kolor...
2.Zamiast koloru wstawic tlo graficzne...
3.Zmienic na tlo przezroczyste...

Do zmiany tla potrzebny jest ten podwojny kod:

#right_content .sidebox-odd {background: black;}
#right, .sidebox, #right-example-
profile, .recomended {background: black;}

Jak widzimy na tym przykladzie,tlo jest czarne:

background: black; -BACKGROUND-czyli TLO...

1.Zmieniamy kolor tla:

Aby zmienic kolor tla,wystarczy w BACKGROUND wpisac nazwe naszego koloru,np.

background: red; lub background: white; lub background: #000fff czy jaki tam chcemy...

2.Aby zmienic tlo na graficzne,musimy najpierw przygotowac jakis obrazek i wrzucic go na jakis darmowy serwer...
Nastepnie musimy skopiowac adres do tego obrazka i wkleic go do kodu tuz za background...Czyli np.

background: url("jakisserwer.pl/naszobrazek.jpg")

3.Zrobienie przezroczystego tla,tak naprawde jest bardzo proste...Po prostu za BACKGROUND wpisujemy TRANSPARENT i gotowe...
Wyglada to tak:

background: transparent;

Gotowe kody do wklejenia:

1.Kod na zmiane koloru tla:

#right_content .sidebox-odd {background: black;}
#right, .sidebox, #right-example-
profile, .recomended {background: black;}

2.Kod na tlo przezroczyste:

#right_content .sidebox-odd {background: transparent;}
#right, .sidebox, #right-example-
profile, .recomended {background: transparent;}

3.Kod na tlo graficzne:

#right_content .sidebox-odd {background: url("klikaj.wen.ru/waz.jpg");}
#right, .sidebox, #right-example-
profile, .recomended {background: url("klikaj.wen.ru/waz.jpg");}

UWAGA...!!!

1.Pamietajcie aby w kodzie na zmiane tla graficznego,wpisac do adresu obrazka http:// czyli tuz za url(" a przed klikaj.wen.ru
Ja mam wpisane http:// ale niestety Pinger tego w przykladach nie wyswietla...
Bez http:// tlo graficzne sie nie wyswietli...

2.Na poczatku pisalem ze jest to podwojny kod,majacy dwa BACKGROUND...
Jezeli chcemy aby nasz prawy blok mial dwa rozne tla,wystarczy np. W jednym kodzie wstawic jeden kolor a w drugim inny,np.

#right_content .sidebox-odd {background: red;}
#right, .sidebox, #right-example-
profile, .recomended {background: green;}

To samo tyczy sie tla graficzego...
Zachecam do eksperymentowania...

prawybloktlo.JPG

Nie możesz dodać komentarza.
Tylko zalogowani użytkownicy mogą komentować ten wpis.