whycomputer.com >> Počítačová školení >  >> Internet

Jak umístit Tumblr Banner

Mnoho témat Tumblr vám umožní zobrazit obrázek banneru v horní části vašeho blogu namísto názvu vašeho blogu. Pokud však banner neodpovídá vašim představám, můžete změnit jeho zarovnání úpravou HTML kódu vašeho motivu. Pokud váš motiv nepodporuje obrázky banneru nebo chcete nad nadpis přidat banner, můžete upravit HTML kód pro přidání a umístění banneru ručně.

Témata s obrázky záhlaví

Kliknutím na kartu Přizpůsobení na řídicím panelu Tumblr získáte přístup k nastavení motivů.

Přejděte dolů do části Vzhled v levém podokně a potom klikněte na tlačítko Nahrát vedle položky "Záhlaví" pro nahrání obrázku banneru.

Přejděte zpět na začátek podokna a klepněte na tlačítko "Upravit HTML" pro přístup k HTML kódu vašeho motivu.

Stiskněte klávesu "Ctrl-F" na klávesnici vyvolejte vyhledávací nástroj a pak hledejte "{Title}" (bez uvozovek), dokud nenajdete první výskyt výrazu v sekci těla, brzy po "& lt; body & gt;" štítek. V mnoha případech se bude nacházet v bloku, který začíná znakem "& lt; div id =" title "& gt;" nebo "& lt; div id =" header "& gt;".

Přiřaďte "{Title}" slovem "& lt; center & gt;" a „& lt; /center & gt;“ tagy, aby kód vypadal takto:

& lt; center & gt; {Title} & lt; /center & gt;

Kliknutím na tlačítko „Aktualizovat náhled“ zjistíte, zda vaše změny fungovaly. Pokud se banner na stránce nenachází, pravděpodobně jste změnili nesprávnou část kódu, v takovém případě změny zrušte a zkuste to znovu.

Klikněte na tlačítko Uložit a poté vyberte možnost Konec. úspěšně změnit banner. Chcete-li změny z jakéhokoli důvodu zrušit nebo začít znovu, klepněte na šipku zpět bez uložení a potom klikněte na tlačítko Konec.

Manuálně přidat a umístit banner

Nahrát Váš banner obrázek pomocí Tumblr upload stránku (odkaz v Zdroje), a pak zkopírujte URL zobrazené na stránce. Můžete také nahrát soubor s obrázkem na jinou webovou stránku, například PhotoBucket nebo TinyPic.

Kliknutím na kartu Přizpůsobení na ovládacím panelu Tumblr získáte přístup k nastavení témat.

Klikněte na položku Upravit kód HTML. přístup k HTML kódu vašeho motivu.

Stisknutím klávesy "Ctrl-F" na klávesnici otevřete vyhledávací nástroj a potom vyhledejte "& lt; head & gt;" (bez uvozovek).

Vložte nový řádek pod řádek & lt; head & gt; a poté přidejte následující řádek kódu:

& lt; center & gt; & lt; img src = "BannerImageURL" width = "700" & gt; & lt; /center & gt;

Nahradit text „BannerImageURL "s adresou URL souboru s obrázkem banneru.

Klepnutím na tlačítko" Aktualizovat náhled "se ujistěte, že se banner zobrazuje správně. Podle potřeby proveďte změny a klepněte na tlačítko "Uložit" a "Konec".

Tipy

Chcete-li zarovnat banner vlevo nebo vpravo namísto ve středu, použijte "& lt; vlevo & gt; " nebo „& lt; right & gt;“ namísto značky „& lt; center & gt;“ a také změnit „& lt; /center & gt;“ na značku „& lt; /left & gt;“ nebo "& lt; /right & gt;".

Varování

Tyto kroky by měly fungovat na většině standardních motivů Tumblr, ale pokaždé nebudou fungovat tak, jak bylo zamýšleno kvůli rozdílům v designu motivů. Některá témata mohou vyžadovat deklaraci obrázku a poté mu přiřadit styl v šabloně stylů tématu; tato metoda však vyžaduje základní pochopení toho, jak funguje CSS, a konkrétní kroky se budou mezi návrhy motivů lišit
URL:https://cs.whycomputer.com/Internet/100119252.html

Internet
  • Jak vytvořit banner v aplikaci Corel Draw

    Aplikace CorelDRAW X4 nabízí několik způsobů přizpůsobení návrhů a nápadů. I když to pomáhá trochu se dozvědět o designu, v programu jsou k dispozici výukové programy a také online na domovské stránce Corel pro začátečníky. Možnosti prozkoumání základních funkcí kláves a tlačítek se nacházejí v nabí

  • Jak vytvořit motiv Tumblr v aplikaci Dreamweaver?

    Téma Tumblr je rozvržení stránky, které určuje vzhled vašeho blogu, včetně jeho barev a obrázků, a pomocí aplikace Dreamweaver si můžete vytvořit vlastní motiv. Ačkoli vám Tumblr nabízí výchozí rozvržení stránky, můžete přizpůsobený motiv vytvořit úpravou existujícího kódu CSS (Cascading Style Sheet

Počítačová školení © https://cs.whycomputer.com