TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

Różne obrazy tła dla różnych stron w Weebly

8

Dostosowywanie obrazu tła Weebly

Weebly oferuje ponad 100 szablonów ze stałym obrazem tła. W tym artykule wyjaśnimy następujące dwie możliwości zmiany obrazu tła w motywie Weebly.

  • Zmień obraz tła dla wszystkich stron
  • Ustaw różne obrazy tła dla różnych stron

W obu przypadkach musisz przygotować własne obrazy tła, które pasują do szablonu Twojej witryny. Masz również możliwość skorzystania z edytora obrazów tła Weebly.

Zmiana obrazu tła Twojej witryny

  • Przygotuj obraz, który będzie pasował do Twojego projektu szablonu i nawigacji.
  • Zaloguj się na swoje konto Weebly i edytuj witrynę, której obraz tła chcesz zmienić.
  • W edytorze Weebly przejdź do zakładki „Projekt" i kliknij przycisk „Edytuj HTML/CSS”.
  • Kliknij „Dodaj nowe pliki” w sekcji „Pliki” i prześlij obraz tła.

Różne obrazy tła dla różnych stron w Weebly

Zmień obraz tła witryny Weebly

  • Przejdź do „main-style.css” dostępnego w sekcji „CSS”.
  • Znajdź treść CSS i zastąp ostatnią linię w sekcji treści. Generalnie będzie to coś takiego jak poniżej:
background: url(main-bg.jpg) repeat;
  • Zastąp linię poniższym kodem:
background: url (Your-Background-Image-Name.jpg) repeat;
  • Jeśli nazwałeś przesłany obraz tła jako image1.jpg, kod będzie wyglądał jak poniżej:
body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color:#5a5a5a; background: url(image1.jpg) repeat; }
  • Zapisz swój motyw i opublikuj witrynę. Otwórz witrynę w przeglądarce, aby sprawdzić, czy obraz tła zmienia się na nowy obraz po przesłaniu.

Ustawianie różnych obrazów tła dla różnych stron Twojej witryny

  • Wykonaj te same kroki w powyższej metodzie, aby przesłać pliki obrazów, tutaj musisz przesłać liczbę obrazów wymaganych do wyświetlenia na różnych stronach witryny.
  • Nazwij obrazy jako image1.jpg, image2.jpg i tak dalej.
  • Przejdź do zakładki „ Strony ” i wybierz stronę, na której chcesz zmienić obraz tła.
  • Kliknij opcję „Ustawienia zaawansowane” i wklej poniższy kod w sekcji „Kod nagłówka”, jak pokazano na poniższym obrazku.

Różne obrazy tła dla różnych stron w Weebly

Zmień obraz tła strony Weebly

  • Tutaj „image1.jpg” to nazwa przesłanego obrazu tła.
  • Wklej ten sam kod w sekcji kodu nagłówka różnych stron, zmieniając nazwę obrazu na „image2.jpg”, „image3.jpg” itp.
  • Opublikuj swoją witrynę, a różne strony będą wyświetlać różne obrazy tła, gdy witryna zostanie załadowana w przeglądarce.

Źródło nagrywania: www.webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów