Ako vložiť obrázok na pozadie do svojej témy Tumblr?

Vaša téma Tumblr má teraz obrázok na pozadí
Vaša téma Tumblr má teraz obrázok na pozadí.

Tento sprievodca vás naučí, ako zobraziť fotografiu ako pozadie svojho webu Tumblr. Pri niektorých témach Tumblr nie je možné zmeniť obrázky na pozadí, či už prostredníctvom nahrávania alebo úpravy HTML.

Metóda 1 z 2: Použitie prispôsobiteľnej témy

  1. 1
    Prejdite na webovú stránku tumblr. Nachádza sa na https://tumblr.com/. Ak ste prihlásení do svojho prehliadača, dostanete sa na svoju domovskú stránku Tumblr.
    • Ak nie ste prihlásení do služby Tumblr, zadajte svoju e -mailovú adresu a heslo a potom kliknite na položku Prihlásiť sa.
  2. 2
    Kliknite na ikonu svojho profilu. Je to ikona v tvare osoby v pravom hornom rohu stránky.
  3. 3
    Kliknite na názov blogu, ktorý chcete upraviť. Nájdete ho pod nadpisom „TUMBLRS“ zhruba v polovici rozbaľovacej ponuky profilu.
  4. 4
    Kliknite na položku Upraviť vzhľad. Táto možnosť je v pravom hornom rohu stránky, tesne pod sekciami Koncepty a Príspevky.
  5. 5
    Kliknite na položku Upraviť motív. Je to vpravo od nadpisu „Téma webových stránok“ pod vašim profilovým obrázkom.
    Odovzdá sa vaša fotografia na server Tumblr
    Ak tak urobíte, odovzdá sa vaša fotografia na server Tumblr; vaša téma by sa mala obnoviť do niekoľkých sekúnd, aby sa zobrazilo vaše nové pozadie.
  6. 6
    Vedľa pozadia vyhľadajte ikonu fotoaparátu alebo ceruzky. Táto možnosť je pod nadpisom „MOŽNOSTI TÉMY“. Ak sa vpravo od pozadia zobrazuje ikona fotoaparátu alebo ceruzky, môžete nahrať svoj vlastný obrázok.
    • Niektoré témy Tumblr tu majú variáciu Pozadia (napr. Vyberte pozadie).
    • Ak túto možnosť v možnostiach témy svojho blogu nevidíte, pokračujte ďalšou metódou.
    • Niektoré bezplatné témy, ktoré vám umožňujú nahrať vlastnú fotografiu, sú „Catching Elephant“ a „Papercut“. Medzi platené témy patria „Kráľovné“ a „Halcyon“.
  7. 7
    Kliknite na ikonu fotoaparátu. Tým sa vyvolá okno, v ktorom môžete vybrať fotografiu z počítača.
    • Pri niektorých témach namiesto toho kliknete na ikonu ceruzky.
  8. 8
    Vyberte fotografiu. V závislosti od počítača a umiestnenia, do ktorého sa toto okno otvára, budete možno musieť prejsť do priečinka s fotografiami v počítači.
    • Niektoré motívy budú vyžadovať, aby ste najskôr klikli na položku Vybrať fotografiu.
    • Zaistite, aby bola fotografia relatívne kvalitná. V opačnom prípade môže pôsobiť zrnito alebo rozostrene.
  9. 9
    Kliknite na položku Otvoriť. Je to v spodnej časti okna. Ak tak urobíte, odovzdá sa vaša fotografia na server Tumblr; vaša téma by sa mala obnoviť do niekoľkých sekúnd, aby sa zobrazilo vaše nové pozadie.

Metóda 2 z 2: úprava html

  1. 1
    Prejdite na webovú stránku tumblr. Nachádza sa na https://tumblr.com/. Ak ste prihlásení do svojho prehliadača, dostanete sa na svoju domovskú stránku Tumblr.
    • Ak nie ste prihlásení do služby Tumblr, zadajte svoju e -mailovú adresu a heslo a potom kliknite na položku Prihlásiť sa.
  2. 2
    Kliknite na ikonu svojho profilu. Toto tlačidlo v tvare osoby sa nachádza v pravom hornom rohu stránky.
  3. 3
    Kliknite na názov blogu, ktorý chcete upraviť. Bude pod hlavičkou „TUMBLRS“ zhruba v polovici rozbaľovacej ponuky profilu.
  4. 4
    Kliknite na položku Upraviť vzhľad. Táto možnosť je v pravej hornej časti stránky, tesne pod sekciami Koncepty a Príspevky.
  5. 5
    Kliknite na položku Upraviť motív. Vpravo od nadpisu „Téma webových stránok“, ktorý je pod vašim profilovým obrázkom.
    Zvážte nainštalovanie novej témy
    Ak váš aktuálny motív nepodporuje odosielanie fotografií na pozadí ani ich pridávanie prostredníctvom formátu HTML, zvážte nainštalovanie novej témy, ktorá podporuje jednu z týchto možností.
  6. 6
    Kliknite na položku Upraviť html. Tento odkaz je pod názvom vašej témy v hornej časti bočného panela Upraviť motívy.
  7. 7
    Kliknite na ikonu ozubeného kolieska. Nachádza sa v ľavej hornej časti panela „Upraviť HTML“.
  8. 8
    Kliknite na položku Nájsť a nahradiť. Tým sa otvorí okno, v ktorom môžete vyhľadať riadok kódu, ktorý budete musieť upraviť.
  9. 9
    Zadajte body {. Táto značka je prítomná vo všetkých témach Tumblr, ktoré obsahujú prispôsobiteľný obrázok na pozadí.
    • Ak HTML vybratého motívu neobsahuje značku „body {“, nemôžete zmeniť jeho obrázok na pozadí.
  10. 10
    Hľadaj background: značku. Toto je priamo pod značkou „body {“; sem pridáte URL svojho obrázku medzi „:“ a „;“ na konci riadku.
  11. 11
    Nahradiť akýkoľvek text medzi „pozadím:“ a „;“ s vašou značkou URL. URL tag by mal zapísať takto: url().
    • V praxi to povie celý tento riadok background: url(.website.com/image.jpg);. Majte na pamäti, že medzi časťou „background:“ a časťou „url“ je medzera.
  12. 12
    Do zátvoriek zadajte adresu URL svojho obrázku. Vybratá adresa URL musí končiť príponou súboru obrázku, ako napríklad .jpg alebo .png. Najjednoduchším spôsobom, ako zobraziť adresu URL fotky v tomto formáte, je kliknúť pravým tlačidlom myši (alebo dvoma prstami) na fotografiu, kliknúť na položku Otvoriť obrázok na novej karte a skopírovať adresu URL odtiaľ.
    • Ak chcete použiť originálnu fotografiu, môžete ju nahrať do služby ako Photobucket alebo Imgur.
  13. 13
    Kliknite na položku Aktualizovať ukážku. Je to zelené tlačidlo v pravom hornom rohu bočného panela „Upraviť HTML“. Mali by ste vidieť vybraný obrázok.
  14. 14
    V prípade potreby znova umiestnite obrázok. Ak je váš obrázok zošikmený alebo sa náhle odreže, zadajte pod značku „pozadie“ nasledujúce tri riadky kódu:
    • background-attachment: fixed; - Vďaka tomu bude váš obrázok na jednom mieste.
    • background-repeat: no-repeat;- Môžete tiež zmeniť no-repeat, repeat či chcete, aby sa váš obrázok počas posúvania nadol opakoval.
    • background-position:center;- Môžete tiež použiť right alebo left namiesto center.
    • Môžete tiež pridať riadok, background-size: cover aby váš obrázok vyplnil celé pozadie.
    Túto možnosť uvidíte v ľavom hornom rohu bočného panela „Upraviť motív“
    Túto možnosť uvidíte v ľavom hornom rohu bočného panela „Upraviť motív“.
  15. 15
    Kliknite na položku Uložiť. Je to modré tlačidlo vľavo od položky Aktualizovať ukážku v hornej časti bočného panela „Upraviť HTML “.
  16. 16
    Kliknite na . Nachádza sa v ľavej hornej časti stránky.
  17. 17
    Kliknite na položku Ukončiť. Túto možnosť uvidíte v ľavom hornom rohu bočného panela „Upraviť motív“. Vaša téma Tumblr má teraz obrázok na pozadí.

Tipy

  • Ak váš aktuálny motív nepodporuje odosielanie fotografií na pozadí ani ich pridávanie prostredníctvom formátu HTML, zvážte nainštalovanie novej témy, ktorá podporuje jednu z týchto možností.

Varovania

  • Odstránenie akéhokoľvek kódu, ktorý nie je uvedený v tomto článku, poškodí vašu tému.

Otázky a odpovede

  • Existujú nejaké odporúčané rozmery?
    Nie. Orezanie obrázkov, ako chcete, funguje najlepšie.

FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail