CSS სტილი კოდისთვის თქვენს ბლოგზე

css

ჩემმა მეგობარმა მკითხა, როგორ შევადგინე კოდების რეგიონები ჩემს ბოლო ბლოგზე. მე ფაქტობრივად "ყალბი" კოდის რეგიონი სტილის გამოყენებით. Blogger- ში შეგიძლიათ შეცვალოთ თქვენი შაბლონი. მე დავამატე შემდეგი სტილი:

p.code {font-family: ახალი კურიერი; შრიფტის ზომა: 8pt; საზღვრის სტილი: ჩასმა; საზღვრის სიგანე: 3px; შევსება: 5px; ფონის ფერი: #FFFFFF; ხაზის სიმაღლე: 100%; მინდორი: 10px}

შემდეგი ნაბიჯი არის ჩემი თეგის რედაქტირება 'Html რედაქტირების' რეჟიმში. მე უბრალოდ აღვნიშნო ჩემი ახალი სტილი თეგის გაკეთებით. ვოილა! სტილის ჩაშლა:

  • შრიფტის დაყენება კურიერზე ახალი… ჰგავს ზოგადი კოდის რედაქტორს
  • შრიფტის ზომა დააყენეთ 8pt, რომ გამოიყურებოდეს სწორად
  • აბზაცის საზღვრის სტილი დააყენეთ "ჩასმა". ეს იმეორებს იმას, თუ როგორ გამოიყურება ტექსტურ სივრცე გვერდზე.
  • საზღვრის სიგანე დააყენეთ 2 ან 3 პიქსელზე. ეს ქმნის ჩანართის საზღვრის სტილს სწორად.
  • Padding ადგენს მანძილს საზღვარსა და შიგნით არსებულ ტექსტს შორის.
  • ფონის ფერი… დააყენეთ იგი თეთრად (#FFFFFF)
  • ხაზის სიმაღლე - მე ეს 100% -ით დავარეგულირე, რადგან ჩემი ბლოგერების თემაში სხვა სტილების მიხედვით, ჩემი ხაზის სიმაღლე დაახლოებით 200% იყო.
  • ზღვარი დააყენეთ 10 px- ზე. ეს აბზაცს (p ტეგით) 10 პიქსელიდან აშორებს ყველაფერს.

სულ ეს არის ისიც! ერთი შენიშვნა: რედაქტორს, რომელსაც ახლავს Blogger, არ შეუძლია აჩვენოს ის, რაც თქვენს ბლოგში გამოჩნდება. მაგრამ მუშაობს და შესანიშნავად გამოიყურება!

კიდევ ერთი შენიშვნა… თეგში შესწორების შეტანის შემდეგ, Blogger- ის რედაქტორს მოსწონს, შემთხვევით გამოიყენოს იგი თქვენს სხვა პოსტზე. ცოტათი მაღიზიანებს! ჩემი რჩევა იქნება დაწეროთ თქვენი მთელი პოსტი და შემდეგ გააკეთოთ ერთი მცირე შესწორება.

ერთი ბოლო შენიშვნა… დარწმუნდით, რომ გამოიყენოთ HTML ობიექტები თქვენი სიმბოლოების საჩვენებლად! რამდენიმე მაგალითი:

  • ციტატები (") არის"
  • > არის>
  • > არის>

ბედნიერი კოდირება!

3 კომენტარები

  1. 1
  2. 2
  3. 3

    მე ვფიქრობ, რომ ახლა დაწერის საჭიროება აღარ არის. შეგიძლიათ გამოიყენოთ გამოსადეგი რედაქტორები. შეგიძლიათ აირჩიოთ ფერი, საზღვარი და ა.შ.

რას ფიქრობთ?

ეს საიტი იყენებს Akismet- ს, რათა შეამციროს სპამი. შეისწავლეთ თქვენი კომენტარის მონაცემები დამუშავებული.