1). Grafikę do tła wsadzamy najprościej przykładowo w CSS :
- Kod: Zaznacz wszystko
div.tresc {
background-image:url('folder/nazwa_pliku.jpg');
}
Oczywiście nie musi to być element DIV i nie musi to być plik JPG. To tak najprościej. Przykładowe kody z tematu to :
- Kod: Zaznacz wszystko
background: url(images/widget-heading-bg.jpg) repeat-x;
Czyli obraz widget-heading-bg.jpg jako tło, powtarzany tylko po "iksie" czyli poziomo. Albo :
- Kod: Zaznacz wszystko
background: #000 url(images/wallpaper-bg.jpg) no-repeat center top;
Czyli obraz wallpaper-bg.jpg jako tło, który się nie powtarza, center i top odnoszą się oczywiście do pozycji tego tła. I oczywiście kolor czarny oznacza, że w miejscu gdzie nie ma tła pochodzącego z obrazu będzie ten kolor.
Jest wiele możliwości zarządzania tłem, na swoim blogu pisałem między innymi bardzo prosty przykład
jak zrobić aby tło nie przesuwało się razem ze stroną. Wszystko na temat tła w CSS znajdziesz na
tej stronie.
2). Jeśli chodzi kolory to w sumie dużo kombinacji pamiętam, bo jeśli się czegoś używa no to człowiek już zapamiętuje. Zresztą można to łatwo sobie wykombinować zasada jest taka, że 3 znakowego kodu możemy używać w momencie kiedy w normalnym kodzie szesnastkowym czyli tym 6 znakowym obok siebie występują pary takich samych znaków czyli taki schemat AABBCC. Wtedy można to zapisać krótko jako ABC. Przykładowo :
- Kod: Zaznacz wszystko
body {
background:#00ccFF;
}
możemy zapisać jako :
- Kod: Zaznacz wszystko
body {
background:#0cF;
}