Как да направите своя собствена табло за криптовалута

реклама

С всички разговори на разклоняване, измами, уебсайтове, откраднали вашия процесор, за да изкопаят altcoinsи луда колебливост на цените криптовалутите („криптовалути“) със сигурност стават все по-масови.

Ако сте инвестирали или обмисляте да закупите криптовалути, ще ви е необходим начин да следите цените им в реално време. За щастие, можете лесно да си изградите крипто табло, като използвате нищо повече от HTML и CSS Научете HTML и CSS с тези стъпка по стъпка уроциЛюбопитни ли сте за HTML, CSS и JavaScript? Ако смятате, че имате умение да научите как да създавате уеб сайтове от нулата - ето няколко страхотни ръководства стъпка по стъпка, които си струва да опитате. Прочетете още .

Забележка: Закупуването на криптовалути е силно спекулативна инвестиция. Никога не инвестирайте повече, отколкото можете да си позволите, и бъдете готови да загубите всичко за една нощ.

Приготвяме се да започнем

Това табло се захранва от безплатна джаджа, предоставена от coinmarketcap.com. Този отличен уебсайт показва статистики и текущи цени на хиляди криптовалути. Започнете, като изберете вашата валута по избор или въведете монета в съоръжението за търсене в горния десен ъгъл.

След като бъдете избрани, ще бъдете отведени до преглед на монети страница, където са показани различни статистически данни, диаграми и анализи за избраната от вас монета. Насочете се към Инструменти раздел. Тук ще видите готово приспособление, което показва конкретни данни за избраната от вас монета. Чувствайте се свободни да експериментирате с Персонализирайте тази джаджа настройки, но засега основната джаджа е достатъчна. Копирайте кода от Уиджет за уебсайт кутия или дръжте страницата отворена за използване по-късно.

Ето как изглежда кодът на джаджата за Bitcoin:

Независимо дали сте в Bitcoin, Ethereum, вълничка, Dogecoinили всеки друг от 1,000+ алтернатива (алт) налични монети, този процес е абсолютно същият: намерете монета, след това копирайте кода на джаджа.

Ако искате да се интересувате с автоматизация, можете да използвате API Ticker и инструмент за планиране, като например Cron Как да планирате задачи в Linux с Cron и CrontabСпособността за автоматизиране на задачи е една от онези футуристични технологии, които вече са тук. Всеки потребител на Linux може да се възползва от система за планиране и потребителски задачи, благодарение на cron, лесна за използване фонова услуга. Прочетете още да изпълняваш почти всичко, което харесваш. Това е малко извън обхвата на тази статия, но можете да създадете известие по имейл, ако цената падне под определен праг, например.

Създаване на уеб страница

Сега, когато имате джаджа, трябва да създадете основна HTML страница, за да я покажете. Използвайте любимия си текстов редактор, създайте нов HTML файл, наречен dashboard.html.

Ето нужния ви стартов код:

Поставете вашия HTML код на джаджа между тяло тагове. Връщайки се към Bitcoin, целият код изглежда така:

Това е всичко, което има за него. Наистина е толкова просто за да създадете свой собствен табло за криптовалута.

Направете го хубаво

Докато това табло е технически завършено, не е страхотно Джаджата запълва екрана хоризонтално, но не е много висока вертикално. Нека го оформяме каскадни стилови листове 5 бебешки стъпки за научаване на CSS и ставане на Kick-Ass CSS магьосникCSS е единствената най-важна промяна на уеб страниците през последното десетилетие и проправи пътя за разделянето на стила и съдържанието. По модерен начин XHTML определя семантичната структура ... Прочетете още (CSS).

Под заглавие, добави стил етикет:

Вътре в тези стилови тагове е мястото, където ще напишете вашия CSS. Ето какво ви трябва:

.coinmarketcap-Currency-widget {width: 33%; марж: 100px автоматично; }

Този прост CSS прави две неща. Използвайки Модел на обект на документ JavaScript и уеб разработка: Използване на модела на обект на документТази статия ще ви запознае със скелета на документа, с който работи JavaScript. Имайки познания за работата на този абстрактен модел на обект на документ, можете да напишете JavaScript, който работи на всяка уеб страница. Прочетете още (DOM), той е насочен към coinmarketcap валута-джаджа клас. Този клас е основният контейнер за джаджа, така че тази команда инструктира вашия уеб браузър да приложи следните стилове към този конкретен елемент.

Ширината на джаджа е зададена на 33%, което гарантира, че вече не изглежда разтегнат, когато се остави на опцията по подразбиране (което е 100% в този случай).

И накрая, маржът от 100 пиксела се добавя в горната и долната част, като лявата и дясната страна получават марж от Автоматичен. Това премества джаджата от горната част на вашия браузър и хоризонтално го центрира.

Почти няма ограничение до това колко далеч можете да стигнете със стила си на тази джаджа. Може би харесвате червен текст или син фон? Какво ще кажете за мигащ текст? Небето наистина е границата!

Добавяне на още монети

Сега, когато сте забили основите, време е да добавите още монети. Дори и да притежавате само една монета, диверсифицирането на таблото ви има няколко предимства.

Като свободно правило (въпреки че в дивия запад на криптовалутите може да се случи каквото и да било), alt монетите се покачват, когато Bitcoin се спуска, с изключение на случаите, когато Bitcoin абсолютно потъне, той взема всичко друго със себе си.

Наблюдавайки други валути, често можете ясно да видите, че парите изтичат от една и в друга. Ако търсите да закупите нова монета, добавянето й на таблото за управление означава, че евентуално можете да забележите тенденция или ежедневно ниско ниво, за да извлечете сделка!

Използвайки стъпките по-горе, продължете напред и вземете кода на джаджата за всяка друга валута, която искате да проследите. Просто ги поставете под биткойн тракера така:

Нямате нужда от това currency.js за всяка джаджа. Трябва ви само веднъж на страница.

Ако презаредите таблото си за управление, ще видите, че не изглежда много добре. Всички монети са подредени вертикално и между тях има огромни пропуски! Ще трябва да модифицирате CSS, за да изглеждат по-добре тези джаджи за няколко монети.

Чрез коригиране на ширината и полето на всеки контейнер на джаджи можете да подредите няколко приспособления хоризонтално, като този:

ширина: 23%; марж: 10px 1%; плувка: вляво;

С помощта на същия този CSS е възможно да стекирате колкото се може повече джаджи, въпреки че може да се наложи да го промените леко след около 12 джаджа.

Едно последно довършително докосване е автоматичното презареждане на таблото, което гарантира, че винаги имате най-новите цени.

Вътре в глава тагове в горната част на вашия документ, поставете този мета маркер:

Това ще опреснява вашата страница на всеки X секунди, където X е посочен вътре съдържание. Кодът по-горе ще опреснява страницата на всеки 60 секунди. Променете това на всичко, което искате, при условие че въведете номера за секунди.

Да останем здрави

Сега, когато таблото ви за криптовалута е завършено, вече не е нужно да проверявате coinmarketcap.com, или coinbase.comили какъвто и да е уебсайт, който използвате за наблюдение на вашите покупки. Просто не се подлудявайте, като проверявате цените всяка минута.

Оставете го да работи на вашия компютър или може би дори го настройте на a Raspberry Pi и го пуснете в коридора си!

Ако искате да проверите цените в движение, разгледайте нашето ръководство за най-добрите приложения за криптовалута Android Бъдете в течение на вашата криптовалута с тези приложения за AndroidПроследяването на промяната на виртуалната валута и дневната търговия може да бъде забавно и начин да увеличите печалбите си след изкопаването на добър ден. Прочетете още , и не забравяйте да прочетете нашето ръководство за всичко, което трябва да знаете, преди да купите криптовалута.

Изградили ли сте крипто табло? Къде си поставил своето? Уведомете ни в коментарите по-долу!