Prilagodite razdelek Header vašega spletnega dnevnika Blogger.com

Maj 13, 2024

V zadnji vadnici smo prilagodili razdelek Povezave za vaš Blogger^TM spletni dnevnik. Zdaj bomo prilagodili razdelek Header na vrhu bloga. Header vsebuje naslov in opis vašega spletnega dnevnika. Zamenjali bomo besedilo ali pisavo besedila in dodali barvno ozadje.

Kot v zadnji vadnici bomo tudi te izboljšave spremenili tako, da bomo spremenili nekaj vrstic kode HTML predloge. Kliknite na jeziček Predloga v meniju na vrhu strani, ki vas bo popeljal do razdelka Urejanje predloge. V spodnjem polju boste našli kodo HTML za predlogo. Naredili bomo nekaj sprememb kode sloga CSS. (Če želite izvedeti več o kaskadnih tabelah s slogom, sledite spodnji povezavi.) Pomaknite se navzdol, dokler ne pridete do razdelka Header znotraj oznake sloga CSS. Kot lahko vidite, je oznaka sloga zelo dolga, oddelek Header pa slog slog.

@media vse
@media ročni
# naslov bloga
# naslov bloga a
# naslov bloga a: premaknite miško
#opis

Prvi del kode (@media all) nadzira značilnosti glave, vključno s širino, robom in velikostjo robov. Drugi del (@media handheld) podeduje te lastnosti od prvega dela, prav tako spremeni širino glave na 90 odstotkov za ročne monitorje. Ker želimo novo barvo ozadja uporabiti v obeh primerih, bomo v prvem delu dodali vrstico kode za barvo ozadja (@media all). Ta nova vrstica je spodaj krepka. V spodnjem primeru smo uporabili svetlo sivo barvo, vendar lahko uporabite katero koli barvo, ki jo želite.

@media vse {
#header {
barva ozadja: # EFE3EF;
...
Nato bomo besedilo za naslov zamenjali s priljubljeno priložnostno pisavo, imenovano Comic Sans MS. Seveda lahko prosto uporabljate katero koli pisavo, ki vam je všeč. Naslednji trije deli kode CSS predloge (# blog-title, # blog-title a, # blog-title a: hover) nadzirajo značilnosti naslova spletnega dnevnika. Prvi del nadzoruje splošne značilnosti, druga dva pa nadzirata izgled besedila, ko deluje kot hiperveza. Če želite za vse primere nastaviti vrstico ali pisavo naslova, bomo v prvi del (# blog-title) dodali kodo CSS za družino pisav. Ker naše ime pisave vsebuje presledke, ga bomo morali umestiti tudi v narekovaje ("comic sans ms").

# naslov bloga {
družina pisav: "comic sans ms";
...
Končno bomo delali kodo CSS za opis vašega bloga (#description). To je zadnji del prvotne šesterice. Kot lahko vidite spodaj, je vsa koda CSS, ki nadzoruje značilnosti pisave opisnega besedila, navedena v eni vrstici. Vse, kar moramo storiti, je, da na sprednji strani seznama pisav dodamo "comic sans ms", zaradi česar bo Comic Sans MS privzeta pisava za opisno besedilo.

#opis {
...
pisava: 78% / 1,4em "comic sans ms", "Trebuchet MS", Trebuchet, Arial, Verdana, Sans-serif;
...
}

Ko končate, kliknite gumb Predogled za predogled sprememb in nato zaprite okno brskalnika, da se vrnete na prejšnjo spletno stran. Kliknite gumb Shrani predloge sprememb. Ko vidite potrditveno sporočilo, ki kaže, da so bile spremembe shranjene, kliknite na gumb Objavi. Če želite preveriti, ali je bil vaš blog posodobljen, kliknite na zavihek Prikaži blog v meniju na vrhu strani. Za spremembe boste morda morali osvežiti spletno stran spletnega dnevnika.

Posnetki zaslona so ponatisnili z dovoljenjem družbe Google Inc. Google^TM, Blogger^TM in BlogSpot^TM so registrirane blagovne znamke ali blagovne znamke družbe Google Inc. v ZDA in / ali drugih državah.

Navodila Video: Building Dynamic Web Apps with Laravel by Eric Ouyang (Maj 2024).

Prilagodite razdelek Header vašega spletnega dnevnika Blogger.com, HTML, spremenite naslov in opis svojega spletnega dnevnika Blogger, spremenite tipkovnico za Bloggerjevo predlogo, dodajte barvno ozadje v Blogger predlogo, spremenite CSS kodo za Blogger predlogo, dodajte CSS kodo v Blogger predlogo , Pisava predloge Blogger, družina pisav Blogger predloge, oznake sloga CSS

Prejšnji Članek

Naslednji Članek

Podobni Članki

računalniki

Xpert TV v VGA pretvornik

Maj 2024

Če imate sistem igre in ga želite predvajati z računalniškim monitorjem, potem potrebujete pretvornik, da spremenite svoj TV signal v signal računalniškega monitorja. Ta dva signala sta popolnoma...

računalniki

Resident Evil Krovne kronike - Wii

Maj 2024

Za razliko od glavnih iger serije Resident Evil je "Umbrella Chronicles" za Nintendo Wii železniški strelec, ne za razliko od House of the Dead ali Time Crisis. Ni pa brez primere; pred tem je bilo...