czwartek, 27 czerwca 2013

Obramowania i podkreślenia

Hej, to znowu ja :))

Długo mnie tu nie było, no ale cóż. Nie zamierzam się tłumaczyć ;))

Obramowania.

1. Podstawowo szablon -> dostosuj -> zaawansowane -> css
2. Wybieramy komendę (.post / .comment p / .column-left / .column-right).

3. Po komendzie wpisujemy {border-width: thin/medium/thick; }
4. Thin, medium i thick w 3. punkcie oznaczają szerokość naszego obramowania. Są w kolejności od najcieńszego do najgrubszego.

'Gadżety' obramowań.

1. Linia kropkowana - {border-style: dotted; }
2. Linia kreskowana - {border-style: dashed; }
3. Linia podwójna - {border-style: double; }


4. Linia ciągła jest dodawana automatycznie, jeśli nie dodasz żadnego z punktów 1-3, ale macie tutaj też kod na nią - {border-style: solid; }

Skoro już jesteśmy przy liniach to zrobię też podkreślenia.
Wielu z was zastanawia się pewnie, jak zrobić to, żeby podczas najechania na link, podkreślał się on. Więc... Czytajcie :))

PODKREŚLENIE LINKA

a:hover {border-bottom-style: dashed/dotted/double/solid; }

Powyższy kod działa na tej samej zasadzie co gadżety obramowań ;))

a:hover {border-width: thin/medium/thick; } <----- kod na grubość podkreślenia

Miłego popołudnia! :))
Torii xx