CSS Stil ve Yapı Rehberi

Bu Bir Kitap Ayracı Başlığıdır

Yukarıdaki başlık .ayrac-kutusu sınıfı içindeki bir h1 etiketidir. Sol tarafındaki koyu kırmızı şerit ve gölge efektiyle bir kitap ayracını andırır.

Alt Başlık (h2) Örneği

Bu metin standart bir paragraf (p) etiketidir. CSS dosyanızda text-align: justify olarak ayarlandığı için iki yana yaslı durur.

Vurgulu Başlık (h3) Örneği

H3 başlıkları, sol taraflarında SAÜ Yeşili (--sau-green) bir border ile vurgulanır.

Dinamik Makale Kartı

Makale Başlığı (.ozel-makale-baslik)

Yazar: Sakarya Üniversitesi / Tarih Bölümü

Bu alan .ozel-makale-icerik sınıfına sahiptir. CSS'de max-height: 100px ile sınırlandırılmıştır ve alt kısmında beyaz bir geçiş (gradient) efekti bulunur. "Devamını Oku" butonuna basıldığında JavaScript ile buna acik class'ı eklenerek tüm metin gösterilebilir.

Ekstra paragraf: Sakarya, tarih boyunca birçok medeniyete ev sahipliği yapmış, kültürel çeşitliliği ile öne çıkan bir şehrimizdir. Şehir hafızası projesi bu değerleri korumayı amaçlar.

Kaynakça Bölümü

Bu Makalede Kullanılan Kaynaklar

Sakarya Üniversitesi Sosyal Bilimler Enstitüsü Dergisi, 2024.
Yerel Tarih Araştırmaları Merkezi Arşivi.
Cumhuriyet Dönemi Sakarya Fotoğrafları Koleksiyonu.