Kā izveidot savu Cryptocurrency informācijas paneli

Reklāma

Ar visām sarunām par dakša, izkrāpšanu, vietnes, kas zog jūsu centrālo procesoru, lai noraktu altcoinus, un traks cenu svārstīgums, kriptovalūtas (“kriptonauda”) noteikti kļūst par vispārpieņemtu cenu.

Ja esat veicis ieguldījumus vai apsverat kriptovalūtu iegādi, jums būs nepieciešams veids, kā reāllaikā uzraudzīt to cenas. Par laimi, jūs varat viegli izveidot sev šifrēšanas paneli, izmantojot tikai neko citu HTML un CSS Uzziniet HTML un CSS, izmantojot šīs soli pa solim apmācībasVai vēlaties uzzināt par HTML, CSS un JavaScript? Ja domājat, ka jums ir zināšanas par to, kā iemācīties izveidot vietnes no nulles - šeit ir dažas lieliskas soli pa solim apmācības, kuras vērts izmēģināt. Lasīt vairāk .

Piezīme: Kriptovalūtu pirkšana ir ļoti spekulatīvs ieguldījums. Nekad neieguldiet vairāk, nekā varat atļauties, un esiet gatavi to visu pazaudēt vienas nakts laikā.

Darba sākšana

Šo informācijas paneli darbina bezmaksas logrīks, kuru nodrošina coinmarketcap.com. Šī lieliskā vietne parāda statistiku un tūkstošu kriptovalūtu pašreizējās cenas. Sāciet, izvēloties izvēlēto valūtu, vai ievadot monētu meklēšanas mehānismā augšējā labajā stūrī.

Pēc atlasīšanas jūs tiksit novirzīts uz monētu pārskats lapa, kurā tiek parādīta dažāda statistika, diagrammas un analītika par jūsu izvēlēto monētu. Dodieties tālāk uz Rīki cilne. Šeit redzēsit gatavu logrīku, kurā parādīti konkrēti dati par jūsu izvēlēto monētu. Jūtieties brīvi eksperimentēt ar Pielāgojiet šo logrīku iestatījumus, taču pagaidām pietiek ar pamata logrīku. Kopējiet kodu no Vietnes logrīks lodziņā vai atstājiet lapu atvērtu izmantošanai vēlāk.

Logrīka kods Bitcoin izskatās šādi:

Neatkarīgi no tā Bitcoin, Ethereum, Ripple, Dogecoinvai jebkuru citu no 1000+ alternatīva Pieejamās (alt) monētas, šis process ir tieši tāds pats: atrodiet monētu, pēc tam nokopējiet logrīka kodu.

Ja vēlaties izdomāt automātiku, varat izmantot API birzs un plānošanas rīks, piemēram, Krons Kā plānot uzdevumus operētājsistēmā Linux ar Cron un CrontabSpēja automatizēt uzdevumus ir viena no tām futūristiskajām tehnoloģijām, kas jau pastāv šeit. Ikviens Linux lietotājs var gūt labumu no plānošanas sistēmas un lietotāja uzdevumiem, pateicoties cron, kas ir ērti lietojams fona pakalpojums. Lasīt vairāk izpildīt gandrīz jebko, kas jums patīk. Tas nedaudz pārsniedz šī raksta darbības jomu, taču, ja, piemēram, cena nokrītas zem noteikta sliekšņa, jūs varat izveidot brīdinājumu pa e-pastu.

Vietnes izveidošana

Tagad, kad jums ir logrīks, jums jāizveido HTML pamata lapa, lai to parādītu. Izmantojot savu iecienīto teksta redaktoru, izveidojiet jaunu HTML failu ar nosaukumu informācijas panelis.html.

Šis ir nepieciešamais sākuma kods:

Ielīmējiet HTML logrīka kodu starp ķermenis tagi. Atgriežoties pie Bitcoin, viss kods izskatās šādi:

Tas ir viss, kas tam ir. Tā tas tiešām ir tik vienkārši lai izveidotu savu kriptovalūtas informācijas paneli.

Padarīt to diezgan

Kamēr šis informācijas panelis ir tehniski pabeigts, tas nav lieliski. Logrīks aizpilda ekrānu horizontāli, bet nav vertikāli ļoti augsts. Izveidosim to ar kaskādes stila lapas 5 mazuļa darbības CSS apgūšanā un kļūšanā par Kick-Ass CSS burviCSS ir vienīgās vissvarīgākās pārmaiņas tīmekļa lapas, kuras redzētas pēdējā desmitgadē, un tas pavēra ceļu stila un satura nodalīšanai. Mūsdienu veidā XHTML definē semantisko struktūru ... Lasīt vairāk (CSS).

Zem nosaukums, pievienojiet a stils tags:

Šajos stila tagos atradīsit savu CSS. Lūk, kas jums nepieciešams:

.coinmarketcap-currency-widget {platums: 33%; rezerve: 100 pikseļi auto; }

Šajā vienkāršajā CSS ir divas lietas. Izmantojot Dokumenta objekta modelis JavaScript un tīmekļa izstrāde: dokumenta objekta modeļa izmantošanaŠis raksts jūs iepazīstinās ar dokumentu skeletu, ar kuru darbojas JavaScript. Kam ir zināšanas par šo abstrakto dokumentu objekta modeli, jūs varat rakstīt JavaScript, kas darbojas jebkurā tīmekļa lapā. Lasīt vairāk (DOM), tā mērķis ir Coinmarketcap-valūtas logrīks klase. Šī klase ir logrīka galvenais konteiners, tāpēc šī komanda uzdod jūsu tīmekļa pārlūkprogrammai piemērot šim stilam šādus stilus.

Logrīka platums ir iestatīts uz 33%, kas nodrošina, ka pēc noklusējuma opcijas (kas šajā gadījumā ir 100%) vairs neizskatās izstiepts.

Visbeidzot, augšpusē un apakšā tiek pievienota 100 pikseļu rezerve, no kreisās un labās puses iegūstot rezervi auto. Tas pārvieto logrīku prom no pārlūka augšdaļas un horizontāli centrē to.

Gandrīz nav nekādu ierobežojumu, cik tālu jūs varat doties, izstrādājot šo logrīku. Varbūt jums patīk sarkans teksts vai zils fons? Kā būtu ar mirgojošu tekstu? Debesis tiešām ir robeža!

Pievienojot vairāk monētu

Tagad, kad esat pavirši pamatus, ir pienācis laiks pievienot vairāk monētu. Pat ja jums pieder tikai viena monēta, informācijas paneļa dažādošanai ir vairākas priekšrocības.

Kā vaļīgs noteikums (lai gan jebko var notikt kriptovalūtu savvaļas rietumos), alt monētas iet uz augšu, kad Bitcoin nokrītas, izņemot gadījumus, kad Bitcoin absolūti nogrimst, tas ņem visu pārējo.

Pārraugot citas valūtas, jūs bieži vien varat skaidri redzēt, ka nauda izplūst no vienas un uz otru. Ja vēlaties iegādāties jaunu monētu, tās pievienošana informācijas panelim nozīmē, ka, iespējams, varat pamanīt tendenci vai dienas zemāko cenu, lai iegūtu izdevīgu cenu!

Veicot iepriekš norādītās darbības, dodieties uz priekšu un iegūstiet logrīka kodu visām citām valūtām, kuras vēlaties izsekot. Vienkārši ielīmējiet tos zem Bitcoin izsekotāja, piemēram:

Jums nav nepieciešams valūta.js katram logrīkam. Jums tas ir nepieciešams tikai vienu reizi lapā.

Ja atkārtoti ielādējat informācijas paneli, redzēsit, ka tas neizskatās ļoti labi. Visas monētas ir sakrautas vertikāli, un starp tām ir milzīgas spraugas! Jums būs jāmaina CSS, lai šie logrīki vairāk izskatās pēc monētām.

Pielāgojot katra logrīka konteinera platumu un malu, vairākus logrīkus var sakārtot horizontāli, piemēram:

platums: 23%; rezerve: 10 pikseļi 1%; pludiņš: pa kreisi;

Izmantojot šo CSS, ir iespējams sakraut tik daudz logrīku, cik vēlaties, lai gan jums tas varētu būt nedaudz jāmaina pēc apmēram 12 logrīkiem.

Pēdējais pēdējais pieskāriens ir panākt, lai informācijas panelis automātiski tiktu atkārtoti ielādēts, nodrošinot vienmēr jaunākās cenas.

Iekšpusē galva tagus dokumenta augšpusē, ielīmējiet šo meta tagu:

Tas atsvaidzinās jūsu lapu ik pēc X sekundēm, kur X ir norādīts iekšpusē saturs. Iepriekš norādītais kods tiks atsvaidzināts ik pēc 60 sekundēm. Mainiet to uz jebkuru, kas jums patīk, ja ievadāt numuru sekundēs.

Uzturas saprāts

Tagad, kad jūsu kriptovalūtas informācijas panelis ir pabeigts, jums vairs nav jāpārbauda coinmarketcap.com, vai coinbase.comvai jebkurā vietnē, kuru izmantojat pirkumu uzraudzībai. Nevajag sevi tracināt, katru minūti pārbaudot cenas.

Atstājiet to darboties datorā vai varbūt pat iestatiet to uz Aveņu Pi un lai tas darbojas jūsu gaitenī!

Ja vēlaties pārbaudīt cenas pārvietojoties, tad apskatiet mūsu ceļvedi labākās kriptovalūtas Android lietotnes Sekojiet jaunākajiem datiem par savu kriptovalūtu, izmantojot šīs Android lietotnesSekot līdzi virtuālajai valūtas maiņai un dienas tirdzniecībai var būt gan jautri, gan veids, kā palielināt savu peļņu pēc labas dienas ieguves. Lasīt vairāk un neaizmirstiet izlasīt mūsu ceļvedi viss, kas jums jāzina pirms kriptovalūtas pirkšanas.

Vai esat uzbūvējis šifrēšanas paneli? Kur jūs ievietojāt savu? Paziņojiet mums komentāros zemāk!