Blogunuzdaki Kod için CSS Stili

css

Bir arkadaşım bana son blog yazımda kod bölgelerini nasıl oluşturduğumu sordu. Aslında bir stil kullanarak kod bölgesini 'taklit ettim'. Blogger'da şablonunuzu düzenleyebilirsiniz. Şu stili ekledim:

p.code {font-family: Courier New; yazı tipi boyutu: 8pt; border-style: iç metin; border-width: 3px; dolgu: 5px; arka plan rengi: #FFFFFF; satır yüksekliği:% 100; kenar boşluğu: 10px}

Sonraki adım, etiketimi 'Html'yi Düzenle' modunda düzenlemektir. Etiketi yaparak yeni tarzıma işaret ediyorum. Voila! Stilleri parçalamak:

  • Yazı tipini Courier New olarak ayarlayın… genel bir kod düzenleyiciye benziyor
  • Sağa bakmak için yazı tipi boyutunu 8pt olarak ayarlayın
  • Paragraf kenarlık stilini "iç metin" olarak ayarlayın. Bu, bir metin alanının sayfada nasıl göründüğünü çoğaltır.
  • Kenarlık genişliğini 2 veya 3 piksel olarak ayarlayın. Bu, iç kenarlık stilinin doğru görünmesini sağlar.
  • Dolgu, kenarlıkla içindeki metin arasındaki mesafeyi ayarlar.
  • Arka plan rengi… beyaza ayarla (#FFFFFF)
  • Satır yüksekliği - Bunu% 100'e ayarladım çünkü blogger temamdaki diğer stiller satır yüksekliğimi yaklaşık% 200 yaptı
  • Kenar boşluğunu 10 piksel olarak ayarlayın. Bu, paragrafı (p etiketi) her şeyden 10 piksel uzağa taşır.

Hepsi bu kadar var! Bir not: Blogger ile birlikte gelen düzenleyici, blogunuzda görüneceği şekilde görüntüleme yeteneğine sahip değildir. Ama işe yarıyor ve harika görünüyor!

Bir not daha… Etikette düzenlemeyi yaptıktan sonra, Blogger düzenleyicisi bunu yayınınızın başka bir yerinde rastgele kullanmayı sever. Biraz can sıkıcı! Benim tavsiyem, yazınızın tamamını yazmak ve ardından küçük bir düzenlemeyi yapmaktır.

Son bir not… sembollerinizi görüntülemek için HTML Varlıklarını kullandığınızdan emin olun! Birkaç örnek:

  • Tırnaklar (")"
  • > şudur>
  • > şudur>

Mutlu Kodlama!

3 Yorumlar

  1. 1

    Sadece merak ediyorum, haberlerin yan çubuğumda görünmesi için bir haber sitesinden beslemeleri ekleyip ekleyemeyeceğimi merak ediyorum.

  2. 2
  3. 3

    i şey daha şimdi yazmaya gerek yok. yardımcı editörleri kullanabilirsiniz. renk, kenarlık vb. seçebilirsiniz.

Ne düşünüyorsunuz?

Bu site spam'i azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl işlendiğini öğrenin.