פרסומת

עם כל השיחות של מזלג, הונאות, אתרים שגונבים את המעבד שלך לכריית altcoins, ותנודתיות מחיר מטורפת, cryptocururrency ("crypto") בהחלט הופכות למיינסטרים יותר.

אם השקעת או שוקל לרכוש cryptocurrencies כלשהו, ​​תצטרך דרך לפקח על המחירים שלהם בזמן אמת. למרבה המזל, אתה יכול בקלות לבנות לעצמך לוח מחוונים להצפנה באמצעות לא יותר מאשר HTML ו- CSS למד HTML ו- CSS בעזרת הדרכות שלב אחר שלבהאם אתה סקרן HTML, CSS ו- JavaScript? אם אתה חושב שיש לך כשרון ללמוד כיצד ליצור אתרים מאפס - הנה כמה הדרכות שלב אחר שלב שכדאי לנסות. קרא עוד .

פתק: רכישת cryptocururrency היא השקעה ספקולטיבית ביותר. לעולם אל תשקיע יותר ממה שאתה יכול להרשות לעצמך, והיה מוכן לאבד את כל הלילה.

מתחילים

לוח מחוונים זה מופעל באמצעות ווידג'ט חינמי המסופק על ידי coinmarketcap.com. אתר מצוין זה מציג נתונים סטטיסטיים ומחירים שוטפים של אלפי מטבעות cryptocurrencies. התחל בבחירת המטבע שבחרת, או על ידי הזנת מטבע למתקן החיפוש בפינה השמאלית העליונה.

לוח מחוונים קריפטו ב- CoinMarketCap

לאחר שנבחר, תועבר ל סקירת מטבעות בדף בו מוצגים נתונים סטטיסטיים, טבלאות ואנליטיקה לגבי המטבע שבחרת. המשך אל הכביש

instagram viewer
כלים כרטיסייה. כאן תוכל לראות ווידג'ט מוכן המציג נתונים ספציפיים על המטבע שבחרת. אל תהסס להתנסות ב התאם אישית יישומון זה הגדרות, אך לעת עתה, הווידג'ט הבסיסי מספיק. העתק את הקוד מה - יישומון לאתר קופסא או שמור את הדף פתוח לשימוש בהמשך.

כך נראה קוד ה- widget עבור ביטקוין:

אם אתה נמצא ביטקוין, אתרום, אדווה, כלב, או כל אחד מבין 1,000+ אלטרנטיבה (alt) מטבעות זמינים, תהליך זה זהה לחלוטין: מצא מטבע ואז העתק את קוד הווידג'ט.

אם אתה רוצה להיות מפואר עם אוטומציה, אתה יכול להשתמש ב- ממשק API וכלי תזמון כגון קראון כיצד לתזמן משימות בלינוקס עם Cron ו- Crontabהיכולת להפוך משימות לאוטומטיות היא אחת מאותן טכנולוגיות עתידניות שכבר קיימות כאן. כל משתמש לינוקס יכול להפיק תועלת מתזמון מערכות ומשימות משתמש, בזכות cron, שירות רקע קל לשימוש. קרא עוד לבצע כמעט כל דבר שתרצה. זה קצת מעבר לתחום של מאמר זה, אבל אתה יכול ליצור התראה בדוא"ל אם המחיר יורד מתחת לסף מסוים, למשל.

בניית דף האינטרנט

עכשיו כשיש לך את הווידג'ט, עליך ליצור דף HTML בסיסי כדי להציג אותו. בעזרת עורך הטקסט המועדף עליך, צור קובץ HTML חדש בשם לוח המחוונים.html.

הנה קוד המתנע הדרוש לך:

לוח מחוונים קריפטו

הדבק את קוד יישומון ה- HTML שלך בין גוף תגיות. כשחוזרים לביטקוין, כל הקוד נראה כך:

לוח מחוונים קריפטו
יישומון לוח מחוונים קריפטו

זה כל מה שיש בזה. זה באמת זה פשוט ליצור לוח מחוונים של cryptocurrency משלך.

עושה את זה יפה

ואילו לוח המחוונים הזה הוא באופן טכני סיים, זה לא נהדר. הווידג'ט ממלא את המסך בצורה אופקית, אך אינו גבוה במיוחד אנכית. בואו לתכנן את זה גיליונות סגנון מדורגים 5 שלבים לתינוק ללמוד CSS ולהפוך למכשף CSS בעיטה בתחתCSS הוא דפי האינטרנט החשובים ביותר שראינו בעשור האחרון, והוא סלל את הדרך להפרדת הסגנון והתוכן. באופן המודרני, XHTML מגדיר את המבנה הסמנטי ... קרא עוד (CSS).

מתחת ל כותרת, הוסף סגנון תגית:

בתוך תגי סגנון אלה אתה יכול לכתוב את CSS שלך. הנה מה שאתה צריך:

.coinmarketcap-currency-widget {רוחב: 33%; שוליים: 100 פיקסלים אוטומטיים; }
יישומון לוח מחוונים קריפטו עם CSS

CSS הפשוט הזה עושה שני דברים. משתמש ב דגם אובייקט מסמך JavaScript ופיתוח אתרים: שימוש במודל אובייקט המסמךמאמר זה יכיר לך את שלד המסמך שאיתו JavaScript עובד. לאחר היכרות מעמיקה עם מודל אובייקט מופשט זה, אתה יכול לכתוב JavaScript שעובד בכל דף אינטרנט. קרא עוד (DOM), זה מכוון ל מטבע מטבע-מטבע מעמד. מחלקה זו היא המיכל העיקרי של הווידג'ט, לכן פקודה זו מורה לדפדפן האינטרנט שלך להחיל את הסגנונות הבאים על אותו אלמנט מסוים.

רוחב הווידג'ט מוגדר כ- 33%, מה שמבטיח שהוא כבר לא נראה מתוח כאשר הוא נשאר באפשרות ברירת המחדל (שהיא 100% במקרה זה).

לבסוף, מרווח של 100 פיקסלים מתווסף לראש ולמטה, כאשר השמאל והימין מקבלים מרווח של אוטומטי. זה מרחיק את הווידג'ט מהחלק העליון של הדפדפן ומרכז אותו אופקית.

אין כמעט גבול עד כמה רחוק אתה יכול ללכת עם עיצובך של הווידג'ט הזה. אולי אתה אוהב טקסט אדום או רקע כחול? מה לגבי טקסט מהבהב? השמיים הם באמת הגבול!

הוספת מטבעות נוספים

עכשיו לאחר שתיימר את היסודות, הגיע הזמן להוסיף עוד מטבעות. גם אם יש לך מטבע אחד בלבד, לגיוון לוח המחוונים יש כמה יתרונות.

כ כלל משוחרר (למרות שכל דבר יכול לקרות במערב הפרוע של cryptocururrency), מטבעות alt עולים כאשר הביטקוין יורד, מלבד כאשר הביטקוין לחלוטין שוקע, הוא לוקח את כל השאר איתו.

על ידי פיקוח על מטבעות אחרים, לעתים קרובות אתה יכול לראות בבירור שכסף זורם מהאחד לתוכו. אם אתה מחפש לרכוש מטבע חדש, הוספתו למרכז השליטה שלך פירושה שאתה יכול לאתר מגמה או שפל יומי כדי להשיג מציאה!

השתמש בשלבים שלמעלה וקבל את קוד הווידג'ט עבור כל המטבעות האחרים שאתה רוצה לעקוב אחר. פשוט הדביקו אותם מתחת לגשש הביטקוין כך:

לוח מחוונים קריפטו להוסיף עוד מטבעות

אתה לא צריך את זה currency.js עבור כל יישומון. אתה צריך את זה פעם אחת בלבד בכל עמוד.

אם אתה טוען מחדש את לוח המחוונים שלך, אתה תראה שהוא לא נראה טוב במיוחד. כל המטבעות נערמים אנכית, ויש פערים עצומים ביניהם! תצטרך לשנות את ה- CSS כדי שהגדג'טים האלה ייראו טוב יותר עבור מטבעות מרובים.

על ידי התאמת הרוחב והמרווח של כל מיכל יישומונים, באפשרותך ליישר קו יישומונים מרובים אופקית, כך:

רוחב: 23%; מרווח: 10px 1%; לצוף: שמאל;
יישומון לוח המחוונים של קריפטו אופקי

באמצעות CSS זהה, ניתן לערום כמה ווידג'טים שתרצו, אם כי ייתכן שתצטרך לשנות אותו מעט לאחר כ -12 ווידג'טים.

יישומון לוח מחוונים קריפטו מוערם

נגיעה אחת אחרונה בגימור היא לגרום ללוח המחוונים לטעון מחדש אוטומטית, להבטיח שתמיד יש לך את המחירים העדכניים ביותר.

בתוך ה ראש תגים בראש המסמך, הדבק מטא תג זה:

פעולה זו תרענן את העמוד שלך כל X שניות, כאשר X מוגדר בפנים תוכן. הקוד שלמעלה ירענן את הדף כל 60 שניות. שנה את זה לכל מה שתרצה, בתנאי שתזין את המספר בשניות.

להישאר שפוי

כעת, לאחר שלוח המחוונים של ה- cryptocurrency כבר אינך צריך לבדוק coinmarketcap.com, או coinbase.com, או כל אתר שאתה משתמש בו כדי לעקוב אחר הרכישות שלך. פשוט אל תשגע את עצמך על ידי בדיקת המחירים בכל דקה.

השאר אותו פועל במחשב שלך, או אולי אפילו הגדר אותו ב- פאי פטל ושהוא יפעל במסדרון שלך!

אם אתה מחפש לבדוק מחירים תוך כדי תנועה, עיין במדריך שלנו אליו האפליקציות הטובות ביותר לאפליקציות אנדרואיד של cryptocurrency הישאר מעודכן בקריפטו-מטבע שלך עם אפליקציות אנדרואיד אלהמעקב אחר שינוי מטבע וירטואלי וסחר יומי יכול להיות כיף, וגם דרך להגדיל את הרווחים שלך לאחר כריית יום טוב. קרא עוד , ואל תשכחו לקרוא את המדריך שלנו בנושא כל מה שאתה צריך לדעת לפני שאתה קונה cryptocurrency.

בנית לוח מחוונים להצפנה? היכן מיקמת את שלך? ספר לנו בתגובות למטה!

ג'ו הוא בוגר מדעי המחשב מאוניברסיטת לינקולן, בריטניה. הוא מפתח תוכנה מקצועי, וכאשר הוא לא טס מל"טים או כותב מוסיקה, לעתים קרובות ניתן למצוא אותו בצילום או בהפקת סרטונים.