Własne ładne tło dla widoku w aplikacji

Z kolegą grafikiem, pracujemy nad ładniejszym domyślnym wyglądem aplikacji i może przyda się komuś opis jak dodać własne tło do widoku.

Jak dodać własne tło do widoku.

  1. Potrzebujemy zdjęcie lub grafikę
    Jeśli nie robimy sami zdjęć, to możemy skorzystać z czegoś darmowego, np. tu jest fajna kolekcja:
    https://www.freeimages.com/search/background/2?free=1

  2. dodajemy zdjęcie do galerii i kopiujemy URL

  1. włączamy ręczny edytor konfiguracji interfejsu:

  1. dodajemy atrybut background do naszego widoku

coś takiego ale oczywiście z naszym URL

background: center / cover no-repeat url(" /local/img/rock-textures-1183453.jpg") fixed

Po zapisaniu zmian i wyjściu z trybu edycji interfejsu mamy taki efekt

PS
jeżeli coś “namieszamy” i aplikacja nie będzie się poprawnie wyświetlać, to można łatwo wrócić do naszego “firmowego widoku” wystarczy w ręcznym edytorze konfiguracji interfejsu usunąć całą konfigurację i odświeżyć stronę w przeglądarce:

  • włączamy ręczny edytor konfiguracji (jak powyżej)

  • usuwamy/kasujemy całą konfigurację

  • zapisujemy zmiany i odświeżamy przeglądarkę F5

  • i znowu mamy nudny “firmowy widok”

2polubienia

jeszcze jedna strona z darmowymi zdjęciami

Jeżeli chcemy mieć jedno tło do wszystkich kart to wystarczy dodać

background: center / cover no-repeat url("/static/ais_dom/ais_backgroud.jpg") fixed

na samej górze konfiguracji interfejsu:

1polubienie