Jak Zmienić Tło Strony

Spisu treści:

Jak Zmienić Tło Strony
Jak Zmienić Tło Strony

Wideo: Jak Zmienić Tło Strony

Wideo: Jak Zmienić Tło Strony
Wideo: Jak zmienić tło - motyw w przeglądarce google chrome? 2024, Może
Anonim

Jeśli tło stron Twojej witryny składa się z jednego obrazu, który ma szerokość witryny i jest zwielokrotniony w pionie, to możesz to zmienić tylko poprzez edycję tego obrazu w edytorze graficznym. A jeśli tło jest utworzone w kodzie stron, można je zmienić, korzystając z poniższych instrukcji.

Jak zmienić tło strony
Jak zmienić tło strony

Instrukcje

Krok 1

Aby zmienić tło, musisz najpierw określić, w jaki sposób jest ono ustawione w aktualnej wersji stron witryny. Aby to zrobić, otwórz kod źródłowy strony na serwerze. Można to zrobić za pomocą zwykłego edytora tekstu, wystarczy standardowy Notatnik. A jeśli korzystasz z dowolnego systemu zarządzania treścią, to stronę można edytować bezpośrednio w przeglądarce za pomocą wbudowanego edytora stron. Kod HTML strony (HTML - HyperText Markup Language, "język znaczników hipertekstowych") składa się z linii z instrukcje dla przeglądarki opisujące rodzaje, wygląd i układ każdego elementu strony internetowej. Instrukcje te są nazywane „znacznikami” i są pogrupowane w bloki, z których jeden zaczyna się od znacznika początkowego i kończy się na znaczniku końcowym. Zgodnie ze standardami HTML, możesz ustawić parametry tła strony w otwierającym tagu. Odbywa się to poprzez umieszczenie w nim atrybutu bgcolor: Tutaj kolor tła tej strony jest ustawiony na zielony. Niektóre kolory zgodnie ze standardami HTML mają swoje własne nazwy - na przykład Chocolate lub Gainsboro, ale zwykle używają szesnastkowych kodów kolorów: Jeśli kolor tła jest określony w ten sposób, należy znaleźć tag body w kodzie strony i zastąpić atrybut bgcolor wartość z tą, którą chcesz.

Krok 2

Strony o bardziej złożonym projekcie często używają CSS (Cascading Style Sheets) do opisu wyglądu. CSS to język zaprojektowany specjalnie do opisywania wyglądu elementów w dokumencie html. Bloki kodu CSS mogą być zawarte w kodzie strony, zawarte w osobnym pliku z rozszerzeniem "css" i połączone ze stroną specjalną instrukcją w kodzie źródłowym strony. Tag powinien znaleźć się w kodzie strony - jeśli będzie odnosić się do pliku zewnętrznego, musisz otworzyć ten plik do edycji. Taki link może wyglądać tak: @import "style.css" A jeśli po tagu od razu następują instrukcje, a nie link do pliku, to musisz edytować style tutaj. W obu przypadkach musisz poszukać części opisu stylu, która odnosi się do treści dokumentu - body. Ale w języku CSS nie będzie to już nazywane „tagiem”, ale „selektorem” i może wyglądać na przykład tak:

ciało {

kolor tła: zielony;

kolor biały;

}

Należy zastąpić wartość parametru background-color - określa on kolor tła strony. I tutaj również można wskazać niektóre odcienie kolorów po imieniu, ale lepiej jest używać wartości szesnastkowych. Na przykład wartość szesnastkowa dla odcienia Chocolate = #D2691E. Możliwe jest określenie nie tylko koloru, ale także obrazu dla tła: body {

tło: zielony adres URL (img/bg.jpg) powtórz-x;

kolor biały;

} Tutaj url (img / bg.jpg) oznacza, że obrazek o nazwie bg.jpg

Zalecana: