• Wpisów: 315
  • Średnio co: 7 dni
  • Ostatni wpis: 1 rok temu, 13:44
  • Licznik odwiedzin: 457 763 / 2526 dni
 
testowo
 
Gdzie wklejamy kod:

Aby dokonać zmian na blogu,klikamy kolejno:
USTAWIENIA -> WYGLĄD MINIBLOGA i na dole poniżej
WŁASNE STYLE wpisujemy kod...

Zmienilismy juz tlo i czcionke menu,czas zrobic to samo z kliknietym menu-czyli jezeli wybierzemy np. Dyskusje-tlo tego przycisku bedzie mialo inny kolor niz cale menu...

Za to odpowiada ten kod:

ul#tab_content li a.current, ul.my-profile li
a.current, ul.user-profile li a.current {
background: url("klikaj.wen.ru/zbel.gif");
color: #000000;
}

I.Zmiana tla:

1.Jezeli chcemy aby tlo tworzyl wybrany plik graficzny,nasz plik wrzucamy na jakis darmowy serwer i w BACKGROUND wpisujemy adres do niego,np.

background: url("jakisserwer.pl/naszplik.gif");

UWAGA!!!Wstawiajac plik graficzny,pamietaj aby po url(" a przed jakisserwer.pl wstawic http://
W kodzie ktory tu macie nie widac http:// poniewaz serwer Pinger go nie wyswietla...

2.Jezeli nie chcemy tla graficznego,lecz w kolorze-w BACKGROUND wpisujemy nasz kolor,np.

background: red; lub background: #fff000; lub jakikolwiek inny kolor...

3.Jezeli chcemy miec tlo przezroczyste,w BACKGROUND wpisujemy TRANSPARENT czyli:

background: transparent;

II.Zmiana czcionki:

1.Aby zmienic kolor czcionki w COLOR wpisujemy wybrany przez nas kolor np.

color: red; lub color: white lub jaki chcemy...

Jednak to nie koniec-mozemy rowniez zmienic wielkosc czcionki,styl oraz grubosc...

1.Jezeli chcemy pogrubiony tekst w kodzie dopisujemy linijke:

font-weight: bold;

2.Jezeli chcemy zmienic wielkosc czcionki w kodzie dopisujemy linijke:

font-size: 14px; lub font-size: 30px lub jaka chcemy...

3.Jezeli chcemy zmienic rodzaj czcionki,wtedy do kodu wpisujemy linijke:

font-family: tahoma;  lub font-family: verdana; lub jaka wybralismy...

4.Oprocz tego mozemy ustawic aby nasza czcionka byla pochylona,wystarczy do kodu dopisac linijke:

font-style: italic;

5.Mozemy tez sprawic aby nasza czcionka byla podkreslona,w tym celu do kodu dopisujemy linijke:

text-decoration: underline;

Gotowe kody:

1.Podstawowy kod-tlo graficzne:

ul#tab_content li a.current, ul.my-profile li
a.current, ul.user-profile li a.current {
background: url("klikaj.wen.ru/zbel.gif");
color: #000000;
}

2.Podstawowy kod-tlo w kolorze:

ul#tab_content li a.current, ul.my-profile li
a.current, ul.user-profile li a.current {
background: red;
color: #000000;
}

3.Podstawowy kod-przezroczyste tlo:

ul#tab_content li a.current, ul.my-profile li
a.current, ul.user-profile li a.current {
background: transparent;
color: #000000;
}

4.Kod z dodatkami-tlo graficzne:

ul#tab_content li a.current, ul.my-profile li
a.current, ul.user-profile li a.current {
background: url("klikaj.wen.ru/zbel.gif");
color: #000000;
font-weight: bold;
font-size: 16px;
font-family: arial,
font-style: italic;
text-decoration: underline;
}

5.Kod z dodatkami-tlo w kolorze:

ul#tab_content li a.current, ul.my-profile li
a.current, ul.user-profile li a.current {
background: green;
color: #000000;
font-weight: bold;
font-size: 16px;
font-family: arial,
font-style: italic;
text-decoration: underline;
}

6.Kod z dodatkami-przezroczyste tlo:

ul#tab_content li a.current, ul.my-profile li
a.current, ul.user-profile li a.current {
background: url("klikaj.wen.ru/zbel.gif");
color: #000000;
font-weight: bold;
font-size: 16px;
font-family: arial,
font-style: italic;
text-decoration: underline;
}

...
srodkowemenu.JPG

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

  Wyświetlanie: od najstarszego | od najnowszego