<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/">
	<channel>
		<title><![CDATA[YouGameArea - Panel Kullanımı , Püf noktalar]]></title>
		<link>https://forum.yougamearea.com/</link>
		<description><![CDATA[YouGameArea - https://forum.yougamearea.com]]></description>
		<pubDate>Wed, 17 Jun 2026 18:17:45 +0000</pubDate>
		<generator>MyBB</generator>
		<item>
			<title><![CDATA[Otomatik takıma atma nasıl yapılır]]></title>
			<link>https://forum.yougamearea.com/showthread.php?tid=108</link>
			<pubDate>Mon, 08 Sep 2025 00:12:28 +0300</pubDate>
			<dc:creator><![CDATA[<a href="https://forum.yougamearea.com/member.php?action=profile&uid=2">Admin</a>]]></dc:creator>
			<guid isPermaLink="false">https://forum.yougamearea.com/showthread.php?tid=108</guid>
			<description><![CDATA[<span style="font-weight: bold;" class="mycode_b">AMXX.cfg ile Otomatik Takım Atama Nasıl Aktif Edilir?</span><br />
<br />
Merhabalar,<br />
<br />
Bu konuda, <span style="font-weight: bold;" class="mycode_b">YOUGAMEAREA </span>sunucularını<span style="font-weight: bold;" class="mycode_b"> </span>kullanan sunucularda oyuncuların otomatik olarak takımlara atanmasını sağlayan iki önemli komut paylaşacağım. Bu ayarları yapmak oldukça basit ve oyuncuların hızlıca oyuna katılmasını sağlayabilirsiniz.<br />
<br />
Aşağıdaki iki komutu <span style="font-weight: bold;" class="mycode_b">amxx.cfg</span> dosyanıza eklemeniz yeterli:<br />
<hr class="mycode_hr" />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>mp_auto_join_team 1<br />
humans_join_team any</code></div></div><hr class="mycode_hr" />
<span style="font-weight: bold;" class="mycode_b">Bu Komutlar Ne İşe Yarar?</span><ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">mp_auto_join_team 1</span>: Oyuncuların sunucuya bağlandıklarında otomatik olarak bir takıma atanmasını sağlar.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">humans_join_team any</span>: Oyuncuların herhangi bir takıma (CT veya T) otomatik olarak katılabilmesine izin verir.<br />
</li>
</ul>
<hr class="mycode_hr" />
<span style="font-weight: bold;" class="mycode_b">Notlar:</span><ul class="mycode_list"><li>Bu ayarlar, özellikle Counter-Strike 1.6 gibi oyunlarda oyuncuların manuel takım seçimi yapmadan hızlıca oyuna girmesini sağlar.<br />
</li>
<li>Eğer sunucunuzda özel bir takım atama sistemi kullanıyorsanız, bu komutların mevcut ayarlarla çakışmadığından emin olun.<br />
</li>
</ul>
<br />
Sorularınız varsa ya da bu ayarlarla ilgili başka bir detaya ihtiyacınız olursa, yorumlarda belirtin, yardımcı olalım! <img src="https://forum.yougamearea.com/images/icons/happy-face2.png" alt="Smile" title="Smile" class="smilie smilie_1" /> <br />
<br />
<span style="font-weight: bold;" class="mycode_b">Etiketler:</span> #AMXModX #CounterStrike #OtomatikTakimAtama #amxxcfg]]></description>
			<content:encoded><![CDATA[<span style="font-weight: bold;" class="mycode_b">AMXX.cfg ile Otomatik Takım Atama Nasıl Aktif Edilir?</span><br />
<br />
Merhabalar,<br />
<br />
Bu konuda, <span style="font-weight: bold;" class="mycode_b">YOUGAMEAREA </span>sunucularını<span style="font-weight: bold;" class="mycode_b"> </span>kullanan sunucularda oyuncuların otomatik olarak takımlara atanmasını sağlayan iki önemli komut paylaşacağım. Bu ayarları yapmak oldukça basit ve oyuncuların hızlıca oyuna katılmasını sağlayabilirsiniz.<br />
<br />
Aşağıdaki iki komutu <span style="font-weight: bold;" class="mycode_b">amxx.cfg</span> dosyanıza eklemeniz yeterli:<br />
<hr class="mycode_hr" />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>mp_auto_join_team 1<br />
humans_join_team any</code></div></div><hr class="mycode_hr" />
<span style="font-weight: bold;" class="mycode_b">Bu Komutlar Ne İşe Yarar?</span><ul class="mycode_list"><li><span style="font-weight: bold;" class="mycode_b">mp_auto_join_team 1</span>: Oyuncuların sunucuya bağlandıklarında otomatik olarak bir takıma atanmasını sağlar.<br />
</li>
<li><span style="font-weight: bold;" class="mycode_b">humans_join_team any</span>: Oyuncuların herhangi bir takıma (CT veya T) otomatik olarak katılabilmesine izin verir.<br />
</li>
</ul>
<hr class="mycode_hr" />
<span style="font-weight: bold;" class="mycode_b">Notlar:</span><ul class="mycode_list"><li>Bu ayarlar, özellikle Counter-Strike 1.6 gibi oyunlarda oyuncuların manuel takım seçimi yapmadan hızlıca oyuna girmesini sağlar.<br />
</li>
<li>Eğer sunucunuzda özel bir takım atama sistemi kullanıyorsanız, bu komutların mevcut ayarlarla çakışmadığından emin olun.<br />
</li>
</ul>
<br />
Sorularınız varsa ya da bu ayarlarla ilgili başka bir detaya ihtiyacınız olursa, yorumlarda belirtin, yardımcı olalım! <img src="https://forum.yougamearea.com/images/icons/happy-face2.png" alt="Smile" title="Smile" class="smilie smilie_1" /> <br />
<br />
<span style="font-weight: bold;" class="mycode_b">Etiketler:</span> #AMXModX #CounterStrike #OtomatikTakimAtama #amxxcfg]]></content:encoded>
		</item>
		<item>
			<title><![CDATA[Kendi Profil Çerçeve Tasarımınızı Oluşturun ve Yükleyin!]]></title>
			<link>https://forum.yougamearea.com/showthread.php?tid=104</link>
			<pubDate>Fri, 22 Aug 2025 14:51:41 +0300</pubDate>
			<dc:creator><![CDATA[<a href="https://forum.yougamearea.com/member.php?action=profile&uid=2">Admin</a>]]></dc:creator>
			<guid isPermaLink="false">https://forum.yougamearea.com/showthread.php?tid=104</guid>
			<description><![CDATA[<div style="text-align: left;" class="mycode_align">Merhaba sevgili forum üyelerimiz! </div>
<div style="text-align: left;" class="mycode_align">Forumumuzun <span style="font-weight: bold;" class="mycode_b">Profil Çerçeveleri Marketi</span> sistemi ile profil fotoğraflarınızı özelleştirebilir, kendi tasarladığınız çerçeveleri yükleyerek tarzınızı ortaya koyabilirsiniz! Bu konuda, kendi <span style="font-weight: bold;" class="mycode_b">.css</span> dosyanızı nasıl oluşturacağınızı, nelere dikkat etmeniz gerektiğini ve nasıl yükleyeceğinizi adım adım anlatacağız. Amacımız, sizlere rehberlik ederek yaratıcılığınızı özgürce ifade etmenize yardımcı olmak!</div>
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">Profil Çerçeveleri Marketi Nedir?</span></span><br />
<br />
Profil Çerçeveleri Marketi, kullanıcıların profil fotoğraflarına özel çerçeveler eklemesine olanak tanıyan bir sistemdir. Forumumuzda hem hazır çerçeveler satın alabilir hem de kendi tasarladığınız <span style="font-weight: bold;" class="mycode_b">.css</span> dosyalarını yükleyerek benzersiz çerçeveler oluşturabilirsiniz. Yüklediğiniz çerçeveler, yönetici onayı sonrası markete eklenir ve diğer kullanıcılar tarafından satın alınabilir!<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">Kendi Çerçeve Tasarımınızı Nasıl Oluşturursunuz?</span></span><br />
<br />
Kendi profil çerçevenizi tasarlamak için bir <span style="font-weight: bold;" class="mycode_b">.css</span> dosyası oluşturmanız gerekiyor. Bu dosya, profil fotoğrafınızın çevresindeki çerçevenin stilini tanımlar. İşte adım adım rehber:<br />
<br />
<span style="font-size: medium;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">1️⃣ CSS Dosyası Oluşturma</span></span><br />
- <span style="font-weight: bold;" class="mycode_b">Araçlar</span>: Notepad, Visual Studio Code veya Sublime Text gibi herhangi bir metin editörü kullanabilirsiniz.<br />
- <span style="font-weight: bold;" class="mycode_b">Dosya Adı</span>: Dosyanızı <span style="font-weight: bold;" class="mycode_b">.css</span> uzantısıyla kaydedin (örneğin, <span style="font-style: italic;" class="mycode_i">benim_cercem.css</span>).<br />
- <span style="font-weight: bold;" class="mycode_b">Temel Yapı</span>: Çerçeveniz için bir CSS sınıfı tanımlamalısınız. Forum sistemimiz, çerçevenizin doğru çalışması için sınıf adının <span style="font-weight: bold;" class="mycode_b">profile_frame_</span> ile başlamasını gerektirir (örneğin, <span style="font-weight: bold;" class="mycode_b">profile_frame_benim_cercem</span>).<br />
<br />
<span style="font-size: medium;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">2️⃣ Örnek CSS Tasarımları</span></span><br />
Aşağıda, forumumuzda çalışan iki örnek çerçeve tasarımını inceleyebilirsiniz. Bu örnekler, çerçevenizin nasıl görünebileceği konusunda size fikir verebilir:<br />
<br />
<span style="font-size: small;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">Örnek 1: Alevli Çerçeve (flame.css)</span></span><br />
Bu çerçeve, profil fotoğrafınızın etrafına bir alev efekti ekler:<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>.profile_frame {<br />
    background: url('https://shared.fastly.steamstatic.com/community_assets/images/items/322330/beaee5e90d93bfafa5f5f55acb23abfd28ad180c.png') no-repeat center;<br />
    background-size: 120px 120px;<br />
    width: 120%;<br />
    height: 120%;<br />
    position: absolute;<br />
    top: -10%;<br />
    left: -10%;<br />
    pointer-events: none;<br />
    box-sizing: border-box;<br />
    border-radius: 0;<br />
    z-index: 1;<br />
}</code></div></div><span style="font-weight: bold;" class="mycode_b">Açıklama</span>:<br />
- <span style="font-weight: bold;" class="mycode_b">background</span>: Çerçevenin görseli olarak bir alev resmi kullanılır.<br />
- <span style="font-weight: bold;" class="mycode_b">background-size, width, height</span>: Çerçevenin boyutları avatarın %120’si olacak şekilde ayarlanmıştır.<br />
- <span style="font-weight: bold;" class="mycode_b">position: absolute</span>: Çerçevenin avatarın etrafında doğru konumda durmasını sağlar.<br />
- <span style="font-weight: bold;" class="mycode_b">pointer-events: none</span>: Kullanıcıların çerçeveye tıklamasını engeller.<br />
- <span style="font-weight: bold;" class="mycode_b">z-index: 1</span>: Çerçevenin avatarın önünde görünmesini sağlar.<br />
<br />
<span style="font-size: small;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">Örnek 2: Neon Vorteks Çerçevesi (neon_vortex.css)</span></span><br />
Bu çerçeve, neon efektli ve animasyonlu bir tasarım sunar:<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>.profile_frame_neon_vortex {<br />
    border: 3px solid transparent;<br />
    border-image: linear-gradient(45deg, #8B00FF, #00DDEB) 1;<br />
    box-shadow: 0 0 10px rgba(139, 0, 255, 0.7), 0 0 20px rgba(0, 221, 235, 0.5);<br />
    animation: vortexGlow 2s infinite alternate, vortexPulse 1.5s infinite;<br />
}<br />
<br />
@keyframes vortexGlow {<br />
    0% {<br />
        box-shadow: 0 0 10px rgba(139, 0, 255, 0.7), 0 0 20px rgba(0, 221, 235, 0.5);<br />
        border-image: linear-gradient(45deg, #8B00FF, #00DDEB) 1;<br />
    }<br />
    100% {<br />
        box-shadow: 0 0 20px rgba(139, 0, 255, 1), 0 0 30px rgba(0, 221, 235, 0.8);<br />
        border-image: linear-gradient(45deg, #00DDEB, #8B00FF) 1;<br />
    }<br />
}<br />
<br />
@keyframes vortexPulse {<br />
    0% {<br />
        transform: scale(1);<br />
    }<br />
    50% {<br />
        transform: scale(1.02);<br />
    }<br />
    100% {<br />
        transform: scale(1);<br />
    }<br />
}</code></div></div><span style="font-weight: bold;" class="mycode_b">Açıklama</span>:<br />
- <span style="font-weight: bold;" class="mycode_b">border-image</span>: Çerçeveye mor ve camgöbeği renklerinde bir gradyan efekti uygular.<br />
- <span style="font-weight: bold;" class="mycode_b">box-shadow</span>: Neon parlama efekti oluşturur.<br />
- <span style="font-weight: bold;" class="mycode_b">animation</span>: Çerçeveye titreşim (<span style="font-weight: bold;" class="mycode_b">vortexPulse</span>) ve parlama (<span style="font-weight: bold;" class="mycode_b">vortexGlow</span>) animasyonları ekler.<br />
<br />
<span style="font-size: medium;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">3️⃣ Kendi CSS’nizi Tasarlarken Nelere Dikkat Etmelisiniz?</span></span><br />
- <span style="font-weight: bold;" class="mycode_b">Sınıf Adı</span>: Çerçevenizin CSS sınıfı <span style="font-weight: bold;" class="mycode_b">profile_frame_</span> ile başlamalıdır. Sistem, yüklenen dosyayı bu formata otomatik olarak uyarlar.<br />
- <span style="font-weight: bold;" class="mycode_b">Boyutlar</span>: Çerçevenizin boyutlarını (<span style="font-weight: bold;" class="mycode_b">width</span>, <span style="font-weight: bold;" class="mycode_b">height</span>) avatarın boyutlarına uygun şekilde ayarlayın. Genellikle %100-120 idealdir.<br />
- <span style="font-weight: bold;" class="mycode_b">Konumlandırma</span>: <span style="font-weight: bold;" class="mycode_b">position: absolute</span> kullanarak çerçeveyi avatarın etrafına hizalayın. <span style="font-weight: bold;" class="mycode_b">top</span> ve <span style="font-weight: bold;" class="mycode_b">left</span> değerleriyle ortalayabilirsiniz.<br />
- <span style="font-weight: bold;" class="mycode_b">Efektler</span>: <span style="font-weight: bold;" class="mycode_b">border</span>, <span style="font-weight: bold;" class="mycode_b">box-shadow</span>, <span style="font-weight: bold;" class="mycode_b">animation</span> gibi özelliklerle yaratıcı efektler ekleyebilirsiniz. Ancak dosya boyutunun 100 KB’yi aşmamasına dikkat edin!<br />
- <span style="font-weight: bold;" class="mycode_b">Resim Kullanımı</span>: Çerçevenizde resim kullanıyorsanız, resmin internette erişilebilir bir URL’de olduğundan emin olun. Yerel dosya yolları çalışmaz.<br />
- <span style="font-weight: bold;" class="mycode_b">Animasyonlar</span>: Animasyon eklemek için <span style="font-weight: bold;" class="mycode_b">@keyframes</span> kullanabilirsiniz, ancak çok karmaşık animasyonlar performansı etkileyebilir.<br />
<br />
<span style="font-size: medium;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">4️⃣ CSS Dosyanızı Test Edin</span></span><br />
- CSS’nizi tarayıcınızın geliştirici araçlarıyla (F12 tuşu) test edebilirsiniz.<br />
- Market sayfamızda çerçeve önizleme özelliği bulunuyor. Yüklemeden önce tasarımınızı kontrol edebilirsiniz.<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">Çerçevenizi Forumumuza Nasıl Yüklersiniz?</span></span><br />
<br />
1. <span style="font-weight: bold;" class="mycode_b">Market Sayfasına Gidin</span>:<br />
  - Üst menüdeki <span style="font-weight: bold;" class="mycode_b">Profil Çerçeveleri Marketi</span> bağlantısına tıklayın veya <a href="https://forum.yougamearea.com/misc.php?action=frame_market" target="_blank" rel="noopener" class="mycode_url">https://forum.yougamearea.com/misc.php?a...ame_market</a> adresine gidin.<br />
<br />
2. <span style="font-weight: bold;" class="mycode_b">Çerçeve Yükleme Formunu Doldurun</span>:<br />
  - <span style="font-weight: bold;" class="mycode_b">Çerçeve Adı</span>: Çerçevenize dikkat çekici bir isim verin (maks. 100 karakter).<br />
  - <span style="font-weight: bold;" class="mycode_b">Dosya</span>: Hazırladığınız <span style="font-weight: bold;" class="mycode_b">.css</span> dosyasını seçin.<br />
  - <span style="font-weight: bold;" class="mycode_b">Fiyat</span>: Çerçevenizin marketteki SPuan fiyatını belirleyin (örneğin, 50-500 SPuan).<br />
  - <span style="font-weight: bold;" class="mycode_b">Not</span>: Dosya boyutu 100 KB’yi aşmamalı ve yalnızca <span style="font-weight: bold;" class="mycode_b">.css</span> dosyaları kabul edilir.<br />
<br />
3. <span style="font-weight: bold;" class="mycode_b">Yükleme Sınırları</span>:<br />
  - Normal kullanıcılar saatte en fazla 5 çerçeve yükleyebilir. Yöneticiler ve moderatörler bu sınıra tabi değildir.<br />
  - Yüklediğiniz çerçeve, yönetici onayı bekler. Onaylandıktan sonra markete eklenir.<br />
<br />
4. <span style="font-weight: bold;" class="mycode_b">Onay Süreci</span>:<br />
  - Yüklediğiniz çerçeve, yöneticiler tarafından incelenir. Uygun bulunursa markete eklenir.<br />
  - Reddedilirse, size bir bildirim gönderilir.<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">İpuçları ve Öneriler</span></span><br />
- <span style="font-weight: bold;" class="mycode_b">Yaratıcı Olun</span>: Neon efektler, gradyanlar veya temalı tasarımlar (örneğin, oyun veya film temalı çerçeveler) oldukça popüler!<br />
- <span style="font-weight: bold;" class="mycode_b">Performans</span>: Çok karmaşık CSS kodları yazmaktan kaçının. Büyük dosyalar veya ağır animasyonlar yükleme sürelerini artırabilir.<br />
- <span style="font-weight: bold;" class="mycode_b">Örneklerden İlham Alın</span>: Yukarıdaki <span style="font-weight: bold;" class="mycode_b">flame.css</span> ve <span style="font-weight: bold;" class="mycode_b">neon_vortex.css</span> örneklerini inceleyebilirsiniz.<br />
- <span style="font-weight: bold;" class="mycode_b">SPuan Kazanın</span>: Çerçeveniz marketten satın alındıkça SPuan kazanabilirsiniz!<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">❓ Sık Sorulan Sorular</span></span><br />
<span style="font-weight: bold;" class="mycode_b">S: Çerçevem neden onaylanmadı?</span>  <br />
C: Çerçeveniz uygun olmayan içerik (örneğin, telifli resimler) içeriyorsa veya teknik olarak hatalıysa (örneğin, yanlış CSS sınıfı) reddedilebilir. Reddedilme nedeni size bildirilir.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">S: Hangi CSS özelliklerini kullanabilirim?</span>  <br />
C: <span style="font-weight: bold;" class="mycode_b">border</span>, <span style="font-weight: bold;" class="mycode_b">box-shadow</span>, <span style="font-weight: bold;" class="mycode_b">background</span>, <span style="font-weight: bold;" class="mycode_b">animation</span>, <span style="font-weight: bold;" class="mycode_b">transform</span> gibi standart CSS özelliklerini kullanabilirsiniz. JavaScript veya HTML ekleyemezsiniz.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">S: Çerçevemin fiyatını nasıl belirlemeliyim?</span>  <br />
C: Çerçevenizin kalitesine ve yaratıcılığına göre bir fiyat belirleyin. Popüler çerçeveler genellikle 100-300 SPuan arasında fiyatlandırılır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">S: Daha fazla yardım alabilir miyim?</span>  <br />
C: Tabii ki! Bu konuya yorum yazarak veya özel mesajla yöneticilere ulaşarak destek alabilirsiniz.<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">Hadi Başlayın!</span></span><br />
Kendi profil çerçevenizi tasarlayarak forumda fark yaratmaya hazır mısınız? Hemen bir <span style="font-weight: bold;" class="mycode_b">.css</span> dosyası oluşturun, yukarıdaki rehberi takip ederek yükleyin ve yaratıcılığınızı herkese gösterin! Sorularınız varsa, sorum var konusu açmaktan çekinmeyin.  <img src="https://forum.yougamearea.com/images/icons/happy-face2.png" alt="Smile" title="Smile" class="smilie smilie_1" /> <br />
<br />
<span style="font-weight: bold;" class="mycode_b">Not</span>: Forum kurallarına uygun olmayan çerçeveler (örneğin, rahatsız edici veya telifli içerik) onaylanmayacaktır.<br />
<br />
<img src="https://i.hizliresim.com/n7crjf0.png" loading="lazy"  alt="[Resim: n7crjf0.png]" class="mycode_img" />]]></description>
			<content:encoded><![CDATA[<div style="text-align: left;" class="mycode_align">Merhaba sevgili forum üyelerimiz! </div>
<div style="text-align: left;" class="mycode_align">Forumumuzun <span style="font-weight: bold;" class="mycode_b">Profil Çerçeveleri Marketi</span> sistemi ile profil fotoğraflarınızı özelleştirebilir, kendi tasarladığınız çerçeveleri yükleyerek tarzınızı ortaya koyabilirsiniz! Bu konuda, kendi <span style="font-weight: bold;" class="mycode_b">.css</span> dosyanızı nasıl oluşturacağınızı, nelere dikkat etmeniz gerektiğini ve nasıl yükleyeceğinizi adım adım anlatacağız. Amacımız, sizlere rehberlik ederek yaratıcılığınızı özgürce ifade etmenize yardımcı olmak!</div>
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">Profil Çerçeveleri Marketi Nedir?</span></span><br />
<br />
Profil Çerçeveleri Marketi, kullanıcıların profil fotoğraflarına özel çerçeveler eklemesine olanak tanıyan bir sistemdir. Forumumuzda hem hazır çerçeveler satın alabilir hem de kendi tasarladığınız <span style="font-weight: bold;" class="mycode_b">.css</span> dosyalarını yükleyerek benzersiz çerçeveler oluşturabilirsiniz. Yüklediğiniz çerçeveler, yönetici onayı sonrası markete eklenir ve diğer kullanıcılar tarafından satın alınabilir!<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">Kendi Çerçeve Tasarımınızı Nasıl Oluşturursunuz?</span></span><br />
<br />
Kendi profil çerçevenizi tasarlamak için bir <span style="font-weight: bold;" class="mycode_b">.css</span> dosyası oluşturmanız gerekiyor. Bu dosya, profil fotoğrafınızın çevresindeki çerçevenin stilini tanımlar. İşte adım adım rehber:<br />
<br />
<span style="font-size: medium;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">1️⃣ CSS Dosyası Oluşturma</span></span><br />
- <span style="font-weight: bold;" class="mycode_b">Araçlar</span>: Notepad, Visual Studio Code veya Sublime Text gibi herhangi bir metin editörü kullanabilirsiniz.<br />
- <span style="font-weight: bold;" class="mycode_b">Dosya Adı</span>: Dosyanızı <span style="font-weight: bold;" class="mycode_b">.css</span> uzantısıyla kaydedin (örneğin, <span style="font-style: italic;" class="mycode_i">benim_cercem.css</span>).<br />
- <span style="font-weight: bold;" class="mycode_b">Temel Yapı</span>: Çerçeveniz için bir CSS sınıfı tanımlamalısınız. Forum sistemimiz, çerçevenizin doğru çalışması için sınıf adının <span style="font-weight: bold;" class="mycode_b">profile_frame_</span> ile başlamasını gerektirir (örneğin, <span style="font-weight: bold;" class="mycode_b">profile_frame_benim_cercem</span>).<br />
<br />
<span style="font-size: medium;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">2️⃣ Örnek CSS Tasarımları</span></span><br />
Aşağıda, forumumuzda çalışan iki örnek çerçeve tasarımını inceleyebilirsiniz. Bu örnekler, çerçevenizin nasıl görünebileceği konusunda size fikir verebilir:<br />
<br />
<span style="font-size: small;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">Örnek 1: Alevli Çerçeve (flame.css)</span></span><br />
Bu çerçeve, profil fotoğrafınızın etrafına bir alev efekti ekler:<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>.profile_frame {<br />
    background: url('https://shared.fastly.steamstatic.com/community_assets/images/items/322330/beaee5e90d93bfafa5f5f55acb23abfd28ad180c.png') no-repeat center;<br />
    background-size: 120px 120px;<br />
    width: 120%;<br />
    height: 120%;<br />
    position: absolute;<br />
    top: -10%;<br />
    left: -10%;<br />
    pointer-events: none;<br />
    box-sizing: border-box;<br />
    border-radius: 0;<br />
    z-index: 1;<br />
}</code></div></div><span style="font-weight: bold;" class="mycode_b">Açıklama</span>:<br />
- <span style="font-weight: bold;" class="mycode_b">background</span>: Çerçevenin görseli olarak bir alev resmi kullanılır.<br />
- <span style="font-weight: bold;" class="mycode_b">background-size, width, height</span>: Çerçevenin boyutları avatarın %120’si olacak şekilde ayarlanmıştır.<br />
- <span style="font-weight: bold;" class="mycode_b">position: absolute</span>: Çerçevenin avatarın etrafında doğru konumda durmasını sağlar.<br />
- <span style="font-weight: bold;" class="mycode_b">pointer-events: none</span>: Kullanıcıların çerçeveye tıklamasını engeller.<br />
- <span style="font-weight: bold;" class="mycode_b">z-index: 1</span>: Çerçevenin avatarın önünde görünmesini sağlar.<br />
<br />
<span style="font-size: small;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">Örnek 2: Neon Vorteks Çerçevesi (neon_vortex.css)</span></span><br />
Bu çerçeve, neon efektli ve animasyonlu bir tasarım sunar:<br />
<div class="codeblock"><div class="title">Kod:</div><div class="body" dir="ltr"><code>.profile_frame_neon_vortex {<br />
    border: 3px solid transparent;<br />
    border-image: linear-gradient(45deg, #8B00FF, #00DDEB) 1;<br />
    box-shadow: 0 0 10px rgba(139, 0, 255, 0.7), 0 0 20px rgba(0, 221, 235, 0.5);<br />
    animation: vortexGlow 2s infinite alternate, vortexPulse 1.5s infinite;<br />
}<br />
<br />
@keyframes vortexGlow {<br />
    0% {<br />
        box-shadow: 0 0 10px rgba(139, 0, 255, 0.7), 0 0 20px rgba(0, 221, 235, 0.5);<br />
        border-image: linear-gradient(45deg, #8B00FF, #00DDEB) 1;<br />
    }<br />
    100% {<br />
        box-shadow: 0 0 20px rgba(139, 0, 255, 1), 0 0 30px rgba(0, 221, 235, 0.8);<br />
        border-image: linear-gradient(45deg, #00DDEB, #8B00FF) 1;<br />
    }<br />
}<br />
<br />
@keyframes vortexPulse {<br />
    0% {<br />
        transform: scale(1);<br />
    }<br />
    50% {<br />
        transform: scale(1.02);<br />
    }<br />
    100% {<br />
        transform: scale(1);<br />
    }<br />
}</code></div></div><span style="font-weight: bold;" class="mycode_b">Açıklama</span>:<br />
- <span style="font-weight: bold;" class="mycode_b">border-image</span>: Çerçeveye mor ve camgöbeği renklerinde bir gradyan efekti uygular.<br />
- <span style="font-weight: bold;" class="mycode_b">box-shadow</span>: Neon parlama efekti oluşturur.<br />
- <span style="font-weight: bold;" class="mycode_b">animation</span>: Çerçeveye titreşim (<span style="font-weight: bold;" class="mycode_b">vortexPulse</span>) ve parlama (<span style="font-weight: bold;" class="mycode_b">vortexGlow</span>) animasyonları ekler.<br />
<br />
<span style="font-size: medium;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">3️⃣ Kendi CSS’nizi Tasarlarken Nelere Dikkat Etmelisiniz?</span></span><br />
- <span style="font-weight: bold;" class="mycode_b">Sınıf Adı</span>: Çerçevenizin CSS sınıfı <span style="font-weight: bold;" class="mycode_b">profile_frame_</span> ile başlamalıdır. Sistem, yüklenen dosyayı bu formata otomatik olarak uyarlar.<br />
- <span style="font-weight: bold;" class="mycode_b">Boyutlar</span>: Çerçevenizin boyutlarını (<span style="font-weight: bold;" class="mycode_b">width</span>, <span style="font-weight: bold;" class="mycode_b">height</span>) avatarın boyutlarına uygun şekilde ayarlayın. Genellikle %100-120 idealdir.<br />
- <span style="font-weight: bold;" class="mycode_b">Konumlandırma</span>: <span style="font-weight: bold;" class="mycode_b">position: absolute</span> kullanarak çerçeveyi avatarın etrafına hizalayın. <span style="font-weight: bold;" class="mycode_b">top</span> ve <span style="font-weight: bold;" class="mycode_b">left</span> değerleriyle ortalayabilirsiniz.<br />
- <span style="font-weight: bold;" class="mycode_b">Efektler</span>: <span style="font-weight: bold;" class="mycode_b">border</span>, <span style="font-weight: bold;" class="mycode_b">box-shadow</span>, <span style="font-weight: bold;" class="mycode_b">animation</span> gibi özelliklerle yaratıcı efektler ekleyebilirsiniz. Ancak dosya boyutunun 100 KB’yi aşmamasına dikkat edin!<br />
- <span style="font-weight: bold;" class="mycode_b">Resim Kullanımı</span>: Çerçevenizde resim kullanıyorsanız, resmin internette erişilebilir bir URL’de olduğundan emin olun. Yerel dosya yolları çalışmaz.<br />
- <span style="font-weight: bold;" class="mycode_b">Animasyonlar</span>: Animasyon eklemek için <span style="font-weight: bold;" class="mycode_b">@keyframes</span> kullanabilirsiniz, ancak çok karmaşık animasyonlar performansı etkileyebilir.<br />
<br />
<span style="font-size: medium;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">4️⃣ CSS Dosyanızı Test Edin</span></span><br />
- CSS’nizi tarayıcınızın geliştirici araçlarıyla (F12 tuşu) test edebilirsiniz.<br />
- Market sayfamızda çerçeve önizleme özelliği bulunuyor. Yüklemeden önce tasarımınızı kontrol edebilirsiniz.<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">Çerçevenizi Forumumuza Nasıl Yüklersiniz?</span></span><br />
<br />
1. <span style="font-weight: bold;" class="mycode_b">Market Sayfasına Gidin</span>:<br />
  - Üst menüdeki <span style="font-weight: bold;" class="mycode_b">Profil Çerçeveleri Marketi</span> bağlantısına tıklayın veya <a href="https://forum.yougamearea.com/misc.php?action=frame_market" target="_blank" rel="noopener" class="mycode_url">https://forum.yougamearea.com/misc.php?a...ame_market</a> adresine gidin.<br />
<br />
2. <span style="font-weight: bold;" class="mycode_b">Çerçeve Yükleme Formunu Doldurun</span>:<br />
  - <span style="font-weight: bold;" class="mycode_b">Çerçeve Adı</span>: Çerçevenize dikkat çekici bir isim verin (maks. 100 karakter).<br />
  - <span style="font-weight: bold;" class="mycode_b">Dosya</span>: Hazırladığınız <span style="font-weight: bold;" class="mycode_b">.css</span> dosyasını seçin.<br />
  - <span style="font-weight: bold;" class="mycode_b">Fiyat</span>: Çerçevenizin marketteki SPuan fiyatını belirleyin (örneğin, 50-500 SPuan).<br />
  - <span style="font-weight: bold;" class="mycode_b">Not</span>: Dosya boyutu 100 KB’yi aşmamalı ve yalnızca <span style="font-weight: bold;" class="mycode_b">.css</span> dosyaları kabul edilir.<br />
<br />
3. <span style="font-weight: bold;" class="mycode_b">Yükleme Sınırları</span>:<br />
  - Normal kullanıcılar saatte en fazla 5 çerçeve yükleyebilir. Yöneticiler ve moderatörler bu sınıra tabi değildir.<br />
  - Yüklediğiniz çerçeve, yönetici onayı bekler. Onaylandıktan sonra markete eklenir.<br />
<br />
4. <span style="font-weight: bold;" class="mycode_b">Onay Süreci</span>:<br />
  - Yüklediğiniz çerçeve, yöneticiler tarafından incelenir. Uygun bulunursa markete eklenir.<br />
  - Reddedilirse, size bir bildirim gönderilir.<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">İpuçları ve Öneriler</span></span><br />
- <span style="font-weight: bold;" class="mycode_b">Yaratıcı Olun</span>: Neon efektler, gradyanlar veya temalı tasarımlar (örneğin, oyun veya film temalı çerçeveler) oldukça popüler!<br />
- <span style="font-weight: bold;" class="mycode_b">Performans</span>: Çok karmaşık CSS kodları yazmaktan kaçının. Büyük dosyalar veya ağır animasyonlar yükleme sürelerini artırabilir.<br />
- <span style="font-weight: bold;" class="mycode_b">Örneklerden İlham Alın</span>: Yukarıdaki <span style="font-weight: bold;" class="mycode_b">flame.css</span> ve <span style="font-weight: bold;" class="mycode_b">neon_vortex.css</span> örneklerini inceleyebilirsiniz.<br />
- <span style="font-weight: bold;" class="mycode_b">SPuan Kazanın</span>: Çerçeveniz marketten satın alındıkça SPuan kazanabilirsiniz!<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">❓ Sık Sorulan Sorular</span></span><br />
<span style="font-weight: bold;" class="mycode_b">S: Çerçevem neden onaylanmadı?</span>  <br />
C: Çerçeveniz uygun olmayan içerik (örneğin, telifli resimler) içeriyorsa veya teknik olarak hatalıysa (örneğin, yanlış CSS sınıfı) reddedilebilir. Reddedilme nedeni size bildirilir.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">S: Hangi CSS özelliklerini kullanabilirim?</span>  <br />
C: <span style="font-weight: bold;" class="mycode_b">border</span>, <span style="font-weight: bold;" class="mycode_b">box-shadow</span>, <span style="font-weight: bold;" class="mycode_b">background</span>, <span style="font-weight: bold;" class="mycode_b">animation</span>, <span style="font-weight: bold;" class="mycode_b">transform</span> gibi standart CSS özelliklerini kullanabilirsiniz. JavaScript veya HTML ekleyemezsiniz.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">S: Çerçevemin fiyatını nasıl belirlemeliyim?</span>  <br />
C: Çerçevenizin kalitesine ve yaratıcılığına göre bir fiyat belirleyin. Popüler çerçeveler genellikle 100-300 SPuan arasında fiyatlandırılır.<br />
<br />
<span style="font-weight: bold;" class="mycode_b">S: Daha fazla yardım alabilir miyim?</span>  <br />
C: Tabii ki! Bu konuya yorum yazarak veya özel mesajla yöneticilere ulaşarak destek alabilirsiniz.<br />
<br />
<span style="font-size: large;" class="mycode_size"><span style="font-weight: bold;" class="mycode_b">Hadi Başlayın!</span></span><br />
Kendi profil çerçevenizi tasarlayarak forumda fark yaratmaya hazır mısınız? Hemen bir <span style="font-weight: bold;" class="mycode_b">.css</span> dosyası oluşturun, yukarıdaki rehberi takip ederek yükleyin ve yaratıcılığınızı herkese gösterin! Sorularınız varsa, sorum var konusu açmaktan çekinmeyin.  <img src="https://forum.yougamearea.com/images/icons/happy-face2.png" alt="Smile" title="Smile" class="smilie smilie_1" /> <br />
<br />
<span style="font-weight: bold;" class="mycode_b">Not</span>: Forum kurallarına uygun olmayan çerçeveler (örneğin, rahatsız edici veya telifli içerik) onaylanmayacaktır.<br />
<br />
<img src="https://i.hizliresim.com/n7crjf0.png" loading="lazy"  alt="[Resim: n7crjf0.png]" class="mycode_img" />]]></content:encoded>
		</item>
	</channel>
</rss>