• Wpisów: 315
  • Średnio co: 8 dni
  • Ostatni wpis: 1 rok temu, 13:44
  • Licznik odwiedzin: 457 849 / 2529 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...

Pozostało Nam zmienić kolor i wygląd dolnej czcionki,czyli WSZYSTKIE...

Za to odpowiada ten kod:

.last-files .more {
font-family: arial,sans-serif;
font-weight: bold;
}


Kod pozwala Nam zmienić rodzaj czcionki oraz jej pogrubienie...

Aby zmienić rodzaj czcionki-wystarczy w FONT-FAMILY wpisać jej nazwę,np.

font-family: Arial;   lub
font-family: Monotype Corsiva;  bądz jakąkolwiek czcionkę która Nam się spodoba...

Jeżeli nie chcemy aby czcionka była pogrubiona,w FONT-WEIGHT wpisujemy NORMAL zamiast BOLD:

font-weight: normal;

Jednak możemy wprowadzić nieco więcej zmian do jej wyglądu jak i koloru...

Przedstawie to na przykładach:

1.Jeżeli chcemy aby czcionka była mniejsza lub większa-do kodu dopisujemy linijke:

font-size: 12px;  lub
font-size: 20px;

2.Jeżeli chcemy aby czionka była podkreślona-do kodu dopisujemy linijke:

text-decoratiom: underline;

3.Jeżeli chcemy zmienić kolor podkreślenia czcionki-do kodu dopisujemy linijke:

color: red;   lub
color: green;   lub jaki kolor chcemy...

4.Jeżeli nie chcemy aby czcionka była po lewej stronie-do kodu dopisujemy linijke:

text-align: center;   - dzięki temu Nasz czcionka będzie pośrodku,
lub
text_align: right;  - dzięki temu Nasza czcionka będzie po prawej stronie...

W pkt.3 podałem Wam jak zmienić kolor podkreślenia czionki a nie samą czcionkę-a to dlatego iż żeby zmienić kolor samej czcionki,musimy dopisać dodatkowy kod,czyli:

p.more a {
color: green;
}

I to w nim aby zmienić kolor czcionki,w COLOR wpisujemy wybrany przez Nas kolor,np.

color: red;  lub
color: #eee333;



Gotowe kody do wklejenia...

1.Bez dodatków + kolor czcionki:

.last-files .more {
font-family: arial,sans-serif;
font-weight: bold;
}
p.more a {
color: green;
}



2.Z dodatkami + kolor czcionki:

.last-files .more {
font-family: arial;
font-weight: bold;
text-align: right;
font-size: 16px;
text-decoration: underline;
}
p.more a {
color: green;
}


...
lewawszystkie.JPG

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

  Wyświetlanie: od najstarszego | od najnowszego