Giriş
(22)

Ekşi Duyuru'da tema yaratma özelliği geldi

compumaster
Ekşi Duyurunun arabiriminde yazı boyutları büyük, renkler yeşil, yeni yıl süslemeleri yok diyorsanız müjdemi isterim.Login olduktan sonra Ben'in altındaki Ayarlar sayfasından Tema Yönetimine Git düğmesine, veya https://www.eksiduyuru.com/profil/ayarlar/tema adresine giderek tema yaratma ve kullanma
Ekşi Duyurunun arabiriminde yazı boyutları büyük, renkler yeşil, yeni yıl süslemeleri yok diyorsanız müjdemi isterim.

Login olduktan sonra Ben'in altındaki Ayarlar sayfasından Tema Yönetimine Git düğmesine, veya www.eksiduyuru.com adresine giderek tema yaratma ve kullanma sayfasına geliyorsunuz.

Tema sistemi 2 seviyeden oluşuyor, birincisi sizin sadece kendinizin görebileceği temalar, ikincisi temalarınızdan istediklerinizi moderasyonun onayına gönderdikten sonra o temanın herkes tarafından kullanılabilmesini sağlayabiliyorsunuz.

Paylaştığınız temalarınızı başka kullanıcılar kopyalayıp kendilerine göre modifiye edebiliyorlar, ve onlar da kendi versiyonlarını yayımlayabiliyorlar.

Temalar en kolay :root { } css kök seçicisinde belirlenen rekleri degistirerek modifiye edilebilir. Ama sitenin a-z her css ayarina erisiminiz bulunmaktadir.

Önemli not: yaratiğınız tema .dark { } seçicisini de düzenlemiyorsa sitenin altındaki karanlık mod temayı bozacaktır.

Bundan sonrasını AI'ya yazdırıp kontrol ettim:

# Tema Sayfasına Erişim

Tema yönetim sayfasına **Profil → Ayarlar → Tema** menüsünden erişebilirsiniz.

# Tema Seçimi
## Aktif Tema Değiştirme

Sayfanın üst kısmında bulunan "Aktif Tema" açılır menüsünden aktif olarak kullanmak istediğiniz temayı seçebilirsiniz.

**Kullanılabilir Tema Kategorileri:**
- **Standart Tema**: Sitenin varsayılan görünümü
- **Benim Kişisel Temalarım**: Sizin oluşturduğunuz temalar
- **Benim Onaylı Temalarım**: Sizin oluşturup moderatör tarafından onaylanan temalar
- **Diğer Onaylı Genel Temalar**: Diğer kullanıcılar tarafından oluşturulmuş ve onaylanmış temalar

**Tema Göstergeleri:**
- ⏳ işareti: Tema onay bekliyor
- ✓ işareti: Tema onaylanmış
- (X kullanıcı): Temayı kullanan kullanıcı sayısı

# Yeni Tema Oluşturma

## Adım 1: Tema Editörünü Açma
1. "Yeni Tema Oluştur" butonuna tıklayın
2. Tema editörü açılacaktır

## Adım 2: Tema Bilgilerini Girme

Tema Adı:
- Sadece harf, rakam, tire (-) ve alt çizgi (_) kullanın
- Maksimum 100 karakter
- Örnek: koyu_tema, pastel_renkler, minimalist-tema

CSS Kodu:
- Maksimum 50KB CSS kodu girebilirsiniz
- Sitenin görünümünü değiştirmek için geçerli CSS kodları yazın
- Varsayılan CSS dosyasını görüntüleyerek mevcut sınıfları inceleyebilirsiniz (o sayfada link var)

## Adım 3: Önizleme ve Kaydetme

Önizleme:
1. "Önizle" butonuna tıklayın
2. CSS kodunuz anlık olarak sayfaya uygulanacaktır
3. Tema görünümünü kontrol edin
4. Gerekirse CSS kodunda değişiklik yapıp tekrar önizleyin

Kaydetme:
1. Temanızdan memnun kaldıysanız "Kaydet" butonuna tıklayın
2. Tema kaydedilecek ve tema listenize eklenecektir

İptal Etme:
- Değişikliklerinizi iptal etmek için "İptal" butonuna tıklayın
- Önizleme aktifse CSS değişiklikleri geri alınacaktır

## Kullanıcı Limitleri
- Her kullanıcı maksimum 20 tema oluşturabilir

---

## CSS Örnekleri

Tema editöründe "CSS örnekleri için tıklayın" linkine tıklayarak yaygın CSS özelleştirmelerini görebilirsiniz.


# Tema Yönetimi

## Benim Temalarım

Oluşturduğunuz tüm temalar "Benim Temalarım" bölümünde listelenir.

Tema Durumları:
- Onaylı (✓): Moderatör tarafından onaylanmış, herkese açık
- Beklemede (⏳): Onay için gönderilmiş, moderatör incelemesi bekleniyor
- Kişisel: Henüz onaya gönderilmemiş, sadece sizin kullanabileceğiniz

Her tema için kullanılabilir işlemler:

### 1. Düzenle
- Temanın adını ve CSS kodunu değiştirebilirsiniz
- Tema editörü açılır ve mevcut bilgiler yüklenir
- Değişiklikleri kaydettiğinizde tema güncellenecektir

### 2. Önizle
- Temayı aktif etmeden önce nasıl göründüğünü kontrol edebilirsiniz
- Önizleme geçicidir, sayfayı yenilediğinizde aktif temanız geri gelir

### 3. Onaya Gönder
- Temanızı diğer kullanıcılarla paylaşmak istiyorsanız moderatör onayına gönderebilirsiniz
- Bu buton sadece henüz onaya gönderilmemiş temalarda görünür
- Onaya gönderildikten sonra tema durumu "Beklemede" olarak değişir

> Onaylanmış temalar düzenlenemez. Onaylanan tema ile aynı temanın sizde olan kopyası 2 farklı temadır. Onaylanan temada değişiklik yapmak istediğiniz zaman kendi kopyanızı değiştirip yeniden onaya gönderin.

### 4. Kopyala
- Mevcut bir temayı kopyalayarak yeni bir tema oluşturabilirsiniz
- Yeni tema için bir isim girmeniz istenecektir
- Kopyalanan tema tüm CSS kodlarıyla birlikte yeni isimle kaydedilir

### 5. Sil
- Temanızı kalıcı olarak silebilirsiniz
- Dikkat: Onaylanmış ve başka kullanıcılar tarafından kullanılan temalar silinemez, moderatöre mesaj atınız.
- Silme işlemi geri alınamaz

---

# Onaylı Genel Temalar

"Onaylı Genel Temalar" bölümünde diğer kullanıcılar tarafından oluşturulmuş ve moderatörler tarafından onaylanmış temalar listelenir.

## Bu Temaları Kullanma

Seçenek 1: Doğrudan Kullanma
- Tema seçici açılır menüsünden istediğiniz onaylı temayı seçin
- Tema anında aktif olacaktır

Seçenek 2: Kopyalayıp Özelleştirme
1. Beğendiğiniz temanın yanındaki "Kopyala ve Özelleştir" butonuna tıklayın
2. Yeni tema için bir isim girin
3. Tema sizin tema listenize kopyalanacaktır
4. İstediğiniz değişiklikleri yaparak kişiselleştirebilirsiniz

Önizleme:
- Temayı kopyalamadan önce "Önizle" butonu ile nasıl göründüğünü inceleyebilirsiniz

---

# Tema Onay Süreci

## 1. Tema Oluşturma ve Geliştirme
- Kendi kullanımınız için tema oluşturun
- Önizleyerek test edin ve geliştirin

## 2. Onaya Gönderme
- Temanızdan memnunsanız "Onaya Gönder" butonuna tıklayın
- Tema durumu "Beklemede" olarak değişir

## 3. Moderatör İncelemesi
- Moderatörler temanızı inceler
- Uygunsa onaylanır
- Sorun varsa reddedilir ve size bildirim gönderilir

## 4. Onaylanma
- Onaylanan temalar "Onaylı Genel Temalar" listesine eklenir
- Diğer kullanıcılar temanızı kullanabilir veya kopyalayabilir
- Temanızın yanında kullanım sayısı görüntülenir

## 5. Reddetme
- Reddedilen temaların durumu geri alınır
- Moderatör reddetme nedeni belirtirse size iletilir
- Gerekli düzeltmeleri yapıp tekrar gönderebilirsiniz

---

# Önemli Uyarılar

## ⚠️ Site Güncellemeleri
> Ekşi Duyuru aktif olarak geliştirilmektedir. Site güncellemeleri temanızın CSS yapılandırmalarını bozabilir. Tema oluştururken bu durumu göz önünde bulundurun ve genel CSS sınıflarını kullanın.

## CSS Güvenlik Kontrolleri
Sistem aşağıdaki güvenlik kontrollerini yapar:
- Tehlikeli CSS içerikleri (örn. javascript*, data*) engellenir
- Çok büyük CSS dosyaları (>50KB) reddedilir
- Geçersiz CSS sözdizimi hata verir

## Tema Silme Kuralları
- Başka kullanıcılar tarafından kullanılan onaylı temalar silinemez
- Kişisel temalarınızı istediğiniz zaman silebilirsiniz
- Onay bekleyen temaları geri çekip silebilirsiniz

## Tema Sayısı Limiti
- Her kullanıcı maksimum 20 tema oluşturabilir
- Bu limite ulaştıysanız yeni tema oluşturmak için eski temalarınızdan birini silmeniz gerekir

---

# Sık Sorulan Sorular

## Temanım neden bozuk görünüyor?
- CSS kodunuzda sözdizimi hatası olabilir
- Site güncellemeleri CSS sınıflarını değiştirmiş olabilir

## Onaylanmış temamı düzenleyebilir miyim?
Evet, onaylanmış olan temanın sizdeki kopyasını gene onaya gönderebilirsiniz.

## Diğer kullanıcıların temalarını görebilir miyim?
Evet, moderatör tarafından onaylanmış tüm temaları "Onaylı Genel Temalar" bölümünden görebilir ve kullanabilirsiniz.

## Tema onayı ne kadar sürer?
Moderatörler mümkün olan en kısa sürede temaları inceler. Süre yoğunluğa bağlı olarak değişebilir. 10 dakika ile 2 hafta diyelim.

## Temanın CSS kodunu nereden öğrenebilirim?
- Sayfa üzerinde tarayıcı geliştirici araçlarını (F12) kullanarak CSS sınıflarını inceleyebilirsiniz
- Varsayılan CSS dosyasını tema düzenleme sayfasından linki ile görüntüleyebilirsiniz
- Diğer onaylı temaları kopyalayıp inceleyebilirsiniz

---

# İpuçları

1. Küçük Değişikliklerle Başlayın: İlk temanızda sadece renk veya font değişiklikleri yaparak başlayın.

2. Sık Sık Önizleyin: Her değişiklikten sonra önizleyerek sonucu kontrol edin.

3. Tarayıcı Geliştirici Araçlarını Kullanın: F12 tuşu ile açılan geliştirici araçlarında CSS'i canlı olarak test edebilirsiniz.

4. CSS Değişkenlerini Tercih Edin: Sitenin tüm renklerini değiştirmek için * değişkenlerini kullanın.

5. Diğer Temaları İnceleyin: Onaylı temalardan ilham alın ve kopyalayıp özelleştirin.

6. Yedek Tutun: Önemli CSS kodlarınızı yerel olarak da kaydedin.

İyi temalar oluşturmanızı dileriz! 🎨
+20
compumaster
(24.10.25)
Ellerine sağlık compu. Çok iyi olmuş.

Bir sorum olacak. Biraz da cahilliğimden soruyorum. Sitedeki objelerin css dosyasında hangi değişkenle tanımlandığını görmenin bir yolu var mı?

Örneğin Gönder butonunun rengini değiştirmek istesek bu rengin kodunu bulmak kolay ama CSS dosyasında hangi değişken bu butona atanmış bunu nasıl bulabiliriz?
Bu örneğimde bu butonun hover rengi için --ed-brand-green-hover kullanılmış mesela ama ben bunu renk kodundan tespit edebiliyorum. Direkt görebilmem mümkün mü?

edit: buldum tamam :d incele kısmında Styles bölmünde görebiliyorum.
+1
himmet dayi
(24.10.25)
evet aynen dedigin gibi. css yaratirken yardimci olabilecek bir dolu eklenti var. stylebot.dev mesela bir tanesi, ama ben genelde Chrome'un DevTools'unu developer.chrome.com kullaniyorum. Ayni sey Firefox'da da var firefox-source-docs.mozilla.org bunlarda yaptigin degisiklikleri bir metin editorunde toplayip sonra sitenin temalarinda deneyebilirsin.
0
🌸compumaster
(24.10.25)
elinize sağlık, güncel karanlık mod bana yetse de kullanıcılara alternatif sunulması çok iyi.

biraz bencillik hakkım varsa, bir ek$ibition nostaljisi olarak, logo gönderme seçeneği olsun isterdim.
0
late viper
(24.10.25)
2 tema gönderdim. biri şakacıktandı lütfen banlama :)))))
0
nolmus yani
(24.10.25)
@compumaster bu şekilde @ diye yazınca etiketlendiğimizin bildirimi gelse keşke ya
+4
art cat chocolate
(25.10.25)
eline sağlık, bence güzel oldu.
ai'ın gerçekten ekmeğini yiyoruz bu günlerde :d
0
biseysorcaktim
(25.10.25)
sanırım ufak bir hata var bu konuda.
oluşturduğumuz temayı tekrar düzenleyip kaydedince, değişikliğin uygulanması için hard-refredh yeterli gelmiyor, logout-login gerekiyor.
0
biseysorcaktim
(25.10.25)
Onayli tema sayisi 11 oldu! Supersiniz valla.
0
🌸compumaster
(26.10.25)
Tema oluşturamam ama oluşturacak kişilere bir öneride bulunabilirim.
Elini hızlı tutan en çok kullanılan tema üreticisi olabilir.

Kolay: Klasik Ekşi Duyuru temasını üretin.
-3
tithousand
(26.10.25)
Yaptığınız temadaki değişiklikleri görmek için önce başka bir tema seçin, ardından kendi temanıza geri dönüp görmek istediğiniz sayfayı (mesela ana sayfa) yenileyin.
+1
himmet dayi
(27.10.25)
@compumaster Abi tema değişimini daha kolay, mümkünse anasayfadan bir yerlerden yapabileceğimiz şekilde düzenleyebilir misin?

Şu an tepedeki duyuru sabit olduğu için o sayfaya kolayca gidip değiştirebiliyorum ama sonrasında pek de kolay yerde değil bence.
0
chicha_v2
(28.10.25)
Header kısmındaki gradient siyah/beyaz bölgeyi nasıl değiştiriyoruz? Onun değişkenini bulamadım.
0
himmet dayi
(28.10.25)
Tepedeki ben menusu'de ayarlar, sonra cikan sayfada temalari yonet. 2 click varmak icin, tema oyle her 2 gunde bir degistirmeyeceginiz bir sey oldugu icin tutup da anasayfaya koyamam ki?
0
🌸compumaster
(28.10.25)
@himmet dayi:
:root 'un icine degil disinda bir yere bunu ekle. bu background'u bu arada istedigin sey yapabilirsin, resim, tek renk, gradient, vs.
.navbar {
background: linear-gradient(180deg,rgb(2, 3, 0) 0px, rgb(2, 3, 0) 45px, rgb(110, 115, 111) 124px, var(--ed-top-menu-background) 124px);
}
+2
🌸compumaster
(28.10.25)
benim tema onaylanmış mı anlamadım bu arada. onaylılar listesinde görünmüyo ama kullanan 6 kişi var gibi gösteriyo.
0
nolmus yani
(28.10.25)
@nolmus yani

synthwave diye bir teman onaylı. "Benim onaylı temalarım" altında görünüyor olması lazım.

Ancak bazı logolar kaybolmuş. cevapla, hamburger menü simgeleri kayıp.

i.imgur.com
0
himmet dayi
(28.10.25)
@himmet dayi

teşekkür ederim, onlar benim de dikkatimi çekti de düzeltmeden önce emin olayım dedim, fonta da bi ayar çekeyim hatta.
0
nolmus yani
(28.10.25)
Oluşturduğumuz CSS'leri onaya sunmadan önce kendi hesabımızda geçici olarak kullanabileceğimiz şekilde kaydedebilir miyiz? Temayı sadece tema oluşturma sayfasında önizlemeye basınca görebiliyorum, diğer kısımlarda nasıl göründüğünü görmem gerek.

Yardımı dokunacaksa, sunucuda tutmak yerine bu özelliği LocalStorage kullanarak halledebiliriz..
www.freecodecamp.org
0
nahtoderfahrung
(29.10.25)
ibb.co bu onaysiz temalar?
0
🌸compumaster
(29.10.25)
Koyu temalarda (default karanlık mode dahil) sağdaki duyuruları kapatma tuşu [-] görünmüyor
edit: "Yenile" tuşu da çalışmıyor şimdi fark ettim
edit 2: Etiketlenen nick'ler de okunmuyor koyuda
+2
herzan
(30.10.25)
ben o açma kapatma düğmeleri için yeni versiyonlar yaptım ama override ettirmeyi beceremedim noob olduğum için. kendi url'mi vererek yapmaya çalıştım ama açınca kapatma düğmesine dönüşemiyor ikon, öyle kalıyor :d
0
nolmus yani
(01.11.25)
Sağ kısım açma-kapama düğmeleri için aşağıdaki kodları kullanabilirsiniz. Görselleri kendi temanızın rengine göre belirleyebilirsiniz.:

#notifyshowimg {
content: url('i.ibb.co ');
}

body:has(#notify:not([style*="display: none"])) #notifyshowimg {
content: url('i.ibb.co ');
}

#soncevshowimg {
content: url('i.ibb.co ');
}

body:has(#soncev:not([style*="display: none"])) #soncevshowimg {
content: url('i.ibb.co ');
}
+3
zaman ilac degil insanlar unutkan
(01.11.25)
buraya yazılanların hakları Sir Anthony Hopkins'e aittir.
yazan eden compumaster, ilgilenen eden fader
modere edenler basond, compumaster, fraise, kibritsuyu, rakicandir
bu sitede yazılanların hiçbiri doğru değildir. site içeriği küçükler için sakıncalı olabilir. yazılardan yazarları sorumludur. kaynak göstermeden alıntılanamaz. devlet tarafından atanmış bir kurumun internet üzerinde kimin hangi bilgiye ulaşıp ulaşamayacağına karar vermesi insan haklarına aykırıdır. web siteleri kullanıcıların istekleri doğrultusunda bağlandıkları yerlerdir. kullanıcılar isterlerse bir web sitesine bağlanmayabilirler. bu güçleri ve imkanları mevcuttur. bir kullanıcı bir siteye bağlanmak istiyorsa bu onun tercihi ve hakkıdır. bağlanmak istemiyorsa bu yine onun tercihi ve hakkıdır. halkın kendisine hizmet etmesi için görevlendirdiği kurumlar hadlerini aşıp halka neye ulaşıp ulaşmayacağını bilmeyen cahil cühela muamelesi edemezler. ebeveynlerin çocuklarını sakıncalı içeriklerden koruması için çok sayıda bedava ve ücretli yazılım mevcuttur. bu yazılımlar bir web tarayıcısını kullanmaktan daha karmaşık teknik bilgi gerektirmemektedir. devletin milletini küçük düşürmesi ve ebleh yerine koyması yasaktır.