CSS ile Alıntı Yapma
Bu konuda yine tasarımcıları ilgilendiren bir konudan bahsetmek istiyorum: CSS ile alıntıları biçimlendirme.
Başlangıçta metinleri tırnak içinde göstermek hoş bir görüntü sağlayabilir. Böylece blockquote etiketini de devre dışı bırakmış oluruz.
Üstelik büyük fontlu metinler kullanmanız veya grafiksel tırnak ayraçları kullanmanız size yeni bir yazı stili sağlayacaktır. Dolayısıyla CSS ile derli toplu bir çözüm üretmiş olacağız.


 
Yukarıdaki örnek görselde olduğu gibi, bizde sayfalarımız için bu şekilde bir alıntı (quote) stili oluşturabiliriz. Bunun için :first-letter classs’ını kullanacağız. Yapmanız gereken aşağıdaki kodları mevcut css sayfamızın sonuna ilave etmek:
1
.bqstart { float: left; font-size: 700%; color: #FF0000; }
2
.bqend { float: right; font-size: 700%; color: #FF0000; }
Evet bu kodları css sayfamıza dahil ettikten sonra sıra geldi yazımızı biçimlendirmeye…
Alıntı yapacağımız metinden önce, ilk tırnak ayıracı için aşağıdaki kodları yazmak:
1
<span class="bgstart">“</span>
Metin bittikten sonra en son tırnak için ise:
1
<span class="bgstart">”</span>
İşte bu kadar basit.
 
Site içi arama.
 
Loading
Saat kaç ?
 



More Cool Stuff At POQbum.com

Manşetlerde neler var ?
 
İletişim.
 
Mert Özdemir

Kartınızı Oluşturun
 
Bugün 58 ziyaretçi (169 klik) kişi burdaydı!
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol