Поиск по сайту

✔ CSS-only (smooth, performanslı)
✔ Responsive
✔ Hover pause
✔ Fade effect (premium görünüş)
✔ “SON DƏQİQƏ” badge
✔ DLE {custom} ilə dinamik

🔧 1. HTML ( header.tpl və ya main.tpl )

<div class="news-ticker">
  
  <div class="ticker-label">
    <span>SON DƏQİQƏ</span>
  </div>

  <div class="ticker-track">
    <div class="ticker-content">
      {custom order="date" limit="10" template="ticker"}
    </div>
    <div class="ticker-content">
      {custom order="date" limit="10" template="ticker"}
    </div>
  </div>

</div>

👉 2 dəfə yazmağımızın səbəbi: loop effekti (kəsilmədən axır)

🔧 2. ticker.tpl (yarat)
/templates/senin_template/ticker.tpl

<a href="{full-link}" class="ticker-item">
  📰 {title}
</a>

🎨 3. CSS (FULL MODERN)

.news-ticker {
  position: relative;
  display: flex;
  align-items: center;
  height: 44px;
  background: #0f172a;
  overflow: hidden;
  font-family: 'Inter', sans-serif;
}...