Kayıtlar

blog çerçeve eklemek etiketine sahip yayınlar gösteriliyor

Yayınlara Çerçeve Eklemek

Resim
1. Klasik ve basit bir çerçeve ile başlayalım
İlk örnek en basit çerçeve örneği olsun.Resimde gördüğünüz gibi yazılarınızı 1 pixel kalınlığında siyah bir çerçeve içine almak için ]]></b:skin>kodundan önce şu kodu ekleyin:

.post { border:1px solid #000; padding:8px }
2. Çerçevenin kalınlığını ve rengini değiştirelim


İkinci örnekte çerçevinin kalınlığını 3 pixele çıkaralım ve rengini kırmızı yapalım.Bunun için kodları şu şekilde değiştiriyoruz:

.post { border:3px solid #ef1010; padding:8px }

3. Çerçeve şeklini noktalı yapalım



Üçüncü ve dördüncü örnekte çerçevenin şeklinde yapabileceğiniz değişiklikleri göstermek istiyorum.Öncelikle noktalı çerçeve yapalım.Örneğin çerçevemiz 2 pixel kalınlığında, siyah renkte ve noktalı olsun.Bunun için eklememiz gereken kod şu:


.post { border:2px dotted #000; padding:8px }
4. Çerçeve şeklini çizgili yapalım





Çerçevemizin şeklini noktalı yapmanın dışında bir başka sık kullanılan yöntem de çizgili yapmaktır.Bunun için de kırmızı renkli, 1 pixel kalın…