<div class="dd-widget"
data-semboller="gram-altin,ceyrek-altin,tam-altin,dolar,euro"
data-para="try"
data-tema="unstyled"></div>
<script src="https://dovizdolar.com/w.js" async></script>
<style>
body{background:radial-gradient(circle at 50% 0%,#1c1710 0%,#08070a 70%);min-height:100vh;
font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:#f7f0dd}
.vitrin{max-width:1100px;margin:0 auto;padding:34px 20px}
.vitrin .marka{text-align:center;font-size:26px;font-weight:800;letter-spacing:.22em;
text-transform:uppercase;color:#e8c766;margin-bottom:4px}
.vitrin .slogan{text-align:center;color:#9c8f74;font-size:13px;letter-spacing:.18em;
text-transform:uppercase;margin-bottom:26px}
/* ---- widget: dev tipografili vitrin şeritleri ---- */
.dd-w{display:flex;flex-direction:column;gap:10px}
.dd-w-head{display:none}
.dd-w-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:20px;
background:linear-gradient(90deg,rgba(232,199,102,.09),rgba(232,199,102,.02));
border:1px solid rgba(232,199,102,.22);border-radius:10px;padding:16px 24px}
.dd-w-name{font-size:20px;font-weight:700;letter-spacing:.04em;color:#f7f0dd}
.dd-w-bid,.dd-w-ask{font-size:31px;font-weight:800;font-variant-numeric:tabular-nums;
min-width:190px;text-align:right;letter-spacing:-.01em}
.dd-w-bid{color:#c9b98e;font-size:26px}
.dd-w-ask{color:#ffd97a}
.dd-w-row[data-dir="up"] .dd-w-ask{color:#7ee89b}
.dd-w-row[data-dir="down"] .dd-w-ask{color:#ff9b9b}
.dd-w-stale{opacity:.45}
.dd-w-credit{text-align:center;color:#6d6350;font-size:11px;text-decoration:none;margin-top:10px;letter-spacing:.1em}
.dd-w-time{text-align:center;color:#6d6350;font-size:12px;letter-spacing:.14em;margin-top:2px}
@media(max-width:640px){
.dd-w-row{grid-template-columns:1fr auto;padding:12px 14px}
.dd-w-bid{display:none}
.dd-w-name{font-size:16px}
.dd-w-ask{font-size:23px;min-width:130px}
}
</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.