#5 - Zmiany kolorów menu

Jeśli ustawiliście sobie ciemne tło w nagłówku, może to uniewydatnić menu (ja zmieniłem kolor linków na biały w poprzednim kodzie). Dlatego też - proszę!

.menu{color:tutaj_kolor_linków;}

Kod powyżej zmienia kolor linków. Jednak jeśli chcecie, żeby link miały takie tło, jak logo portalu:

#logo,.menu{color:tutaj_kolor_linków;background-color:tutaj_kolor_tła;}

Oczywiście możecie zrezygnować z koloru tła. Ale jak sami pewnie zauważyliście, po najechaniu zmieniają się nam kolory. Oto kod, który dostosuje menu po najechaniu:

#logo:hover,.menu:hover{color:tutaj_kolor_linków;background-color:tutaj_kolor_tła;}

{pamiętajcie, kody dodajemy pomiędzy [style][/style]!}

#4 - Nagłówek strony

Graficzki, graficzki.

Jeśli ktoś z chattersów to pewnie pamięta podobny kod. :)

header{padding-top:277px;background:url(tutaj_link_do_tła);}

Liczbę na czerwono musicie sobie wyliczyć. Mój obrazek ma 320px wysokości. Odejmuję od tej wysokości wysokość menu (czyli 43px), stąd mam 277px. :)

{pamiętajcie, kody dodajemy pomiędzy [style][/style]!}

#3 - Wyśrodkowanie bloków na stronie

Wiem, wiem, miał być post w czwartek, ale... zapomniałem. Dlatego dzisiaj dodam zaległy, dzisiejszy oraz bonusowy kod. :)

.block{display:block;margin:0 auto;float:none;}

{pamiętajcie, kody dodajemy pomiędzy [style][/style]!}

#2 - Usunięcie linii z bloczków

Dzisiaj na szybko kodzik. Coś upiększającego dodam w czwartek. :)

.block{border:0;}

{pamiętajcie, kody dodajemy pomiędzy [style][/style]!}

#1 - Początek! - Kody na tło profilu

Cześć! Z tej strony Anon, administrator Kreatywnych. Uznałem, że od dzisiaj powrócę z formą kodów CSS dla każdego. Oczywiście, pełne szablony są dostępne dla kont premium. Kody z tego bloga będziecie musieli sami połączyć. :)

Na start, klasycznie, tło profilu. Tło możecie edytować na kilka sposobów. Pierwszy, poprzez zmianę koloru. Drugi, poprzez dodanie patterna (tła powtarzalnego) oraz całościowego obrazka.

body{background-color:tutaj_kolor;}

Kolor możecie wybrać z palety barw RGB (#FFFFFF) lub słownie np. blue, green itp.

---------------------------------------------------------------------------------------------------------

Jak wcześniej napisałem, możecie użyć tzw. patterna (czasem nie wiem jak coś nazwać po polsku, taka niepełnosprawność).

body{background-image:url(tutaj_link);}

---------------------------------------------------------------------------------------------------------

No i tło obrazkowe. Najlepiej znajdźcie coś o wymiarach 1920x1080 (w images.google.pl dopiszcie na końcu frazy imagesize:1920x1080, a wszystkie wyniki będą w tym rozmiarze).

body{background-image:url(tutaj_link);

background-size:cover;

background-attachment:fixed;}

Na dzisiaj to tyle, kolejna notka już we wtorek!

{pamiętajcie, kody dodajemy pomiędzy [style][/style]!}