<!-- Her panel AYRI bir mount: anon katmanda 5 sembol tavanı var, yan yana panellerle
istediğiniz kadar satır kurarsınız. Script sayfada BİR KEZ çağrılır. -->
<div class="dd-widget" data-semboller="dolar,euro,sterlin,isvicre-frangi,kanada-dolari"
data-para="try" data-tema="unstyled" data-baslik="0"></div>
<div class="dd-widget" data-semboller="bitcoin,ethereum,solana,ripple,cardano"
data-para="try" data-tema="unstyled" data-baslik="0"></div>
<script src="https://dovizdolar.com/w.js" async></script>
<style>
body{background:#0a0e14;color:#c9d4e3;font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:13px}
.term{max-width:1240px;margin:0 auto;padding:14px 14px 40px}
.term-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#111823;border:1px solid #1d2836;
border-radius:6px;padding:8px 14px;margin-bottom:12px;font-size:12px;letter-spacing:.02em}
.term-bar .t{font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#e8b339}
.term-bar .canli{display:inline-flex;align-items:center;gap:6px;color:#8fa1bd}
.term-bar .canli i{width:7px;height:7px;border-radius:50%;background:#25c26e;display:inline-block;animation:bl 1.6s infinite}
@keyframes bl{50%{opacity:.25}}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:900px){.grid3{grid-template-columns:1fr}}
.panel{background:#0f151e;border:1px solid #1d2836;border-radius:6px;overflow:hidden}
.panel-h{display:flex;justify-content:space-between;align-items:center;background:#151d29;border-bottom:1px solid #1d2836;
padding:7px 12px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#7d8da5}
.cols{display:grid;grid-template-columns:1fr 84px 84px;gap:8px;padding:5px 12px;font-size:10px;
letter-spacing:.1em;text-transform:uppercase;color:#5c6b82;border-bottom:1px solid #1d2836}
.cols span:not(:first-child){text-align:right}
/* ---- widget: yoğun terminal satırları ---- */
.dd-w-row{display:grid;grid-template-columns:1fr 84px 84px;gap:8px;padding:6px 12px;
border-bottom:1px solid #141c27;font-variant-numeric:tabular-nums;transition:background .25s}
.dd-w-row:last-of-type{border-bottom:0}
.dd-w-name{font-weight:600;color:#dbe4f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dd-w-bid,.dd-w-ask{text-align:right;color:#a8b6c9}
.dd-w-ask{font-weight:700;color:#e8eef7}
.dd-w-row[data-dir="up"]{background:rgba(37,194,110,.09)}
.dd-w-row[data-dir="up"] .dd-w-ask{color:#4ade80}
.dd-w-row[data-dir="down"]{background:rgba(248,113,113,.09)}
.dd-w-row[data-dir="down"] .dd-w-ask{color:#f87171}
.dd-w-stale{opacity:.45}
.dd-w-credit{display:block;padding:6px 12px;font-size:10px;color:#4d5b70;text-decoration:none;border-top:1px solid #1d2836}
.dd-w-time{display:none}
.dd-w-err{padding:12px;color:#5c6b82;font-size:12px}
/* ---- kaynak kırılımı satırları (data-kaynak="1") ---- */
.dd-w-src{display:grid;grid-template-columns:1fr 84px 84px;gap:8px;padding:4px 12px 4px 26px;
border-bottom:1px solid #101720;font-size:11.5px;font-variant-numeric:tabular-nums;color:#7d8da5}
.dd-w-src-name{text-transform:uppercase;letter-spacing:.05em}
.dd-w-src-name::before{content:"└ ";color:#3b4757}
.dd-w-src-bid,.dd-w-src-ask{text-align:right}
.dd-w-src[data-dir="up"] .dd-w-src-ask{color:#4ade80}
.dd-w-src[data-dir="down"] .dd-w-src-ask{color:#f87171}
</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.