.site-live-ticker {
position: fixed;
top: 0; left: 0; right: 0;
height: 46px;
background: linear-gradient(90deg,#071226 0%,#0a1a2f 100%);
color:#fff;
z-index:99999;
display:flex;
align-items:center;
padding:0 12px;
box-shadow:0 3px 10px rgba(0,0,0,0.45);
border-bottom:1px solid rgba(255,255,255,0.04);
font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial;
}
/* inner container */
.site-live-ticker .ticker-inner {
width:100%;
max-width:1320px;
margin:0 auto;
display:flex;
align-items:center;
gap:12px;
}
/* left label */
.site-live-ticker .ticker-label {
color:#9fb3ff;
font-size:13px;
font-weight:600;
margin-right:8px;
white-space:nowrap;
}
/* tradingview area expands */
.site-live-ticker .tv-wrap {
flex:1;
min-width:200px;
}
/* mini crypto INR cards on right */
.site-live-ticker .cr-quick {
display:flex;
gap:8px;
align-items:center;
}
.cr-card {
background: rgba(255,255,255,0.03);
padding:6px 10px;
border-radius:6px;
min-width:120px;
text-align:left;
}
.cr-card .title { font-size:12px; color:#cfe0ff; font-weight:700; }
.cr-card .val { font-size:14px; font-weight:700; color:#fff; }
.cr-card .sub { font-size:12px; color:#bcd5ff; margin-top:3px; }
/* responsive */
@media (max-width:720px){
.site-live-ticker { height:40px; padding:0 8px; }
.site-live-ticker .ticker-label { display:none; }
.site-live-ticker .cr-quick { display:none; }
}
/* push page down */
body.has-live-ticker { padding-top:46px !important; }
@media (max-width:720px){
body.has-live-ticker { padding-top:40px !important; }
}
Live Market
BTC
USD —
₹ —
ETH
USD —
₹ —
document.body.classList.add('has-live-ticker');
/* Fetch BTC + ETH in USD + INR */ async function fetchCryptoINR(){ try{ const r = await fetch("https://api.coingecko.com/api/v3/simple/price?ids=bitcoin,ethereum&vs_currencies=usd,inr"); const d = await r.json();
if(d.bitcoin){ document.getElementById("btc-usd").textContent = "USD " + d.bitcoin.usd.toLocaleString('en-IN'); document.getElementById("btc-inr").textContent = "₹ " + d.bitcoin.inr.toLocaleString('en-IN'); } if(d.ethereum){ document.getElementById("eth-usd").textContent = "USD " + d.ethereum.usd.toLocaleString('en-IN'); document.getElementById("eth-inr").textContent = "₹ " + d.ethereum.inr.toLocaleString('en-IN'); } }catch(e){ console.log("error", e); } }
fetchCryptoINR(); setInterval(fetchCryptoINR, 30000);