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

<!-- Ofis/işlem odası TV'si için: alış sütunu gizlenir (.dd-w-bid --> display:none),
     satış dev punto ile gösterilir. Mobilde punto otomatik küçülür. -->
<div class="dd-widget" data-semboller="dolar,euro,sterlin,gram-altin,ceyrek-altin"
     data-para="try" data-tema="unstyled" data-baslik="0"></div>

<script src="https://dovizdolar.com/w.js" async></script>

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

<style>
body{background:#000;color:#fff;font-family:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.wall{min-height:100vh;padding:22px 26px 40px;max-width:1500px;margin:0 auto}
.wall-h{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px;
  border-bottom:3px solid #1a1a1a;padding-bottom:12px;margin-bottom:18px}
.wall-h b{font-size:24px;letter-spacing:.24em;text-transform:uppercase;color:#ffcf4a}
.wall-h span{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#5a5a5a}
.wall-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}
@media(max-width:900px){.wall-grid{grid-template-columns:1fr}}
.wall-col h2{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:#6b6b6b;
  margin:0 0 6px;border-bottom:1px solid #1a1a1a;padding-bottom:6px}

/* ---- widget: dev tipografili duvar satırları ---- */
.dd-w-row{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:16px;
  padding:11px 0;border-bottom:1px solid #131313;font-variant-numeric:tabular-nums}
.dd-w-name{font-size:19px;font-weight:600;letter-spacing:.02em;color:#e6e6e6;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dd-w-bid{display:none}
.dd-w-ask{font-size:30px;font-weight:800;letter-spacing:-.02em;color:#fff;min-width:180px;text-align:right}
.dd-w-row[data-dir="up"] .dd-w-ask{color:#3ddc84}
.dd-w-row[data-dir="down"] .dd-w-ask{color:#ff5d5d}
.dd-w-stale{opacity:.35}
.dd-w-credit{display:block;margin-top:10px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:#4a4a4a;text-decoration:none}
.dd-w-time{display:none}
.dd-w-err{padding:14px 0;color:#5a5a5a}
/* ---- kaynak kırılımı (duvar panosu: sade, küçük) ---- */
.dd-w-src{display:grid;grid-template-columns:1fr auto auto;gap:18px;padding:7px 0 7px 14px;
  border-bottom:1px solid #101010;font-size:14px;color:#8a8a8a;font-variant-numeric:tabular-nums}
.dd-w-src-name{text-transform:uppercase;letter-spacing:.1em;font-size:12px}
.dd-w-src-bid{min-width:120px;text-align:right}
.dd-w-src-ask{min-width:120px;text-align:right;color:#d8d8d8}
.dd-w-src[data-dir="up"] .dd-w-src-ask{color:#3ddc84}
.dd-w-src[data-dir="down"] .dd-w-src-ask{color:#ff5d5d}
@media(max-width:600px){
  .dd-w-name{font-size:15px}
  .dd-w-ask{font-size:22px;min-width:120px}
  .dd-w-src{font-size:12px}
  .dd-w-src-bid{display:none}
}
</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.