> ## Documentation Index
> Fetch the complete documentation index at: https://destek.framixa.com.tr/llms.txt
> Use this file to discover all available pages before exploring further.

# Örnek Kodlar

> Tema düzenlemeleri için hazır CSS kodları

> **💡 Profesyonel Tasarım İpucu:** En iyi UI/UX tasarımları için [Google Gemini](https://gemini.google.com) kullanmanızı öneririz. Gemini'ye istediğiniz tasarımı anlatarak modern ve kullanıcı dostu CSS kodları oluşturabilirsiniz.

## Örnek CSS Kodları

Sitenizin görünümünü özelleştirmek için aşağıdaki hazır CSS kodlarını **Tema Editör** bölümündeki stil dosyasına ekleyebilirsiniz.

### Arka Plan Rengi Değiştirme

Sitenin genel arka plan rengini değiştirmek için:

```css theme={null}
body {
    background-color: #f0f0f0 !important; /* Açık gri arka plan */
}
```

### Metin Rengi Değiştirme

Tüm sitedeki varsayılan yazı rengini değiştirmek için:

```css theme={null}
body {
    color: #333333 !important; /* Koyu gri yazı rengi */
}
```

### Buton Rengi Değiştirme

Butonların arka plan ve yazı rengini değiştirmek için:

```css theme={null}
.btn-primary {
    background-color: #ff5722 !important; /* Turuncu buton */
    color: #ffffff !important; /* Beyaz yazı */
    border: none !important;
}
```

### Yazı Boyutunu Büyütme

Paragraf yazılarını biraz daha büyütmek için:

```css theme={null}
p {
    font-size: 16px !important;
    line-height: 1.5 !important;
}
```

### Bir Öğeyi Gizleme

Belirli bir öğeyi (örneğin ID'si 'footer-credit' olan) gizlemek için:

```css theme={null}
#footer-credit {
    display: none !important;
}
```