Tinkinkite savo „Blogger.com“ tinklaraščio antraštę

Gegužė 18, 2024

Paskutiniame vadove mes pritaikėme „Blogger“ skyrių „Nuorodos“^TM internetinis dienoraštis. Dabar tinkinsime antraštę tinklaraščio viršuje. Antraštėje yra jūsų tinklaraščio pavadinimas ir aprašymas. Pakeisime teksto šriftą arba šriftą ir pridėsime spalvotą foną.

Kaip ir paskutiniame vadove, šiuos patobulinimus atliksime pakeisdami keletą šablono HTML kodo eilučių. Puslapio viršuje esančiame meniu spustelėkite skirtuką Šablonas, kuris pateks į skyrių Redaguoti dabartinį šabloną. Žemiau esančiame laukelyje rasite šablono HTML kodą. Atliksime keletą CSS stiliaus kodo pakeitimų. (Norėdami sužinoti daugiau apie pakopinių stilių lapus, spauskite žemiau esančią nuorodą.) Slinkite kodu žemyn, kol pasieksite antraštę CSS stiliaus žymoje. Kaip matote, stiliaus žymė yra labai ilga, o stiliaus žymos antraštę sudaro šešios dalys.

@media visi
@media delninė
# tinklaraščio pavadinimas
# tinklaraščio pavadinimas a
# tinklaraščio pavadinimas a: užveskite pelę
#apibūdinimas

Pirmoje kodo dalyje (@media all) kontroliuojamos antraštės charakteristikos, įskaitant plotį, paraštes ir kraštinės dydį. Antroji dalis (@media handheld) paveldi šias savybes iš pirmosios dalies ir taip pat keičia antraštės plotį iki 90 procentų nešiojamųjų monitorių. Kadangi norime, kad abiem atvejais būtų naudojama nauja fono spalva, į pirmąją dalį pridėsime kodo eilutę, skirtą fono spalvai (@media all). Ši nauja kodo eilutė paryškinta. Žemiau pateiktame pavyzdyje mes naudojome šviesiai pilką spalvą, tačiau drąsiai naudokite bet kurią norimą spalvą.

@media all {
#header {
fono spalva: # EFE3EF;
...
Toliau pakeisime pavadinimo šriftą į populiarų, atsitiktinio stiliaus šriftą, pavadintą „Comic Sans MS“. Žinoma, jūs galite laisvai naudoti bet kurį jums patinkantį šriftą. Kitos trys šablono CSS kodo dalys (# tinklaraščio pavadinimas, # tinklaraščio pavadinimas a, # tinklaraščio pavadinimas a: užveskite pelės žymeklį) kontroliuoja tinklaraščio pavadinimo savybes. Pirmoje dalyje kontroliuojamos bendrosios savybės, o kitose dviejose dalyse kontroliuojamas teksto vaizdas, kai jis veikia kaip hipersaitas. Norėdami nustatyti pavadinimo šriftą ar šriftą visais atvejais, pirmąją dalį pridėsime šriftų grupės CSS kodą (# tinklaraščio pavadinimas). Kadangi mūsų šrifto pavadinime yra tarpų, jį taip pat reikės dėti kabutėse („komiksų sans ms“).

# blog-title {
šriftų šeima: „comic sans ms“;
...
Galiausiai mes dirbsime prie jūsų tinklaraščio aprašymo CSS kodo (#description). Tai paskutinė šešių originalų dalis. Kaip matote toliau, visas CSS kodas, kuris kontroliuoja aprašo teksto šrifto savybes, yra nurodytas vienoje eilutėje. Viskas, ką mums reikia padaryti, tai šriftų sąrašo priekyje pridėti „komiksų sansai ms“, kurie pavers „Comic Sans MS“ numatytuoju aprašo teksto šriftu.

#apibūdinimas {
...
šriftas: 78% / 1.4em "komiksų sans ms", „Trebuchet MS“, Trebuchet, Arial, Verdana, Sans-serif;
...
}

Baigę spustelėkite mygtuką Peržiūra, kad peržiūrėtumėte pakeitimus, tada uždarykite naršyklės langą, kad grįžtumėte į ankstesnį tinklalapį. Spustelėkite mygtuką Išsaugoti šablono pakeitimus. Pamatę patvirtinimo pranešimą, nurodantį, kad pakeitimai buvo išsaugoti, spustelėkite mygtuką Pakartotinai paskelbti. Norėdami patikrinti, ar jūsų tinklaraštis atnaujintas, puslapio viršuje esančiame meniu spustelėkite skirtuką „Peržiūrėti tinklaraštį“. Jei norite pamatyti pakeitimus, gali reikėti atnaujinti savo tinklaraščio tinklalapį.

Ekrano kopijos perspausdintos gavus „Google Inc.“ leidimą. „Google“^TM, Tinklaraštininkas^TM ir „BlogSpot“^TM yra registruoti prekės ženklai arba „Google Inc.“ prekės ženklai JAV ir (arba) kitose šalyse.

Vaizdo Instrukcijos: Extreme Frugal Minimalists Plan to Retire by Age 35! (Gegužė 2024).

Tinkinkite „Blogger.com“ tinklaraščio antraštės skyrių, HTML, pakeiskite „Blogger“ tinklaraščio pavadinimą ir aprašą, pakeiskite „Blogger“ šablono šriftą, pridėkite spalvotą foną prie „Blogger“ šablono, pakeiskite „Blogger“ šablono CSS kodą, pridėkite CSS kodą prie „Blogger“ templage , „Blogger“ šablono šriftas, „Blogger“ šablono šriftų šeima, CSS stiliaus žymės

Ankstesnis Straipsnis

Kitas Straipsnis

Susiję Straipsniai

kompiuteriai

Smulkusis verslas ir išmanusis telefonas ~ TURI BŪTI perskaitytas!

Gegužė 2024

Visą 2011 m. Aš rašiau apie paradigmos pokyčius, vykstančius kompiuterių ir ryšių pasaulyje. Atrodo, kad nedaugelis mažų įmonių žino apie tai, kas vyksta aplink juos, ir tai liečia mane. Mažos įmonės...

kompiuteriai

Žaisk „Zork“ NEMOKAMAI - internetu!

Gegužė 2024

Ar prisimeni dienas, kai grojo tekstiniai nuotykiai? Pirmiausia buvo originalus Nuotykių - Kolosaliniai urvai, kurie jums sakydavo XYZZY ir PLUGH. Tada atėjo ZORK, vienas didžiausių iš jų, turėjęs...