CSS 7 Eylül 2009

CSS ile Alıntı Yapma

\"cssBu 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.

\"6cc6bdb\"

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:

.bqstart { float: left; font-size: 700%; color: #FF0000; }
.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:

<span class="bgstart">“</span>

Metin bittikten sonra en son tırnak için ise:

 <span class="bgstart">”</span>

İşte bu kadar basit.

Bunu da Oku:  CSS Text Özellikleri

Yazar Bilgileri

Emrah emrah19may@hotmail.com
1981 Samsun doğumlu ve Gazi Üniversitesi, Bilgisayar ve Öğretim Teknolojileri Eğitimi mezunu. Bilişim Teknolojileri Öğretmeni olarak görev yapmakta olup DMOZ Editörü, Web-Grafik Tasarımı ve SEO eğitmeni.

Yorum Yap