Přizpůsobte sekci záhlaví blogu Blogger.com

Smět 14, 2024

V posledním tutoriálu jsme přizpůsobili sekci Odkazy pro váš Blogger^TM weblog. Nyní upravíme sekci Hlavička v horní části blogu. Záhlaví obsahuje název a popis vašeho blogu. Chystáme změnit písmo nebo písmo textu a přidat barevné pozadí.

Stejně jako v minulém návodu provedeme tato vylepšení změnou několika řádků kódu HTML šablony. Klikněte na kartu Šablona v nabídce v horní části stránky, která vás přenese do sekce Upravit aktuální šablonu. V níže uvedeném poli najdete kód HTML pro šablonu. Provedeme několik změn v kódu stylu CSS. (Chcete-li se dozvědět více o kaskádových šablonách stylů, klikněte na odkaz níže.) Posouvejte kód dolů, dokud nedosáhnete sekce záhlaví ve značce stylu CSS. Jak vidíte, značka stylu je velmi dlouhá a část záhlaví značky stylu má šest částí.

@media all
@media handheld
#Název blogu
# blog-title a
# blog-title a: hover
#popis

První část kódu (vše @) řídí vlastnosti záhlaví včetně šířky, okraje a velikosti okraje. Druhá část (@media handheld) zdědí tyto vlastnosti od první části a také změní šířku záhlaví na 90 procent pro ruční monitory. Protože chceme, aby nová barva pozadí byla použita v obou případech, přidáme v první části řádek kódu pro barvu pozadí (@media all). Tento nový řádek kódu je tučně uveden níže. V níže uvedeném příkladu jsme použili světle šedou barvu, ale můžete použít libovolnou barvu, kterou si přejete.

@media all {
#header {
barva pozadí: # EFE3EF;
...
Dále změníme písmo pro název na populární, neformální písmo s názvem Comic Sans MS. Samozřejmě můžete používat libovolné písmo, které se vám líbí. Další tři části kódu CSS šablony (# blog-title, # blog-title a, # blog-title a: hover) řídí vlastnosti názvu blogu. První část řídí obecné vlastnosti a ostatní dvě části řídí vzhled textu, když funguje jako hypertextový odkaz. Chcete-li nastavit typ písma nebo písmo pro všechny instance, přidáme kód CSS pro rodinu fontů do první části (# blog-title). Protože název našeho písma obsahuje mezery, bude také nutné jej umístit do uvozovek („comic sans ms“).

#Název blogu {
font-family: "comic sans ms";
...
Nakonec budeme pracovat na kódu CSS pro popis vašeho blogu (#description). Toto je poslední část původních šesti. Jak je vidět níže, veškerý kód CSS, který řídí vlastnosti písma pro popisný text, je uveden společně na jednom řádku. Vše, co musíme udělat, je přidat „comic sans ms“ na začátek seznamu písem, díky kterému bude Comic Sans MS výchozí písmo pro text popisu.

#description {
...
font: 78% / 1.4em "comic sans ms""Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
...
}

Po dokončení klepnutím na tlačítko Náhled zobrazíte náhled změn a zavřete okno prohlížeče a vrátíte se na předchozí webovou stránku. Klikněte na tlačítko Uložit změny šablon. Když se zobrazí potvrzovací zpráva označující, že změny byly uloženy, klikněte na tlačítko Znovu publikovat. Chcete-li ověřit, že váš blog byl aktualizován, klikněte na kartu Zobrazit blog v nabídce v horní části stránky. Možná budete muset aktualizovat svou webovou stránku blogu, abyste mohli vidět změny.

Snímky obrazovky přetištěny se svolením společnosti Google Inc. Google^TM, Blogger^TM a BlogSpot^TM jsou registrované ochranné známky nebo ochranné známky společnosti Google Inc. ve Spojených státech a / nebo jiných zemích.

Video Návody: Introducing new and improved AdSense Auto ads (Smět 2024).

Přizpůsobte sekci záhlaví blogu Blogger.com Blog, HTML, změňte název a popis blogu Blogger, změňte písmo pro šablonu Blogger, přidejte barevné pozadí do šablony Blogger, změňte kód CSS pro šablonu Blogger, přidejte kód CSS do šablony Blogger , Písmo šablony Blogger, rodina fontů šablony Blogger, značky stylu CSS

Předchozí Článek

Následující Článek

Související Články

počítače

Velikonoční kliparty

Smět 2024

Velikonoční oslavy: Příležitost se shromáždit s rodinou a přáteli, vzkříšení Ježíše, kvalitní čas s dětmi, čas na odpočinek doma. Všechny skvělé důvody k radosti z další velké dovolené v našem...

počítače

Židle Ultra Comfort - recenze produktu

Smět 2024

Nakupování pro reclinera Minulý víkend jsem vzal moji matku Recliner na nákupy. Nevěděl jsem, kolik různých typů a modelů existuje. Nakonec jsme skončili u Russellova výtvarného nábytku v Santa...