Reklaam

Kõigi kõnelustega kahvlid, pettused, veebisaidid, mis varastavad teie CPU kaevanduste jaoksja hullumeelne hindade kõikumine, krüptovaluutad (“krüpto”) on kindlasti muutumas tavapäraseks.

Kui olete investeerinud või kaalute krüptovaluutade ostmist, siis vajate viisi, kuidas nende hindu reaalajas jälgida. Õnneks saate hõlpsalt endale krüptoarmatuuri ehitada, kasutades ainult midagi muud HTML ja CSS Õppige HTML-i ja CSS-i nende samm-sammult juhendavate dokumentide abilKas olete huvitatud HTMList, CSSist ja JavaScriptist? Kui arvate, et teil on nullist veebisaitide loomise õppimiseks vajalik teadmine - siin on mõned suurepärased samm-sammult õpetamisvõimalused. Loe rohkem .

Märge: Krüptovaluutade ostmine on väga spekulatiivne investeering. Ärge kunagi investeerige rohkem, kui saate endale lubada, ja olge valmis kaotama kõik üleöö.

Alustamine

Seda armatuurlauda toidab tasuta vidin, mille pakub coinmarketcap.com. See suurepärane veebisait näitab tuhandete krüptovaluutade statistikat ja jooksevhindasid. Alustage valitud valuuta valimisega või sisestage münt paremas ülanurgas asuvasse otsinguvõimalusse.

krüpto armatuurlaud CoinMarketCapis

Kui see on valitud, suunatakse teid mündi ülevaade, kus kuvatakse valitud mündi kohta mitmesugust statistikat, diagramme ja analüütikat. Liikuge edasi Tööriistad sakk. Siin näete valmis vidinat, kus kuvatakse konkreetsed andmed teie valitud mündi kohta. Proovige julgelt Kohandage seda vidinat sätteid, kuid praeguseks piisab põhiline vidinast. Kopeerige kood kataloogist Veebisaidi vidin kasti või hoidke leht hiljem kasutamiseks avatuks.

Vidinate kood näeb välja Bitcoini jaoks järgmiselt:

Kas olete sattunud Bitcoin, Ethereum, Ripple, Dogecoinvõi mõni muu 1000-st alternatiiv (alt) mündid saadaval, see protsess on täpselt sama: leidke münt ja kopeerige vidina kood.

Kui soovite automatiseerimist välja mõelda, saate seda kasutada API-tõend ja sõiduplaani koostamise tööriist nagu Kron Kuidas planeerida ülesandeid Linuxis koos Croni ja CrontabigaÜlesannete automatiseerimise võime on üks neist futuristlikest tehnoloogiatest, mis siin juba olemas. Tänu Linuxi hõlpsasti kasutatavale taustateenusele cron saab süsteemi ja kasutajaülesannete kavandamine kasu igale Linuxi kasutajale. Loe rohkem teha peaaegu kõike, mis sulle meeldib. See jääb natuke selle artikli ulatusest välja, kuid võite näiteks meilisõnumi luua, kui hind langeb näiteks alla teatud läve.

Veebilehe loomine

Nüüd, kui vidin on olemas, peate selle kuvamiseks looma HTML-i põhilehe. Looge oma lemmiktekstiredaktori abil uus HTML-fail nimega armatuurlaud.html.

Siit leiate vajaliku stardikoodi:

Krüpto armatuurlaud

Kleepige HTML-i vidinate kood koodide vahele keha sildid. Naastes Bitcoini juurde, näeb kogu kood välja selline:

Krüpto armatuurlaud
krüpto armatuurlaua vidin

Selles on kõik olemas. Nii see tegelikult on nii lihtne oma krüptovaluuta armatuurlaua loomiseks.

Muutes selle ilusaks

Kuigi see armatuurlaud on tehniliselt valmis, see pole eriti tore. Vidin täidab ekraani horisontaalselt, kuid pole vertikaalselt väga kõrge. Stiilitagem seda kaskaadstiilid 5 beebi sammu CSS-i õppimiseks ja Kick-Ass CSS-i nõiaks saamiseksCSS on viimase kümne aasta jooksul kõige olulisemad muudatuste veebilehed, mis sillutasid teed stiili ja sisu eraldamiseks. Kaasaegsel viisil määratleb XHTML semantilise struktuuri ... Loe rohkem (CSS).

All pealkiri, Lisa stiil silt:

Nendes stiilisiltides saate kirjutada oma CSS-i. Vaja on järgmist.

.coinmarketcapi valuuta vidin {laius: 33%; veeris: 100 pikslit automaatne; }
krüpto armatuurlaua vidin CSS-iga

See lihtne CSS teeb kahte asja. Kasutades Dokumendiobjekti mudel JavaScript ja veebiarendus: dokumendiobjekti mudeli kasutamineSee artikkel tutvustab teile dokumendiskeletti, millega JavaScript töötab. Omades selle abstraktse dokumendiobjekti mudeli praktilisi teadmisi, saate kirjutada JavaScripti, mis töötab igal veebilehel. Loe rohkem (DOM), see on suunatud münditurvalisus-valuuta-vidin klass. See klass on vidina peamine konteiner, nii et see käsk juhendab teie veebibrauserit rakendama selle konkreetse elemendi jaoks järgmisi stiile.

Vidina laiuseks on seatud 33%, mis tagab, et see ei tundu enam venitatud, kui jäetakse vaikesuvandisse (mis on sel juhul 100%).

Lõpuks lisatakse üla- ja alaossa 100-piksline veeris, vasak ja parem saavad veerise auto. See liigutab vidina brauseri ülaosast eemale ja tsentreerib selle horisontaalselt.

Selle vidina kujundamisel pole kaugeltki piiratud. Võib-olla teile meeldib punane tekst või sinine taust? Kuidas oleks vilkuva tekstiga? Taevas on tõesti piir!

Veel müntide lisamine

Nüüd, kui olete põhialused naelutanud, on aeg lisada veel münte. Isegi kui teil on ainult üks münt, on armatuurlaua mitmekesistamisel mitmeid eeliseid.

Nagu lahti reegel (ehkki krüptovaluutade metsikus läänes võib juhtuda midagi), lähevad alt-mündid üles, kui Bitcoin alla läheb, peale selle, kui Bitcoin absoluutselt ära vajub, võtab kõik muu endaga kaasa.

Muude valuutade jälgimisel näete sageli selgelt, et raha voolab ühest ja teisest välja. Kui soovite osta uut mündi, tähendab selle armatuurlauale lisamine, et võite märgata suundumust või päeva madalaimat taset, et osta sooduspakkumine!

Ülaltoodud toimingute abil liikuge edasi ja hankige vidina kood muude valuutade jaoks, mida soovite jälgida. Lihtsalt kleepige need Bitcoini jälgija alla nii:

krüpto armatuurlaud lisab rohkem münte

Te ei vaja seda valuuta.js iga vidina jaoks. Teil on seda vaja ainult üks kord lehe kohta.

Kui laadite juhtpaneeli uuesti, näete, et see ei tundu eriti hea. Kõik mündid on virnastatud vertikaalselt ja nende vahel on suured lüngad! Peate CSS-i muutma, et need vidinad näeksid mitme mündi osas parem välja.

Iga vidinamahu laiust ja marginaali kohandades saate ridadida mitu vidinat horisontaalselt, näiteks järgmiselt:

laius: 23%; marginaal: 10xx 1%; ujuk: vasak;
krüpto armatuurlaua vidin horisontaalselt

Sama CSS-i abil on võimalik virnastada nii palju vidinaid, kui soovite, ehkki peate võib-olla seda umbes 12 vidina järel pisut muutma.

krüptopaneeli vidin on virnastatud

Viimane viimistlus on armatuurlaua automaatne uuesti laadimine, tagades teile alati uusimad hinnad.

Sees pea sildid dokumendi ülaosas, kleepige see metasilt:

See värskendab teie lehte iga X sekundi järel, kus X on sees määratletud sisu. Ülaltoodud kood värskendab lehte iga 60 sekundi järel. Muutke see ükskõik, mida soovite, eeldusel, et sisestate numbri sekundites.

Jäädes mõistlikuks

Nüüd, kui teie krüptovaluuta armatuurlaud on valmis, ei pea te enam kontrollima coinmarketcap.comvõi coinbase.comvõi mis tahes veebisaiti, mida oma ostude jälgimiseks kasutate. Ärge lihtsalt ajage end hulluks, kontrollides hindu iga minut.

Jätke see arvutisse tööle või isegi seadistage see a-le Vaarika Pi ja las see töötab teie koridoris!

Kui soovite vaadata hindu liikvel, siis tutvuge meie juhendiga parimad cryptocurrency Androidi rakendused Nende Androidi rakenduste abil saate oma krüptovaluutas end kursis hoidaVirtuaalse valuutavahetuse ja päevakaubanduse jälgimine võib olla nii lõbus kui ka viis oma kasumi suurendamiseks pärast hea päeva kaevandamist. Loe rohkem ja ärge unustage läbi lugeda ka meie juhend kõik, mida peate teadma enne krüptovaluuta ostmist.

Kas olete ehitanud krüpto armatuurlaua? Kuhu sa oma paigutasid? Andke meile allolevates kommentaarides teada!

Joe on lõpetanud Ühendkuningriigi Lincolni ülikooli arvutiteaduse. Ta on professionaalne tarkvaraarendaja ja kui ta ei lenda droonidega ega kirjuta muusikat, võib teda sageli leida pildistamas või videot tootmas.