Pielāgojiet sava Blogger.com emuāra sadaļu Header

Maijs 16, 2024

Pēdējā apmācībā mēs jūsu Blogger pielāgojām sadaļu Saites^TM tīmekļa žurnāls. Tagad mēs pielāgosim sadaļu Header emuāra augšpusē. Galvenē ir jūsu emuāra nosaukums un apraksts. Mēs mainīsim teksta burtu vai fontu un pievienosim krāsainu fonu.

Tāpat kā iepriekšējā apmācībā, mēs veiksim šos uzlabojumus, mainot dažas veidnes HTML koda rindiņas. Lapas augšdaļā esošajā izvēlnē noklikšķiniet uz cilnes Veidne, kas jūs aizvedīs uz sadaļu Rediģēt pašreizējo veidni. Zemāk redzamajā lodziņā atradīsit veidnes HTML kodu. Mēs veiksim dažas izmaiņas CSS stila kodā. (Lai uzzinātu vairāk par kaskādes stila lapām, izmantojiet zemāk esošo saiti.) Ritiniet uz leju kodu, līdz CSS stila tagā atrodat sadaļu Header. Kā redzat, stila tags ir ļoti garš, un stila taga sadaļā Header ir sešas daļas.

@media visi
@media rokas
# emuāra nosaukums
# emuāra nosaukums a
# emuāra nosaukums a: virziet kursoru
# apraksts

Pirmajā koda daļā (@media all) tiek kontrolēti galvenes parametri, ieskaitot platumu, malu un apmales lielumu. Otrā daļa (@media handheld) pārņem šos raksturlielumus no pirmās daļas un arī maina galvenes platumu līdz 90 procentiem pārnēsājamo monitoru gadījumā. Tā kā mēs vēlamies, lai abos gadījumos tiktu izmantota jauna fona krāsa, pirmajā daļā fona krāsai pievienosim koda rindu (@media all). Šī jaunā koda rinda ir treknrakstā. Zemāk redzamajā piemērā mēs esam izmantojuši gaiši pelēku krāsu, bet jūtieties brīvi izmantot jebkuru krāsu.

@media all {
#header {
fona krāsa: # EFE3EF;
...
Tālāk mēs nomainīsim nosaukuma burtnīcu uz populāro, gadījuma rakstura fontu ar nosaukumu Comic Sans MS. Protams, jūs varat brīvi izmantot jebkuru fontu, kas jums patīk. Nākamās trīs veidnes CSS koda daļas (# emuāra nosaukums, # emuāra nosaukums a, # emuāra nosaukums a: virziet kursoru) kontrolē emuāra nosaukuma raksturlielumus. Pirmā daļa kontrolē vispārīgos raksturlielumus, bet pārējās divas daļas kontrolē teksta izskatu, kad tas darbojas kā hipersaite. Lai visiem gadījumiem iestatītu nosaukuma burtveidolu vai fontu, mēs pirmajai daļai pievienosim fontu saimes CSS kodu (# blog-title). Tā kā mūsu fonta nosaukumā ir atstarpes, tas būs jāievieto pēdiņās (“komiksu sans ms”).

# blog-title {
fontu saime: "comic sans ms";
...
Visbeidzot, mēs strādāsim pie CSS koda, lai aprakstītu jūsu emuāru (#description). Šī ir sākotnējā sešnieka pēdējā daļa. Kā redzat zemāk, viss CSS kods, kas kontrolē apraksta teksta fonta parametrus, ir uzskaitīts vienā rindā. Viss, kas mums jādara, ir fontu saraksta priekšā jāpievieno “comic sans ms”, kas padarīs Comic Sans MS par noklusējuma fontu apraksta tekstam.

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

Kad esat pabeidzis, noklikšķiniet uz pogas Priekšskatījums, lai priekšskatītu izmaiņas, un pēc tam aizveriet šo pārlūka logu, lai atgrieztos iepriekšējā tīmekļa lapā. Noklikšķiniet uz pogas Saglabāt veidnes izmaiņas. Kad redzat apstiprinājuma ziņojumu, kas norāda, ka izmaiņas ir saglabātas, noklikšķiniet uz pogas Pārpublicēt. Lai pārbaudītu, vai jūsu emuārs ir atjaunināts, lapas augšpusē esošajā izvēlnē noklikšķiniet uz cilnes Skatīt emuāru. Lai redzētu izmaiņas, jums, iespējams, būs jāatsvaidzina sava emuāra vietne.

Ekrānuzņēmumi ir atkārtoti izdrukāti ar Google Inc. atļauju. Google^TM, Emuāru autors^TM un BlogSpot^TM ir reģistrētas preču zīmes vai Google Inc. preču zīmes Amerikas Savienotajās Valstīs un / vai citās valstīs.

Pielāgojiet sava Blogger.com emuāra galvenes sadaļu, HTML, mainiet sava Blogger emuāra virsrakstu un aprakstu, mainiet Blogger veidnes burtveidolu, pievienojiet krāsainu fonu Blogger veidnei, mainiet CSS kodu Blogger veidnei, pievienojiet CSS kodu Blogger veidnei , Blogger veidnes fonts, Blogger veidņu fontu saime, CSS stila tagi

Iepriekšējais Raksts

Nākamais Raksts

Saistītie Raksti

datori

MP3 balss ziņas

Maijs 2024

Runājiet ar sevi vai ļaujiet citiem atstāt jums mīlēšanās un uzslavas vārdus. Pārnēsājamajā MP3 / iTunes atskaņotājā varat ņemt līdzi draugu un tuvinieku balsi! Stāsts Esmu ļoti satraukts, jo atradu...

datori

NDS konflikts reālā laikā: Šoguna impērijas

Maijs 2024

Uz šo spēli es ļoti cerēju. Samuraju. Shoguna spēļu dēlis. Stratēģija un reālā laika rīcība. Man ļoti žēl teikt, ka šī spēle ir diezgan šausmīga. Pirmkārt, zemes gabals. Nevajadzīgā šautenes ir 2...