Piyasa Panosu

1. HTML (gövdeye yapıştırın)

<div class="dd-widget"
     data-semboller="dolar,euro,bitcoin,ethereum,gram-altin"
     data-para="try"
     data-tema="unstyled"></div>
<script src="https://dovizdolar.com/w.js" async></script>

2. CSS (bu görünümü veren kod — tamamı sizde)

<style>
body{background:#0b0f17;font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#e6edf7}
.pano{max-width:1040px;margin:0 auto;padding:28px 18px 10px}
.pano h1{font-size:20px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}
.pano .alt{color:#7d8da5;font-size:13px;margin:0 0 20px}

/* ---- widget: satırlar CSS grid ile KART'a dönüşüyor (DOM aynı!) ---- */
.dd-w{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.dd-w-head{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;
  text-transform:uppercase;letter-spacing:.12em;color:#7d8da5;margin-bottom:-4px}
.dd-w-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.15)}
.dd-w-row{display:flex;flex-direction:column;gap:5px;background:#121826;border:1px solid #1e2839;
  border-radius:14px;padding:14px 16px;position:relative;overflow:hidden;transition:border-color .3s}
.dd-w-name{font-size:12px;font-weight:600;color:#8fa1bd;text-transform:uppercase;letter-spacing:.06em}
.dd-w-ask{font-size:23px;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.dd-w-bid{font-size:12px;color:#6b7c96;font-variant-numeric:tabular-nums}
.dd-w-bid::before{content:"alış "}
.dd-w-row[data-dir="up"]{border-color:#1c5f3a}
.dd-w-row[data-dir="up"] .dd-w-ask{color:#4ade80}
.dd-w-row[data-dir="down"]{border-color:#6b2430}
.dd-w-row[data-dir="down"] .dd-w-ask{color:#f87171}
.dd-w-stale{opacity:.55}
.dd-w-credit{grid-column:1/-1;font-size:11px;color:#5b6b85;text-decoration:none}
.dd-w-time{grid-column:1/-1;font-size:11px;color:#5b6b85}
.dd-w-time::before{content:"son güncelleme "}
</style>

Sembolleri, para birimini ve temayı data-* öznitelikleriyle değiştirirsiniz. Tüm sınıfların anlamı için CSS dokümantasyonuna bakın.