Stil düzenleme

Renkleri, fontları, boşlukları veya diğer görsel özellikleri değiştirmek mi istiyorsunuz? Düzenleme Aracı'ndaki Stil editörü, web sitenizdeki herhangi bir elementin görünümünü ince ayar yapmanıza olanak tanır.

Stil Düzenlemeye Erişim

1. Düzenleme Modunu etkinleştirin
2. Stil vermek istediğiniz elemente tıklayın
3. Düzenleme panelinde Stil sekmesini seçin

Mevcut Stil Seçenekleri

Renkler

Şunların renklerini değiştirin:

• Arka plan rengi - Elementin arka planı
• Metin rengi - Font rengi
• Kenarlık rengi - Kenarlık/çerçeve rengi

Renkleri Nasıl Değiştirirsiniz

1. Renk özelliğine tıklayın
2. Renk seçiciyi kullanın veya
3. Hex kodu girin (#FF5733)
4. Değişikliği anında görün

Tipografi

Metin görünümünü değiştirin:

• Font boyutu - Metni büyütün veya küçültün
• Font kalınlığı - Kalın, normal, ince
• Metin hizalama - Sol, orta, sağ
• Satır yüksekliği - Satırlar arası boşluk

Boşluklar

Beyaz alanı ayarlayın:

• Padding - Elementin içindeki boşluk
• Margin - Elementin dışındaki boşluk
• Gap - Alt elementler arasındaki boşluk

Kenarlıklar

Kenarlıkları özelleştirin:

• Kenarlık genişliği - Kalınlık
• Kenarlık stili - Düz, kesikli, noktalı
• Kenarlık rengi - Kenarlığın rengi
• Kenarlık yarıçapı - Yuvarlak köşeler

Boyut

Boyutları kontrol edin:

• Genişlik - Element genişliği
• Yükseklik - Element yüksekliği
• Maks/Min - Kısıtlamalar

Stil Editörünü Kullanma

Değişiklik Yapma

1. Değiştirmek istediğiniz özelliği bulun
2. Değeri şunları kullanarak ayarlayın:

• Kaydırıcılar
• Giriş alanları
• Renk seçiciler
• Dropdown menüler

1. Değişiklikler gerçek zamanlı uygulanır

Değişiklikleri Önizleme

Stilleri ayarladıkça:

• Önizlemede değişiklikleri anında görün
• Önce/sonra arasında geçiş yapın
• Farklı cihaz boyutlarında test edin

Değişiklikleri Kaydetme

Stil değişiklikleri otomatik olarak kaydedilir:

• Farklı bir element seçtiğinizde
• Düzenleme Modunu kapattığınızda
• Panelin dışına tıkladığınızda

Yaygın Stil Düzenlemeleri

Buton Renklerini Değiştirme

1. Butonu seçin
2. Stil sekmesine gidin
3. Buton rengi için Arka plan rengini değiştirin
4. Etiket rengi için Metin rengini değiştirin
5. İsteğe bağlı olarak yuvarlaklık için Kenarlık yarıçapını ayarlayın

Bölüm Arka Planlarını Ayarlama

1. Bölüm konteynerini seçin
2. Stil sekmesine gidin
3. Arka plan rengini değiştirin
4. Veya bir Arka plan görseli ayarlayın

Metin Stillerini Değiştirme

1. Metin elementini seçin
2. Stil sekmesine gidin
3. Ayarlayın:

• Font boyutu
• Font kalınlığı
• Metin rengi
• Satır yüksekliği

Yuvarlak Köşeler Ekleme

1. Elementi seçin
2. Stil sekmesine gidin
3. Kenarlık yarıçapını bulun
4. Daha fazla yuvarlaklık için değeri artırın

Stil İpuçları

Tutarlılık Anahtardır

• Siteniz boyunca aynı renkleri kullanın
• Benzer elementler için font boyutlarını tutarlı tutun
• Düzgün boşluklar koruyun

Responsive'liği Test Edin

Stil değişiklikleri yaptıktan sonra:

• Masaüstü görünümünü kontrol edin
• Tablet görünümünü kontrol edin
• Mobil görünümünü kontrol edin

Bazı stiller farklı ekranlar için ayarlama gerektirebilir.

Abartmayın

• İnce değişiklikler genellikle daha iyi çalışır
• Çok fazla farklı renkten kaçının
• Boşlukları tutarlı tutun

Marka Renklerinizi Kullanın

Marka kılavuzlarınız varsa:

• CTA'lar için birincil marka renginizi kullanın
• Vurgular için ikincil renkleri kullanın
• Arka planları nötr tutun

Gelişmiş Stil Seçenekleri

Gölgeler

Gölgelerle derinlik ekleyin:

• Konteynerler için kutu gölgeleri
• Başlıklar için metin gölgeleri

Opaklık

Şeffaflığı kontrol edin:

• Elementleri yarı saydam yapın
• Overlay efektleri oluşturun

Geçişler

Bazı elementlerin şunları olabilir:

• Hover efektleri
• Animasyon özellikleri

Chat'i Ne Zaman Kullanmalı

Karmaşık stil ihtiyaçları için AI chat'i kullanın:

• Global stil değişiklikleri - "Tüm butonları mavi yap"
• Responsive ayarlamalar - "Mobilde metni büyüt"
• Yeni stil elementleri - "Gradient arka plan ekle"
• Karmaşık efektler - "Parallax kaydırma efekti ekle"

Stil Değişikliklerini Geri Alma

Beğenmediğiniz bir değişiklik mi yaptınız?

Anında Geri Alma

• Stil panelindeki sıfırla/geri al butonuna tıklayın
• Bazı özelliklerin "Sıfırla" seçeneği var

Versiyon Geçmişi Kullanma

• Versiyon Geçmişi'ne gidin
• Önceki bir versiyonu geri yükleyin

AI'a Sorun

• "Buton renklerini önceki haline döndür"