Kohandage oma Blogger.com ajaveebi päise jaotist

Mai 3, 2024

Viimases õpetuses kohandasime teie Bloggeri jaotist Lingid^TM veebipäevik. Nüüd kohandame blogi ülaosas jaotist Päis. Päis sisaldab teie ajaveebi pealkirja ja kirjeldust. Muudame teksti kirjatüüpi või fonti ja lisame värvilise tausta.

Nagu eelmises õpetuses, teeme need parandused, muutes malli HTML-koodi paar rida. Klõpsake lehe ülaosas asuvas menüüs vahekaarti Mall, mis viib teid jaotisse Muuda praegust malli. Allolevas kastis leiate malli HTML-koodi. Teeme CSS-i stiilikoodis mõned muudatused. (Kaskaadsete stiililehtede kohta lisateabe saamiseks järgige allolevat linki.) Kerige koodi alla, kuni jõuate CSS-i stiilisildi jaotisesse Päis. Nagu näete, on stiilimärk väga pikk ja stiilimärgise pealkiri koosneb kuuest osast.

@media kõik
@media pihuarvuti
# ajaveeb-pealkiri
# blogi pealkiri a
# blogi pealkiri a: hõljutage kursorit
#kirjeldus

Koodi esimene osa (@media all) kontrollib päise omadusi, sealhulgas laiust, veerist ja äärise suurust. Teine osa (@media pihuarvuti) pärib need omadused esimesest osast ja muudab ka päise laiuse 90 protsendini pihuarvutimonitoride puhul. Kuna soovime mõlemal juhul kasutatud taustavärvi, lisame esimesse ossa taustavärvi koodirea (@media all). Uus koodirida on allpool paksus kirjas. Allpool toodud näites oleme kasutanud helehalli värvi, kuid võite julgelt kasutada mis tahes soovitud värvi.

@media kõik {
#header {
taustavärv: # EFE3EF;
...
Järgmisena muudame pealkirja kirjatüübi populaarseks, juhuslikuks stiiliks nimega Comic Sans MS. Muidugi võite vabalt kasutada mis tahes fonti, mis teile meeldib. Malli CSS-koodi järgmised kolm osa (# ajaveebi pealkiri, # ajaveebi pealkiri a, # ajaveebi pealkiri a: hõljutage) kontrollivad ajaveebi pealkirja omadusi. Esimene osa kontrollib üldisi omadusi ja kaks muud osa kontrollivad teksti ilmet, kui see toimib hüperlingina. Pealkirja kirjatüübi või fondi määramiseks kõigil esinemisjuhtudel lisame esimesse ossa fondiperekonna CSS-koodi (# ajaveeb-pealkiri). Kuna meie fondinimi sisaldab tühikuid, tuleb see paigutada ka jutumärkidesse (“koomiksisõnumid ms”).

# blogi pealkiri {
font-family: "koomiks sans ms";
...
Lõpuks tegeleme teie ajaveebi kirjeldamiseks CSS-koodiga (#description). See on algse kuue viimane osa. Nagu näete allpool, loetletakse kogu kirjeldava teksti fondiomadusi haldav CSS-kood ühes reas. Kõik, mida peame tegema, on fontide loendi ette lisada sõna "koomiksisõnumid ms", mis muudab Comic Sans MS-i kirjelduse teksti vaikesuunaks.

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

Kui olete lõpetanud, klõpsake muudatuste eelvaatamiseks nuppu Eelvaade ja sulgege brauseriaken eelmisele veebilehele naasmiseks. Klõpsake nuppu Salvesta mallimuudatused. Kui näete kinnitusteadet, mis näitab, et muudatused on salvestatud, klõpsake nuppu Avalda uuesti. Teie ajaveebi värskendamise kontrollimiseks klõpsake lehe ülaosas asuvas menüüs vahekaardil Kuva ajaveeb. Võimalik, et muudatuste nägemiseks peate värskendama oma ajaveebi veebilehte.

Ekraanipilte on kordustrükitud Google Inc. loal. Google^TM, Blogija^TM ja BlogSpot^TM on Google Inc. registreeritud kaubamärgid või kaubamärgid Ameerika Ühendriikides ja / või teistes riikides.

Video Juhiseid: Introducing new and improved AdSense Auto ads (Mai 2024).

Kohandage oma Blogger.com ajaveebipäise jaotist HTML, muutke oma Bloggeri ajaveebi pealkirja ja kirjeldust, muutke Bloggeri malli kirjatüüpi, lisage Bloggeri mallile värviline taust, muutke Bloggeri malli CSS-koodi, lisage CSS-kood Bloggeri templaasi , Bloggeri malli font, Bloggeri malli fondipere, CSS-i stiilisildid

Eelmine Artikkel

Järgmine Artikkel

Seotud Artiklid

arvutid

Liikuva graafika loomine järelmõjudega

Mai 2024

See on programmi neljas väljaanne Järelefektidega graafika raamat Chris & Trish Meyer. Seda on Adobe jaoks värskendatud ja parandatudR JärelmõjudR CS3 ja sisaldab palju uusi jaotisi teie...

arvutid

Enam pole kangelasi Wii

Mai 2024

Mängu tegija Suda 51, mängude looja, kes varjab kärjekujulise raudteelaskuri Killer 7, No More Heroes taga kajastab looja soovi suruda piire ja teha võimalikult palju uuendusi. Kuid kas see tähendab,...