Dodawanie tła w Dokumentach Google

Jeśli często używasz Dokumentów Google zapewne zastanawiałeś się chwilami jak dodać własne tło do dokumentów, zwłaszcza jeśli te dokumenty udostępniasz innej osobie.

Zastosowania tła mogą być różne od ozdobienia dokumentu i stworzenia innego wyglądu do zastosowań informacyjnych i dla podkreślenia ważności dokumentu (znaki wodne)

Grafika tła w Dokumentach Google ma jednak to do siebie że nie przenosi się jeśli konwertujemy plik na pdf, doc, wxf. Czyli jeśli chcesz taki plik zapisać na swoim dysku to niestety będzie on pozbawiony tła.
Mimo iż jest to jakieś ograniczenie, uważam że warto się tego nauczyć i stosować.

Budowa dokumentu google to w zasadzie budowa pliku DHTML a więc do zrozumienia jego struktury wystarczy minimalna znajomość języków html i css. Właśnie w oparciu o konstrukcje językowe html i css opiera się metoda dodawania tła do dokumentu.

Jeśli nie pociąga Cię wiedza z zakresu CSS i HTML to po przeczytaniu tego artykułu właściwie nie będziesz miał potrzeby zgłębiania tajników html gdyż wszystko co jest potrzebne dla dokumentów google będzie tu pokazane.

Istota dodania tła zamyka się w kilku prostych krokach:
1. Tworzymy plik tła w formacie jpg lub png i niezbyt dużych rozmiarach.
2. Wstawiamy plik do jednego z dokumentów.
3. Pobieramy do schowka pamięci jego id otwierając kod html dokumentu
4. Wstawiamy id pliku do kodu css w dokumencie w którym chcemy zastosować ten plik jako tło.

Zacznijmy od 1 kroku
1. Przygotowałem sobie dwa pliki. Jeden ma być znakiem wodnym. Drugi ma imitować tło kartki w zeszycie. Pliki oczywiście znacząco odbiegają od doskonałości :)

1)

znakwodny.jpg

2)

kartka.jpg

2. W drugim punkcie mamy wstawić te pliki do dokumentu. Mam na myśli taki dokument, który nie będzie udostępniony, ani też nie będzie miał żadnej innej funkcji poza tym że będzie kontenerem dla naszych grafik. Aby dodać naszą grafikę do dokumentu wybieramy menu Wstaw (insert) a następnie obraz (picture)

csseditinggdocs3.JPG

Przy wstawianiu obrazu jest możliwość wyboru miejsca skąd chcemy pobrać obraz. Można wybrać ze wskazanego miejsca w internecie lub z własnego komputera. Poniżej pokazałem możliwe opcje przy wstawianiu obrazu.

csseditinggdocs4.JPG

3. Gdy już obraz jest załadowany dążymy do realizacji punktu 3. W tym celu z menu wybieramy Edycja a następnie edycja HTML.

csseditinggdocs5.JPG

Kolorem żółtym zaznaczyłem fragment kodu, na który trzeba zwrócić uwagę. Jego położenie w kodzie html zależy od tego czy jest to pierwszy ze wstawianych obrazów czy też kolejny. ID jest unikalnym kodem grafiki w kontach google. Jeśli przepisałbyś teraz kod tej grafiki i użył u siebie to działałby on tak samo jak u mnie.
Zaznacz i skopiuj do schowka kod który jest u Ciebie.

4. Utwórz teraz nowy dokument lub otwórz dokument już istniejący.

Kliknij menu Edycja a następnie Edycja CSS

csseditinggdocs1.JPG

csseditinggdocs.JPG

Wklej poniższy kod zastępując ciąg File?id=… swoim id.
Będzie to wyglądać jak na ilustracji powyżej.

body {
background-image: url(’File?id=dhjzvcrj_77gdk89nd5_b’);
background-repeat: repeat-y;
padding-left: 70px;
}
p {
line-height: 20px;
}

To już wszystko. Zobacz jak wygląda tło w zastosowaniu. Myślę że Ty stworzysz coś o wiele lepszego (mając zdobytą tu wiedzę).

csseditinggdocs6.JPG

csseditinggdocs2.JPG

onlyregistered1.png Przydała Ci się ta informacja? Subskrybuj mój kanał RSS, by być na bieżąco z nowymi wiadomościami.

----------------------------------------------------------
TANIE I TERMINOWE PRZEPISYWANIE TEKSTU z: rękopisu, maszynopisu, plików dźwiękowych (kontakt do mnie lub tel kom 513 635 592)
----------------------------------------------------------

One Response to “Dodawanie tła w Dokumentach Google”

  1. Świadectwa energetyczne Says:

    Po co to wymyślili! Jestem przeciwnikiem ale mimo wszystko ciekawie opisane, ale mam niedosyt! rzypadkowo znalazlam Cie w google, szukajac cos o oszedzaniu energii. Czekam na bardziej rozbudowane arty!

Leave a Reply