Tüm İçerikler / Metin2 Grafik ve Tasarım

Metin2 Loading Ekranı PSD Tasarımları İndir

📅 Tarih: 20-12-2025, 19:21

👁️ 5 görüntülenme 💬 0 yorum

Merhaba Metin2.app Takipçileri;

Metin2 serverleriniz için loading tasarımıdır . 4 adet karakter olarak psd'leri düzenleyebilirsiniz.

Yorumlar ( 0 )

Bu bölümde yapılan yorumlar listelenmektedir.

😶‍🌫️

Bu konuda henüz yorum yapılmamış.

İlk yorumu sen yaz ve sohbeti başlat!

Makale Yazarı

AhmetZekiTasgar ( Kurucu # Yönetici )

Ad Soyad Pung-Ho

Yaşadığı Yer Pyungmoo

Kayıt Tarihi 3 Aralık 2025, 02:56

Son Giriş 6 saatler önce

Durumu Çevrimdışı

Toplam İçerik

605

Mesaj Sayısı

Dış Site Beğeni Kodu

Aşağıdaki kodu sitene yapıştırırsan, bu konuya beğeni gönderir:

<!-- Yeni1Makale Beğeni Kutusu -->
<!-- Yeni1Makale Beğeni Kutusu -->
<div class="y1m-like-widget"
     data-news-id="1160"
     data-remote-key="Y1M_PUBLIC_EMBED_KEY_2025_xXx">

  <div class="y1m-like-card">
    <!-- Sol: Görsel -->
    <div class="y1m-like-col y1m-like-media">
      <div class="y1m-like-media-inner">
        <img src=""
             alt="Metin2 Makale Görseli"
             loading="lazy">
      </div>
    </div>

    <!-- Orta: Başlık + Açıklama -->
    <div class="y1m-like-col y1m-like-main">
      <p class="y1m-like-sub">
        Metin2 Loading Ekranı PSD Tasarımları İndir
      </p>
      <p class="y1m-like-desc">
        Makalemizi beğenerek bizlere destek verebilirsiniz.
      </p>
    </div>

    <!-- Sağ: Buton + Sayaç -->
    <div class="y1m-like-col y1m-like-action">
      <button type="button" class="y1m-like-button">
        <span class="heart">❤️</span>
        <span class="text">Bu Makaleyi Beğen</span>
      </button>
      <div class="y1m-like-info">
        ( <span class="count"><span data-ratig-layer-id="1160"><span class="ratingtypeplus" >0</span></span></span> )
        <span class="label">Kişi beğendi!</span>
      </div>
    </div>
  </div>
</div>

<style>
/* ===== SADECE WIDGET İÇİN CSS – BAŞKA HİÇBİR ŞEYİ ETKİLEMEZ ===== */

.y1m-like-widget {
  --y1m-bg: #020617;
  --y1m-border: rgba(148,163,184,.5);
  --y1m-text: #e5e7eb;
  --y1m-subtext: #9ca3af;
  --y1m-accent: #f97316;

  font-family: system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  display: block;
  max-width: 860px;
  margin: 10px auto;
  padding: 2px;
  border-radius: 18px;
  background:
    radial-gradient(circle at 0 0, rgba(249,115,22,.3), transparent 55%),
    radial-gradient(circle at 100% 0, rgba(56,189,248,.28), transparent 55%),
    #020617;
  box-shadow:
    0 16px 45px rgba(15,23,42,.88),
    0 0 0 1px rgba(15,23,42,.9);
  color: var(--y1m-text);
}

.y1m-like-card {
  background: radial-gradient(circle at top left, rgba(15,23,42,.9), #020617);
  border-radius: 16px;
  border: 1px solid var(--y1m-border);
  display: grid;
  grid-template-columns: 120px minmax(0,1.6fr) auto;
  align-items: center;
  gap: 16px;
  padding: 14px 18px;
}

.y1m-like-col {
  min-width: 0;
}

/* Görsel kolon */
.y1m-like-media {
  display: flex;
  justify-content: center;
  align-items: center;
}

.y1m-like-media-inner {
  width: 100%;
  max-width: 110px;
  aspect-ratio: 4 / 3;
  border-radius: 12px;
  overflow: hidden;
  border: 1px solid rgba(55,65,81,.9);
  background: radial-gradient(circle at 30% 10%, rgba(248,250,252,.04), transparent 60%);
  box-shadow:
    0 8px 22px rgba(0,0,0,.55),
    0 0 0 1px rgba(15,23,42,.85);
}

.y1m-like-media-inner img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

/* Metinler */
.y1m-like-main {
  min-width: 0;
}

.y1m-like-sub {
  margin: 0 0 4px;
  font-size: 13px;
  color: var(--y1m-subtext);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.y1m-like-desc {
  margin: 0;
  font-size: 13px;
  color: #cbd5f5;
}

/* Sağ taraf: buton + sayaç */
.y1m-like-action {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 6px;
  min-width: 155px;
}

/* Buton sadece widget içinde override ediliyor */
.y1m-like-widget .y1m-like-button {
  all: unset;
  box-sizing: border-box;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 8px 14px;
  border-radius: 999px;
  cursor: pointer;

  background: radial-gradient(circle at 0 0, rgba(249,115,22,.4), rgba(190,24,93,.32));
  color: #f9fafb;
  font-size: 13px;
  font-weight: 600;
  border: 1px solid rgba(248,250,252,.1);
  box-shadow:
    0 10px 30px rgba(248,113,22,.45),
    0 0 0 1px rgba(15,23,42,.95);
  transition: transform .15s, box-shadow .15s, background .15s, border-color .15s;
}

.y1m-like-widget .y1m-like-button:hover {
  transform: translateY(-1px);
  box-shadow:
    0 14px 34px rgba(248,113,22,.55),
    0 0 0 1px rgba(15,23,42,.95);
  border-color: rgba(252,211,77,.9);
}

.y1m-like-widget .y1m-like-button:active {
  transform: translateY(0) scale(.97);
}

/* Sayaç */
.y1m-like-info {
  font-size: 12px;
  color: var(--y1m-subtext);
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.y1m-like-info .count {
  font-weight: 600;
  color: #fbbf24;
}

/* Mobil uyum */
@media (max-width: 720px) {
  .y1m-like-card {
    grid-template-columns: minmax(0,1fr);
  }
  .y1m-like-action {
    align-items: stretch;
  }
}
</style>

<script>
(function () {
  const box = document.querySelector('.y1m-like-widget[data-news-id]');
  if (!box) return;

  const btn     = box.querySelector('.y1m-like-button');
  const infoBox = box.querySelector('.y1m-like-info');
  const countEl = infoBox ? infoBox.querySelector('.count') : null;

  const NEWS_ID    = box.dataset.newsId;
  const REMOTE_KEY = box.dataset.remoteKey || 'Y1M_PUBLIC_EMBED_KEY_2025_xXx';
  const API_URL    = 'https://metin2.app/remote_like.php';

  // Sayfaya gömülünce ilk açılışta beğeni sayısını çek
  async function loadInfo() {
    if (!countEl) return;
    try {
      const res = await fetch(API_URL, {
        method: 'POST',
        headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8' },
        body: new URLSearchParams({
          news_id: NEWS_ID,
          remote_key: REMOTE_KEY,
          mode: 'info'
        })
      });
      const data = await res.json();
      if (data && data.success) {
        const c = data.vote_num || data.rating || 0;
        countEl.textContent = c;
      }
    } catch (e) {
      // sessiz geç
    }
  }

  // Beğen butonuna basılınca
  async function sendLike() {
    if (!btn) return;
    btn.disabled = true;
    try {
      const res = await fetch(API_URL, {
        method: 'POST',
        headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8' },
        body: new URLSearchParams({
          news_id: NEWS_ID,
          remote_key: REMOTE_KEY
        })
      });
      const data = await res.json();

      if (!data.success) {
        if (data.already_voted) {
          alert('Bu makaleyi zaten beğenmişsiniz.');
        } else {
          alert(data.message || 'Sunucu hata döndürdü.');
        }
      } else {
        const c = data.vote_num || data.rating || '?';
        if (infoBox) {
          infoBox.textContent = 'Beğenildi! Toplam oy: ' + c;
        }
      }
    } catch (e) {
      alert('Sunucuya bağlanırken hata oluştu.');
    } finally {
      btn.disabled = false;
    }
  }

  loadInfo();
  if (btn) btn.addEventListener('click', sendLike);
})();
</script>

Önizleme (buradaki buton sadece görsel, tıklanamaz):