İPUCU

Seçenekler

WordPress'te CSS ile Code Bölümü Oluşturmak

cor-vo - ait Kullanıcı Resmi (Avatar)
Üye
Üyelik tarihi:
07/2013
Mesajlar:
8.047
Konular:
2193
Teşekkür (Etti):
4149
Teşekkür (Aldı):
2323
Ticaret:
(0) %
21-01-2015 15:20
#1
WordPress'te CSS ile Code Bölümü Oluşturmak
Merhabalar,

Bu anlatımımızda CSS kodu ile wordpress yüklü sitemizde kod paylaştığımızda bu kodun paylaşım alanını şekillendireceğiz. Yani paylaşım alanına bir resim ekleyeceğiz. Bu resim sitenizin adı olabilir veya bir yazı olabilir...



Ne anlatmak istediğimi aşağıdaki kod ile anlayacaksınız.

Kod:


Kod:
code {
margin : 4px 8px;
padding : 8px;
text-align : left;
display : block;
overflow : auto;
font : 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
background: #ff9966 url(http://img69.xooimage.com/files/a/d/7/code-30f53ad.png) right top no-repeat;
border : 1px dashed #D7C3C3;
}


Kodu sisteminizin 'style.css' dosyasında herhangi bir bölüme ekleyiniz. Kullanmak için yazınızda html/görsel alanından html e tıklayıp ardından more, code, bul, ins gibi komutlardan code butonunda tıklayınız. Kodunuzu yazıp code kodunu kapatınız.

Ayrıca kod alanının arkaplanı turuncu renkte ve ekli olan resim kendi resmimiz. Siz koddaki:

Kod:
background: #ff9966 url(http://img69.xooimage.com/files/a/d/7/code-30f53ad.png)

alanları kendinize göre değiştiriniz.

Tabi ki tek bu alanları değil, CSS bilginizle diğer alanlarda da oynamalar yapabilirsiniz.

Çalışmanın Örneği / Önizleme:

---------------------
cor-vo | corvo9394

Bookmarks


« Önceki Konu | Sonraki Konu »
Seçenekler

Yetkileriniz
Sizin Yeni Konu Acma Yetkiniz var yok
You may not post replies
Sizin eklenti yükleme yetkiniz yok
You may not edit your posts

BB code is Açık
Smileler Açık
[IMG] Kodları Açık
HTML-Kodları Kapalı
Trackbacks are Kapalı
Pingbacks are Kapalı
Refbacks are Kapalı