W dzisiejszych czasach nie jest trudno stworzyć własną stronę internetową, nawet jeśli nie masz konkretnej wiedzy z zakresu projektowania i programowania stron internetowych. W każdej chwili możesz skorzystać z masy różnych szablonów zamieszczonych w Internecie i na podstawie gotowych szablonów stworzyć i opublikować swoją stronę w sieci. Jednak nie wszyscy są w pełni zadowoleni z wersji strony, którą oferuje szablon. W tym artykule dowiesz się, jak zmienić szablon witryny i uczynić go wyjątkowym.
Instrukcje
Krok 1
Pobierz szablon i znajdź w nim plik style.css. Zazwyczaj ten plik znajduje się w folderze public_html.
Krok 2
Otwórz plik style.css w notatniku i znajdź fragment kodu, który odpowiada za wygląd górnej części witryny. Ten fragment wygląda tak:
#logotyp {
tło: url (obrazy / logotype.png) bez powtórzeń lewy środek #fff;
szerokość: 230px;
wysokość: 60px;
margines: 10px 25px;
pozycja: względna;
Krok 3
W tym kodzie, w linii background: url, musisz podać ścieżkę do obrazu tła przyszłej witryny. Kolejne linie wskazują długość i wysokość obrazu, a pozycja marginesu określa pionowe i poziome wcięcie obrazu.
Krok 4
Znajdź plik logotype.png
Krok 5
Prześlij obraz tła do folderu public_html/tmpl/nazwa_szablonu/Images/, po czym, jak wspomniano powyżej, wpisz ścieżkę do obrazu w tle: linia url.
Krok 6
W razie potrzeby przepisz parametry wysokości, długości i przesunięcia obrazu. Pozycja: linia względna może pozostać sama. Zapisz zmiany w pliku i prześlij go na serwer zamiast starego pliku szablonu.
Krok 7
Jeśli chcesz zmienić logo witryny w stopce, poszukaj w style.css fragmentu kodu, który zaczyna się od słów logotype-footer. Zapisz obraz z nowym logo i prześlij go do folderu Obrazy szablonu.
Krok 8
Zmień parametry długości i wysokości. Zapisz ponownie plik style.css i prześlij zaktualizowaną witrynę na serwer.
