Na stronie używamy cookies. Korzystanie z witryny oznacza zgodę na ich wykorzystywanie. Szczegóły znajdziesz w Polityce Prywatności.

Nie możesz znaleść dodatku który chciałbyś umieścić na swojej stronie lub blogu? Napisz do nas - postaramy się przygotować taki dodatek i poinformujemy Cię o tym na maila:

Dodatki
Liczniki
Pogoda

Jak dodać / zmienić tło na bloga?

Jednym z głównych elementów bloga jest tło. Sposobów dodawania bądź zmieniania tła jest kilka.

Pierwszym sposobem jest dodanie w arkuszach stylu CSS cechy background i określenie jej wartości.
Np. body {background-image: url('background.jpg');}
Tłem będzie w tym przypadku plik background.jpg. Ponieważ nie określono wartości cechy „repeat”, grafika z pliku będzie powtarzała się zarówno pionowo jak i poziomo, wypełniając całą stronę.

W przypadku braku zewnętrznego arkusza stylów css, możemy wstawić w sekcji head kodu strony następujący styl:
<style type="text/css">
body { tu należy wstawić wybrane rozwiązanie }
</style>

Trzeba pamiętać, że ze względu na czas ładowania się bloga powinno się używać plików o jak najmniejszym ciężarze.
W przypadku zastosowania cechy repeat: „background-repeat: repeat-x;” albo „background-repeat: repeat-y;”, grafika z pliku będzie się powtarzała tylko w poziomie lub tylko w pionie.

Np. powtarzanie w pionie
body {
background-image: url('background.jpg');
background-repeat: repeat-y;
}
Jako tło można ustawić również kolor:
Np.
body {background-color: #D8EEFF;}
ewentualnie po prostu:
body {background: #D8EEFF;}

Często spotykanym tłem jest gradient, czyli obraz, w którym kolor przechodzi od jednego swojego odcienia w drugi, albo kolory pomiędzy sobą. W przypadku zastosowania tego rozwiązania należy przyciąć szerokości grafiki do jak najmniejszej, np. 1 px, tak aby tło ładowało się jak najkrócej i umieścić tło na blogu z określeniem funkcji „repeat”. Jednocześnie jako tło należy ustawić kolor sąsiadujący z gradientem , tak by po skończeniu się grafiki, kolor wypełniał resztę strony, tworząc łagodne przejście między gradientem a pozostałą częścią tła.

Ocena:
2.33333
Twoja ocena:
Więcej w tej kategorii

Powiadomienia o nowych dodatkach