<link href="//w.t3server.pro/scwidget.css" rel="stylesheet"> <script src="//w.t3server.pro/scwidget.js"></script>

<div class="scwidget" data-tick="BTCUSD"></div> <div class="scwidget" data-tick="BTCUSD" data-amount-color="1"></div> <div class="scwidget" data-tick="BTCUSD" data-short-name="1"></div> <div class="scwidget scw-theme-shadow" data-tick="BTCUSD" data-chart-color="#2ea200" data-short-name="1"></div> <div class="scwidget scw-theme-shadow" data-tick="BTCUSD" data-chart-color="#2ea200"></div> <div class="scwidget scw-theme-shadow" data-tick="BTCUSD" data-chart-color="#2ea200"></div> <div class="scwidget" data-tick="BTCUSD" data-view="small" data-chart-color="#008ffb" data-amount-color="1"></div> <div class="scwidget" data-tick="BTCUSD" data-view="small" data-chart-color="#008ffb"></div> <div class="scwidget" data-tick="BTCUSD" data-view="small" data-chart-color="#008ffb" data-short-name="1"></div> <div class="scwidget scw-theme-shadow" data-view="small" data-tick="BTCUSD" data-short-name="1"></div> <div class="scwidget scw-theme-shadow" data-view="small" data-tick="BTCUSD"></div> <div class="scwidget scw-theme-shadow" data-view="small" data-tick="BTCUSD"></div> <div class="scwidget scw-theme-dark" data-tick="BTCUSD" data-amount-color="1"></div> <div class="scwidget scw-theme-dark" data-tick="BTCUSD" data-short-name="1"></div> <div class="scwidget scw-theme-dark" data-tick="BTCUSD"></div> <div class="scwidget scw-theme-dark" data-view="small" data-tick="BTCUSD" data-short-name="1"></div> <div class="scwidget scw-theme-dark" data-view="small" data-tick="BTCUSD" data-amount-color="1"></div> <div class="scwidget scw-theme-dark" data-view="small" data-tick="BTCUSD"></div>

Setting

Style

scw-theme-dark - dark theme
scw-theme-shadow - block shadow

class="scwidget scw-theme-dark scw-theme-shadow"

Currency

Specify in the data-tick which currency pair you want to display

data-tick="BTCUSD"

View

Specify the widget option in the data-view. There are currently two available.
The first without specifying the view and the second small

data-view="small"

Displays the full name of a currency pair, or an abbreviated one.
If the data-short-name attribute is specified and not empty, then the name LTC will be displayed.
If not specified, it will display the full name BTCUSD

data-short-name="1"

Highlighting the currency price depending on the exchange rate.
If it falls, it turns red, if it grows, it turns green.
To do this, you need to specify the data-amount-color attribute and fill it.

data-amount-color="1"

To change the color of the chart, add the data-chart-color attribute and specify the required color in it.

data-chart-color="#2ea200"