Coins-Übersichtseite selbst bauen - So geht's...

Ich wollte euch einmal zeigen wie ihr euch eine Übersichtsseite selbst erstellen könnt.

Zuerst erstellt ihr euch eine Textdatei (zB auf dem Desktop) und benennt sie von txt nach html
Nun öffnet ihr die Seite und fügt folgendes Code ein:

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Coins</title>
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
    <script type="text/javascript" src="https://files.coinmarketcap.com/static/widget/currency.js"></script>
    <div class="container-fluid">
        <div class="row">
            <div class="col-lg-3 col-md-3 col-sm-3">
                <div class="coinmarketcap-currency-widget" data-currency="bitcoin" data-base="USD" data-secondary="ETH"></div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3">
                <div class="coinmarketcap-currency-widget" data-currency="bitcoin-cash" data-base="USD" data-secondary="BTC"></div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3">
                <div class="coinmarketcap-currency-widget" data-currency="ethereum" data-base="USD" data-secondary="BTC"></div>
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3">
                <div class="coinmarketcap-currency-widget" data-currency="iota" data-base="USD" data-secondary="BTC"></div>
            </div>
        </div>
    <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</body>
</html>

Neue Reihe hinzufügen (row element in container-fluid)

<div class="row">
            <div class="col-lg-3 col-md-3 col-sm-3">

            </div>   
            <div class="col-lg-3 col-md-3 col-sm-3">
              
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3">
              
            </div>
            <div class="col-lg-3 col-md-3 col-sm-3">
              
            </div>
        </div>

Auf Coinmarktcap (hier am Beispiel von Litecoin) auf deinen Coin gehen und Tools öffnen (hier schon geöffnet)
Dort kopierst du dir das Div-Element

<div class="coinmarketcap-currency-widget" data-currency="litecoin" data-base="USD"  data-secondary="BTC"></div>

Nun fügst du es in eines der Div-Elemente

<div class="row">
            <div class="col-lg-3 col-md-3 col-sm-3">
                        <div class="coinmarketcap-currency-widget" data-currency="litecoin" data-base="USD"  data-secondary="BTC"></div>
            </div>

Das tust du nun mit allen Coins die dich interessieren.

Somit hast du eine Übersicht aller deine Coins aufeinmal.

Für alle Cryptofans hier MYBCARDPreToken sichern.