Ekim 03, 2012

5 Farklı Yöntemle Konuları Çerçeve İçine Almak - Blogger Eklentisi



5 Farklı Yöntemle Konuları Çerçeve İçine Almak - Blogger Eklentisi

Uzun zamandır bende bu kodu kullanmıyordum. 5 farklı yöntem ile blogger konularınızı çerçeve içine alabileceksiniz. Üzerinde bir kaç değişiklik bile yapabilirsiniz. Yazılarımı  nasıl çerçeve içine alabilirim ? Şimdi bu kodları tek tek resimli gösteriyorum.

1.Yöntem - Klasik bir çerçeve basit yöntem ile yapalım;

Eğer sizde yukarıdaki resimde gördüğünüz gibi bir çerçeve oluşturmak istiyorsanız eğer ]]>< /b:skin> kodundan önce Ekleyeceğiniz kod;;
.post { border:1px solid #000; padding:8px }
Yukarıdaki kodda ne gibi değişiklik yapabilirim? Diyorsanız eğer; border: 1px  yazan yeri 2,3,4 gibi değerleri vererek çerçevenin kalınlığını ayarlayabilirsiniz. 
Başka ne yapabilirim ? Düşüncesi var ise ; #000 yazan yere HTML RENK BULUCU ile çerçevenin rengini dilediğiniz gibi değiştirebilirsiniz.

2. Yöntem - Çerçeveyi şeklini noktalı yapalım;

Aynen yukarıdaki gibi şekilli bir çerçeve yapmak istiyorsanız aşağıdaki kodu deneyebilirsiniz ;
Ekleyeceğiniz kod;
.post { border:2px dotted #000; padding:8px }
Şimdi burada neler yapabilirsiniz; yine 2px yazan değeri arttırabilir veya azaltabilirsiniz, #000 yazan yere istediğiniz bir renk kodunu ekleyebilir. Ve ayrıca 8px yazan yere değinmek istiyorum. Oradaki değeri de arttırabilir veya azaltabilirsiniz. Eğer arttırırsanız aşağıdaki resimde olduğu gibi konu çerçeveden biraz daha uzaklaşacaktır. Bkz:
Eğer 8px değerini azaltmak isterseniz yine aşağıdaki resim gibi bir hal alacaktır. Bkz:
Karar sizin...

3. Yöntem - Çerçeve şeklini çizgili yapalım;

Ekleyeceğiniz kod;
.post { border:1px dashed #ef1010; padding:8px }
Yine çerçevenin kalınlığını değiştirmek istiyorsanız 1px değerini arttırabilirsiniz, #ef1010 yazan yere istediğiniz rengi verebilirsiniz.

4. Yöntem - Oval ve köşeli çerçeve yapalım;

Bu yöntem ile çerçevenin kalınlığı 1px , oval ve köşeli çerçevenin kalınlığı 10px Ekleyeceğiniz kod;
.post { border:1px solid #000; padding:8px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; }

5. Yöntem - Oval köşeli ve noktalı çerçeve yapalım;

Son yöntem; oval ve köşeleri noktalı çerçeve kodu. Resimde görüldüğü gibi sonuç çıkacaktır.
.post { border:2px dotted #000; padding:8px;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px; }
İşlem bitti. Kodu dilediğiniz gibi kullanabilirsiniz.

Not: Olayı kavramıştırsınız umarım. Tüm detayları ile anlattım örneğini de gösterdim. Eğer yapamadığınız bir şey olursa "Yorum" bölümünde hiç çekinmeden belirtebilirsiniz. Herkese kolay gelsin, iyi bloglamalar...

9 yorum :

Örneğin 4. Yöntemi kullanmak istiyorum .post { border:1px solid #000; padding:8px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px; } kodunu nereye yapıştırıcam ? anlamadım

Yine bu kodun üzerine ; ]>< /b:skin yapıştıracaksın.

Bu yöntem yalnızca kayıtları çerçeve içine alıyor peki sağ tarafta bulunan widgetlar için ne yapabiliriz ?

@Gürkan Bilgisu aşağıdaki kodu kullanarak yapabilirsin.

< center> < div style="border:1px solid #000;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;

width:228px;font-family:verdana;font-weight:bold;color:#;">ÇERÇEVE İÇİNE ALINACAK BÖLÜM < / div>< / center>

imesh teki profilimi nasil cerceve icine alabilirim :?

@Adsız;
< center> < div style="border:1px solid #000;
-webkit-border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;

width:228px;font-family:verdana;font-weight:bold;color:#;">ÇERÇEVE İÇİNE ALINACAK BÖLÜM < / div>< / center>
Bu kodu kullanarak alabilirsin.

Ben biraz yeniyimde bir sorum olacaktı bu yaıyı çerçevenin içine nasıl koyabilirim.?

@mustafa uslu, Şablon bölümüne girin ve yukarıdaki adımlar izleyin. Açık ve anlaşılır bir şekilde konuyu anlattım.

Yorum Gönder



Bloglama Zamanı'nda yayınlanacak yeni yazılar e-mail adresinize gelsin.


Google Arkadaşım Ol
Bloglama Zamanı
Bloglama Zamanı

Google+ paylaşımlarımı takip etmek için çevrelerinize ekleyin.