CSS ոճ ՝ ձեր բլոգում ծածկագրերի համար

css

Իմ ընկերներից մեկը հարցրեց ինձ, թե ինչպես եմ կատարել կոդերի տարածաշրջաններ բլոգում իմ վերջին գրառմանը Ես իրականում «կեղծեցի» կոդի շրջանը `օգտագործելով ոճ: Blogger- ի շրջանակներում դուք կարող եք խմբագրել ձեր ձևանմուշը: Ես ավելացրեցի հետևյալ ոճը.

p.code {font-family: Courier New; տառատեսակի չափը ՝ 8pt; սահմանի ոճը `ներդիր; եզրագծի լայնությունը `3 հատ; լիցքավորում ՝ 5 հատ; ֆոնային գույն ՝ #FFFFFF; գծի բարձրությունը `100%; լուսանցք ՝ 10px}

Հաջորդ քայլը իմ պիտակի խմբագրումն է ՝ «Խմբագրել HTML» ռեժիմում: Ես պարզապես մատնանշում եմ իմ նոր ոճը ՝ պատրաստելով պիտակը: Voila! Քանդելով ոճերը.

  • Տառատեսակը դարձրեք Courier New… կարծես ընդհանուր կոդերի խմբագիր է
  • Տառատեսակի չափը դրեք 8pt ՝ ճիշտ տեսք ունենալու համար
  • Պարբերության սահմանի ոճը սահմանիր «ներդիր»: Սա կրկնում է, թե ինչպիսին է տեքստային տարածքը էջում:
  • Սահմանի լայնությունը սահմանեք 2 կամ 3 պիքսել: Սա ստիպում է ներդիրի սահմանի ոճը ճիշտ տեսք ունենալ:
  • Padding- ը սահմանում է սահմանի և ներսում գտնվող տեքստի միջև հեռավորությունը:
  • Ֆոնի գույնը… դրեց այն սպիտակ (#FFFFFF)
  • Գծի բարձրություն. Ես դա հարմարեցրի 100% -ի, քանի որ իմ բլոգերի թեմայի որոշ այլ ոճեր իմ տողի բարձրությունը դարձան մոտ 200%
  • Սահմանեք սահմանը 10 px: Սա պարբերությունը (p թեգ) տեղափոխում է ամեն ինչից 10 պիքսել հեռավորության վրա:

Ահա այն ամենը, ինչ կա: Մեկ նշում. Blogger- ի հետ աշխատող խմբագիրն ի վիճակի չէ ցուցադրել այն, ինչ կհայտնվի ձեր բլոգում: Բայց դա աշխատում է և հիանալի տեսք ունի:

Եվս մեկ նշում the պիտակի փոփոխությունը կատարելուց հետո, Blogger- ի խմբագիրը սիրում է այն պատահաբար օգտագործել ձեր գրառման այլ վայրում: Մի քիչ նյարդայնացնող է: Իմ խորհուրդը կլինի գրել ձեր ամբողջ գրառումը և այնուհետև կատարել մեկ փոքր փոփոխություն:

Մեկ վերջին նշում… անպայման օգտագործեք HTML սուբյեկտներ ՝ ձեր խորհրդանիշները ցուցադրելու համար: Մի քանի օրինակ.

  • Մեջբերումները («)«
  • > է>
  • > է>

Շնորհավոր կոդավորում:

3 Comments

  1. 1
  2. 2
  3. 3

    Ես կարծում եմ, որ հիմա կարիք չկա գրելու, քան. Դուք կարող եք օգտագործել օգտակար խմբագիրներ: Դուք կարող եք ընտրել գույնը, եզրագիծը և այլն:

Ինչ եք կարծում?

Այս կայքը օգտագործում է Akismet- ը սպամի նվազեցման համար: Իմացեք, թե ինչպես է ձեր տվյալները մշակվում.