🎨 SIBERDEYIZ | Profil CSS Özelleştirme Rehberi
Profilinizi standart görünümden çıkarıp kendi tarzınıza göre tasarlamak ister misiniz? 🖌️
Bunun için CSS kullanabilirsiniz.
💡 CSS Nedir?
CSS (Cascading Style Sheets), web sitelerinin görünümünü ve tasarımını değiştirmek için kullanılan bir stil dilidir.
Kısaca HTML sayfadaki içeriği oluştururken, CSS bu içeriğin nasıl görüneceğini belirler.
CSS ile;
🎨 Renkleri değiştirebilir
✨ Yazılara gölge ve parlama ekleyebilir
🖼️ Arka planları özelleştirebilir
🔲 Kenarlıkları değiştirebilir
📦 Profil kartlarının görünümünü düzenleyebilir
💎 Daha modern ve kişisel bir profil oluşturabilirsiniz.
SIBERDEYIZ üzerindeki Özel Profil Tasarımı (CSS) özelliği sayesinde profilinizi bu şekilde kişiselleştirebilirsiniz.
Ancak sistem, eklenen CSS kodlarını güvenlik ve doğrulama kurallarından geçiriyor. Bu nedenle internette bulunan her CSS kodu doğrudan kabul edilmeyebilir.
Neyse ki CSS bilmenize gerek yok. 🤖
ChatGPT, Claude, Gemini veya başka bir yapay zekâ kullanarak SIBERDEYIZ kurallarına uygun profil tasarımları oluşturabilirsiniz.
🤖 PROMPT
Aşağıdaki promptu ChatGPT, Claude, Gemini veya başka bir yapay zekâya göndererek SIBERDEYIZ CSS sistemine uygun profil tasarımları oluşturabilirsiniz.
📌 Promptun en altında bulunan [BURAYA TEMANIZI YAZIN] bölümünü istediğiniz tasarımla değiştirin.
Prompt:
SIBERDEYIZ forumunda profil CSS'i özelleştiriyorum.
Profil CSS sistemi güvenlik ve doğrulama filtrelerinden geçiyor. Oluşturacağın CSS kodu aşağıdaki kuralların herşeye kesinlikle uymalı.
Kod doğrudan SIBERDEYIZ profil CSS alanına yapıştırılabilecek şekilde hazırlanmalı.
━━━━━━━━━━━━━━━━━━━━
1. HTML VE ENJEKSİYON KURALLARI
━━━━━━━━━━━━━━━━━━━━
- CSS içerisinde hiçbir HTML etiketi kullanma.
- <script>, <style>, <div>, <span>, <body> vb. HTML etiketleri kesinlikle kullanma.
- CSS kodu içerisinde < veya > karakterleri kesinlikle bulunmamalı.
- HTML etiketi açma veya kapatma girişiminde bulunma.
- CSS içerisine HTML veya HTML benzeri kod ekleme.
━━━━━━━━━━━━━━━━━━━━
2. DIŞ KAYNAK VE URL KURALLARI
━━━━━━━━━━━━━━━━━━━━
- url() kesinlikle kullanma.
- @import kesinlikle kullanma.
- Harici CSS, font, görsel veya başka bir dış kaynak çağırma.
- Hiçbir şekilde dışarıdan kaynak yükleme.
━━━━━━━━━━━━━━━━━━━━
3. SEÇİCİ KURALLARI
━━━━━━━━━━━━━━━━━━━━
- Her CSS seçicisinde en az bir .class veya #id bulunmalı.
- Genel seçici olan * kesinlikle kullanma.
- Tek başına HTML etiket seçicileri kullanma.
- body, div, span, section, p vb. etiketleri doğrudan hedefleme.
- h1, img ve button elementlerini doğrudan hedefleme.
- div[class*="..."] gibi attribute/joker seçiciler kullanma.
- Başka üyelerin veya sitenin genel bölümlerinin etkilenebileceği geniş seçiciler kullanma.
- Yalnızca aşağıda verilen profil class ve ID'lerini hedefle.
━━━━━━━━━━━━━━━━━━━━
4. YASAKLI CLASS / ID KELİMELERİ
━━━━━━━━━━━━━━━━━━━━
Class veya ID seçicilerinde aşağıdaki kelimeleri içeren isimleri kullanma:
avatar
username
rank
badge
role
effect
level
name
css
toggle
style
wrapper
layout
grid
container
sidebar
column
ips
Bu kelimeler mevcut bir class veya ID içerisinde bulunuyorsa o seçiciyi kullanma.
━━━━━━━━━━━━━━━━━━━━
5. JAVASCRIPT VE ZARARLI İFADELER
━━━━━━━━━━━━━━━━━━━━
CSS içerisinde aşağıdaki ifadeleri kesinlikle kullanma:
javascript:
vbscript:
expression
behavior
JavaScript çalıştırabilecek veya CSS üzerinden script tetikleyebilecek hiçbir yöntem kullanma.
━━━━━━━━━━━━━━━━━━━━
6. EKRAN KAPLAMA VE GÖRÜNMEZLİK
━━━━━━━━━━━━━━━━━━━━
- position: fixed kesinlikle kullanma.
- Kullanıcı deneyimini bozabilecek ekran kaplama yöntemleri kullanma.
- opacity kullanacaksan değer 0.25'in altında olamaz.
- opacity: 0 kullanma.
- cursor: none kesinlikle kullanma.
- Profil bileşenlerini tamamen görünmez hale getirme.
━━━━━━━━━━━━━━━━━━━━
7. FONT BOYUTU
━━━━━━━━━━━━━━━━━━━━
font-size kullanacaksan yalnızca 8px ile 72px arasındaki değerleri kullan.
8px'den küçük veya 72px'den büyük font-size kullanma.
━━━━━━━━━━━━━━━━━━━━
8. İZİN VERİLEN CSS ÖZELLİKLERİ
━━━━━━━━━━━━━━━━━━━━
Mümkün olduğunca yalnızca aşağıdaki CSS özelliklerini kullan:
border
border-color
border-style
box-shadow
text-shadow
background
background-color
background-image
color
letter-spacing
text-transform
font-weight
outline
outline-offset
transition
Ek bir CSS özelliğine gerçekten ihtiyaç duyarsan önce kuralları kontrol et. Güvenli değilse kullanma.
━━━━━━━━━━━━━━━━━━━━
9. KESİNLİKLE KULLANMA
━━━━━━━━━━━━━━━━━━━━
@keyframes
transform
border-image
-webkit-background-clip
-webkit-text-fill-color
url()
@import
position: fixed
cursor: none
━━━━━━━━━━━━━━━━━━━━
10. STANDART PROFİL CLASS / ID'LERİ
━━━━━━━━━━━━━━━━━━━━
Aşağıdaki class ve ID'leri aynen kullan. İsimlerini değiştirme:
#profile-status-dot
.veilon-main-header
.cyber-bio-text
#elProfileHeader
.cyber-profile-card
.cyber-profile-card-header
.cyber-profile-card-body
.cyber-info-item
.cyber-info-icon
.cyber-stat-box
.cyber-stat-val
.cyber-stat-lbl
.cyber-game-card
.cyber-game-card-header
.cyber-game-details-btn
.cyber-visitors-card
.cyber-visitors-card-header
.profile-market-item
.market-item-price-new
.cyber-profile-progress-bar-fill
.cyber-btn-hdr-accent
.cyber-btn-activities
━━━━━━━━━━━━━━━━━━━━
11. KODLAMA KURALLARI
━━━━━━━━━━━━━━━━━━━━
- Her CSS kuralına !important ekle.
- Tek parça tam CSS kodu oluştur.
- CSS dışında açıklama verme.
- Kod doğrudan kopyalanıp kullanılabilecek durumda olsun.
- Güvenlik kurallarından herhangi birini ihlal etme.
- Tasarım bütün class ve ID'ler arasında tutarlı olsun.
- Renk paletini bütün profil boyunca tutarlı kullan.
- Modern, temiz ve profesyonel bir görünüm oluştur.
- Gereksiz CSS özellikleri veya karmaşık seçiciler kullanma.
TASARIM TEMASI:
[BURAYA TEMANIZI YAZIN]
🎨 Tema Örnekleri
Promptun sonundaki TASARIM TEMASI bölümüne istediğiniz tasarımı yazabilirsiniz.
🔴 Kırmızı Neon
Siyah ve koyu gri arka plan üzerinde kırmızı neon detaylara sahip, agresif ama modern bir gaming profili. Kartlarda hafif kırmızı glow, başlıklarda güçlü kırmızı vurgular ve hover durumunda daha belirgin kenarlık efektleri kullan. Tasarım göz yormasın ve premium görünsün.
🟣 Mor Cyberpunk
Koyu siyah arka plan, mor ve pembe neon detaylar, cyberpunk atmosferi ve modern teknoloji hissi. Kartlarda hafif mor glow, başlıklarda neon vurgular ve istatistiklerde belirgin mor renkler kullan.
🟢 Hacker / Terminal
Siyah ve koyu yeşil renklerden oluşan, terminal ve hacker estetiğine sahip minimalist bir tasarım. Yeşil yazılar, hafif text-shadow efektleri ve sade kart kenarlıkları kullan.
🔵 Cyber Blue
Koyu lacivert arka plan, cyan ve açık mavi detaylar kullanan temiz, teknolojik ve premium bir profil. Neon efektleri abartılı olmasın. Modern ve profesyonel görünüm ön planda olsun.
🟡 Gold Premium
Siyah ve koyu gri arka plan üzerinde altın detaylar bulunan premium bir profil. Fazla parlak veya karmaşık olmayan, lüks ve şık bir görünüm oluştur.
⚪ Minimal
Sade ve modern bir profil oluştur. Fazla glow veya efekt kullanma. Renkleri dengeli kullan ve temiz, profesyonel, göz yormayan bir tasarım hazırla.
💡 Daha İyi Sonuç İçin
Yapay zekâya yalnızca renk söylemek yerine tasarımın nasıl görünmesini istediğinizi detaylandırabilirsiniz.
Örneğin:
"Siyah ve kırmızı renklerde, agresif gaming havasına sahip ama göz yormayan bir profil istiyorum. Kartların kenarlarında hafif kırmızı glow olsun. Başlıklar belirgin ve güçlü görünsün. İstatistik değerleri kırmızı renkte öne çıksın. Hover durumunda kartların kenarlıkları biraz daha parlak hale gelsin. Genel görünüm modern ve premium dursun."
Ne kadar detay verirseniz, yapay zekânın oluşturacağı tasarım da istediğiniz görünüme o kadar yaklaşacaktır. 🎯
⚠️ CSS Neden Reddedilebilir?
SIBERDEYIZ CSS sistemi güvenlik amacıyla birçok özelliği engeller.
En sık karşılaşabileceğiniz sebepler:
❌ HTML etiketi veya < / > karakteri kullanılması
❌ url() veya @import kullanılması
❌ Genel * seçicisinin kullanılması
❌ Class veya ID zorunluluğuna uyulmaması
❌ Yasaklı class / ID kelimelerinin kullanılması
❌ h1, img, button gibi elementlerin doğrudan hedeflenmesi
❌ javascript: veya benzeri zararlı ifadelerin kullanılması
❌ position: fixed kullanılması
❌ opacity değerinin 0.25'in altında olması
❌ 8px'den küçük veya 72px'den büyük font-size kullanılması
❌ cursor: none kullanılması
❌ Yasaklı CSS özelliklerinin kullanılması
🛠️ Hata Alırsanız
Oluşturulan CSS sistem tarafından reddedilirse kodu baştan oluşturmanıza gerek yok.
Hata mesajını ChatGPT, Claude veya Gemini'ye aynen gönderin.
Prompt:
Bu CSS kodunu SIBERDEYIZ profil CSS alanında kullanıyorum.
Sistem aşağıdaki hata mesajını verdi:
[HATA MESAJINI BURAYA YAPIŞTIR]
Mevcut tasarımı mümkün olduğunca koru.
Sadece belirtilen doğrulama hatasını düzelt.
SIBERDEYIZ CSS güvenlik ve doğrulama kurallarına kesinlikle uy.
HTML etiketi, < veya > karakteri, url(), @import, * seçicisi,
yasaklı class/ID kelimeleri veya yasaklı CSS özelliklerini kullanma.
Her CSS kuralına !important ekle.
Bana düzeltilmiş, tek parça ve doğrudan kullanılabilir CSS kodunu ver.
Böylece mevcut tasarımı tamamen değiştirmek yerine yalnızca hata veren kısmı düzelttirebilirsiniz. 🔧
📌 Kısaca
1️⃣ Yukarıdaki Prompt: bölümünü kopyalayın.
2️⃣ [BURAYA TEMANIZI YAZIN] kısmını değiştirin.
3️⃣ Promptu ChatGPT, Claude veya Gemini'ye gönderin.
4️⃣ Oluşturulan CSS kodunu kopyalayın.
5️⃣ SIBERDEYIZ profil CSS alanına yapıştırın.
6️⃣ Hata alırsanız hata mesajını tekrar yapay zekâya gönderin.
7️⃣ Profilinizi istediğiniz gibi kişiselleştirin. 🎨
💎 Özel Profil Tasarımı (CSS)
Kullanıcı Ayarları bölümünden Özel Profil Tasarımı (CSS) özelliğini 25.000 puana satın alabilirsiniz.
Özelliği satın aldıktan sonra kendi CSS kodlarınızı kullanarak profilinizi kişiselleştirebilirsiniz. 🚀
🖥️ WEBMASTER'DAN SIBERDEYIZ'E
Kodla. Tasarla. Kişiselleştir.
🧠 Hayalindeki profil temasını seç.
🤖 Yapay zekâ ile CSS'ini oluştur.
🎨 Profiline kendi imzanı at.
⚡ WEBMASTER gururla sunar.
SIBERDEYIZ topluluğuna özel hazırlanmıştır. 💙
Son düzenleme: WEBMASTER • (Değişiklikleri Gör)
guns.lol/webmasterexe
