• Wpisów: 315
  • Średnio co: 8 dni
  • Ostatni wpis: 2 lata temu, 13:44
  • Licznik odwiedzin: 461 874 / 2642 dni
 
testowo
 
Gdzie wklejamy kod:

Aby dokonac zmian na blogu,klikamy kolejno:
USTAWIENIA -> WYGLAD MINIBLOGA i na dole ponizej
WLASNE STYLE wpisujemy kod...

Czas zajac sie obramowaniem avatarów w prawym bloku...
Na poczatek zrobimy okragle obramowanietakie jak na moim blogu...

Za to odpowiedzialny jest ten oto kod:

.sidebox img, .recomended img {
background: none repeat scroll 0 0 transparent;
border: 3px double #FFFFFF;
}

Zeby wstawic wlasne obramowanie w BORDER wpisujemy nasze wartosci,np.

border: 2px dotted green; -ten przyklad sprawia iz nasza ramka bedzie grubosci 2px,kropkowana o kolorze zielonym...

Jak juz pisalem w lekcji OBRAMOWANIA,mozemy zmieniac obramowanie na kropkowane,kreskowane,trojwymiarowe itp...


Wiecej o obramowaniach znajdziecie pod tym adresem:

testowo.pinger.pl/m/3883816/obramowania


Ale żeby niepotrzebnie nie mieszać-wpisze Wam gotowe kody do wklejenia...

Aby awatary były okrągłe,wystarczy do kodu dopisać linijkę:

border-radius: 100px 100px 100px 100px;

Czyli gotowy kod będzie wygłądał tak:

.sidebox img, .recomended img {
background: none repeat scroll 0 0 transparent;
border: 3px double #FFFFFF;
border-radius: 100px 100px 100px 100px;
}

Pamiętajcie że sami możecie ustalić czy obramowanie ma być z kropek,kresek,podwójnej linii jakiej ma być grubości i jakiego koloru...
Wystarczy w BORDER pozmieniać:

3px- jest to grubość ramki.możecie wstawić 1px 4px czy ile Wam odpowiada,
double- jest to rodzaj ramki,tutaj DOUBLE oznacza podwójną ramkę a np. DOTTED oznacza ramkę z kropek...
#555555- jest to kolor ramki-który możecie sami sobie wybrać...

Jeżeli jednak nie chcecie aby ramka była widoczna, w BORDER wpisujecie NONE:

border: none;

Gotowe kody:

1.Okrągły awatar-ramka kropkowana o kolorze zielonym i grubości 2px:

.sidebox img, .recomended img {
background: none repeat scroll 0 0 transparent;
border: 2px dotted green;
border-radius: 100px 100px 100px 100px;
}

2.Okrągły awatar-ramka podwójna o kolorze czarnym i grubości 3px:

.sidebox img, .recomended img {
background: none repeat scroll 0 0 transparent;
border: 3px double #000000;
border-radius: 100px 100px 100px 100px;
}

3.Okrągły awatar-bez ramki:

.sidebox img, .recomended img {
background: none repeat scroll 0 0 transparent;
border: none;
border-radius: 100px 100px 100px 100px;
}

Życzę miłego weekendu...


...

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

  Wyświetlanie: od najstarszego | od najnowszego