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

Zajmijmy się teraz tłem i zmianą czcionki tej belki pod awatarem głównym:


1.Miejscówka.png


Za to tlo odpowiada kod:


.sidebox .column_info {
background-color: #FEFDFA;
text-align: left;
}

Zmiana tła jest bardzo prosta,aby zmienić kolor tła w BACKGROUND-COLOR wpisujemy nazwę wybranego przez Nas koloru,np.:

background-color: red; lub
background-color: green; lub jakikolwiek chcemy

Oprócz tego możemy tekst wyśrodkować lub przesunąć w prawą stronę,w kodzie jest jak widzimy text-align: left; -czyli Nasz tekst jest przesunięty w lewą stronę...

Aby go przesunąć w prawo,zamiast LEFT wpisujemy RIGHT
Aby tekst wyśrodkować,zamiast LEFT wpisujemy CENTER

Jednak to nie koniec zmian jakie możemy wprowadzić,oprócz tych które już podałem możemy zmienić rodzaj czcionki,jej kolor,wielkość czy też ją pochylić...

Pokaże teraz co za co odpowiada:

1.Dopisując kod: color: #ff6666; zmieniamy kolor czcionki-oczywiście jaki chcemy...

2.Dopisując kod: font-family: verdana; zmieniamy krój czcionki-może to być arial,vivaldi,georgia czy jaka kolwiek czcionka którą sobie wybierzemy...

3.Dopisując kod: font-size: 15px; zmieniamy wielkość Naszej czionki-tu również decydujemy o tym sami...

4.Dopisując kod: font-weight: bold; ustawimy pogrubienie Naszej czcionki...

5.Dopisując kod: font-style: italic; sprawimy że Nasz czcionka będzie pochylona...


Po zmianach które wprowadzimy,będzie to wyglądało tak:


2.Miejscówka.png


Gotowy kod bez dodatków:

.sidebox .column_info {
background-color: black;
text-align: left;
}

Gotowy kod z dodatkami:

.sidebox .column_info {
background-color: black;
color: #ff6666;
font-family: verdana;
font-size: 15px;
font-style: italic;
font-weight: bold;
text-align: left;
}



...

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

  Wyświetlanie: od najstarszego | od najnowszego