|
היי חברה.
ברצוני לשתף אתכם במשהו שעשיתי....
כידוע יש עשרות אם לא אלפים של ערכות נושא לאייפון. לפעמים קשה לבחור אחד שיתאים לכם.
הערכות היותר "מושקעות" עובדות על סקריפטים (scripts) שמנצלים את היכולות של מערכת ההפעלה של האייפון.
אני לקחתי את הבסיס של כמה סקריפטים כאלה עם תמונות וחלקים מערכות מסוימות.
וכמו כן כתבתי סקריפט אחד בעצמי (בנוי על בסיס מWIKIPEDIA) ובניתי ערכה שלדעתי דיי מגניבה.
אני אכתוב פה כיצד להטמיע את הערכת הזו וכיצד לשנות את ההגדרות בסקריפטים לפי מה שאתם רוצים.
הערכה מכילה "רקעים מתחלפים על פי תזמון של 20 שניות, WIDGETS של המזג אוויר, לוח שנה ושעון ועוד".
נתחיל מתמונות ונעבור לשלבים של ההתאמה לצרכים שלכם.




[ATTACH]798[/ATTACH]
[ATTACH]797[/ATTACH]
[ATTACH]796[/ATTACH]
[ATTACH]795[/ATTACH]
[ATTACH]794[/ATTACH]
או-קי.
אחרי שראיתם את התמונות והתרשמתם.
עכשיו הגיע זמן העבודה.
חלק א':
אני אצא מנקודת הנחה שכולם יודעים להשתמש בWINSCP ודומיו.
וכמובן את הערכה יש להעביר ל:
[CODE]/Library/Themes[/CODE]
עכשיו יש דברים שתרצו לשנות (כמובן).
נתחיל מהרקעים המתחלפים.
בשביל זה כבר כתבתי סקריפט שבניתי על בסיס שלקחתי מהוויקיפדיה:
לא, זה לא זולל סוללה
זה לא סרטון
אלא רק תמונות מתחלפות ב-INTERVAL שאתה קובע....
את הקוד ותמונות כבר הטמעתי בערכה שהעלתי פה עבורכם אבל הנה פירוט מה צריך לעשות אם תרצו לעשות שינויים משלכם.
אז כל מה שאתם צריכים לעשות זה ככה:
שלב 1
לקחת את הקוד ומתוך הערכה שהעליתי (הקוד מוטמע בתוך הקובץ שנקרא wallpaper.html לשמור אותו על שולחן העבודה שלכם ולתת לו את השם
פתחו אותו בעזרת כתבן או notepad ++ הוא יראה כך:
קוד:
[CODE]
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<style>
body {
background-color: black;
margin: 0;
padding: 0;
height: 480px;
width: 320px;
}
img {
-webkit-transition-property: opacity;
-webkit-transition-duration: 3s;
position: absolute;
width: 320px;
height: auto;
}
img.fade-out {
opacity: 0;
}
img.fade-in {
opacity: 1;
}
</style>
</head>
<body style="color: black">
<img src="/wallpaper/wallpaper.png"/>
<img src="/wallpaper/wallpaper1.png"/>
<img src="/wallpaper/wallpaper2.png"/>
<img src="/wallpaper/wallpaper3.png"/>
<img src="/wallpaper/wallpaper4.png"/>
<img src="/wallpaper/wallpaper5.png"/>
<img src="/wallpaper/wallpaper6.png"/>
<img src="/wallpaper/wallpaper7.png"/>
<img src="/wallpaper/wallpaper8.png"/>
<img src="/wallpaper/wallpaper9.png"/>
<img src="/wallpaper/wallpaper10.png"/>
<img src="/wallpaper/wallpaper11.png"/>
<img src="/wallpaper/wallpaper12.png"/>
<img src="/wallpaper/wallpaper13.png"/>
<img src="/wallpaper/wallpaper14.png"/>
<img src="/wallpaper/wallpaper15.png"/>
<img src="/wallpaper/wallpaper16.png"/>
<img src="/wallpaper/wallpaper17.png"/>
<img src="/wallpaper/wallpaper18.png"/>
<img src="/wallpaper/wallpaper19.png"/>
<img src="/wallpaper/wallpaper20.png"/>
<img src="/wallpaper/wallpaper21.png"/>
<img src="/wallpaper/wallpaper22.png"/>
<script>
//
// Displays each <img> once in random order before
// randomizing the list again.
// Just add an <img> tag with your filename to add a pic,
// and change interval to control the cycle speed.
var interval = 1 * 20; // Seconds between change
var images = document.getElementsByTagName("img");
var imageArray = [];
var imageCount = images.length;
var current = 0;
var randomize = function(){
return (Math.round(Math.random() * 3 - 1.5));
}
for(var i = 0; i < imageCount; i++){
images[i].className = 'fade-out';
imageArray[i] = images[i];
}
imageArray.sort(randomize);
var fade = function(){
imageArray[current++].className = 'fade-out';
if(current == imageCount){
current = 0;
imageArray.sort(randomize);
}
imageArray[current].className = 'fade-in';
setTimeout(fade, interval * 1000);
};
fade();
</script>
</body></html>
[/CODE]
שלב 2
ליצור תקיה על שולחן העבודה שלכם בשם wallpaper ולשים בתוכה את כל התמונות שאתם רוצים כרקע לערכת נושא
** בצעו חיפוש בגוגל IMAGE לפי ערך IPHONE WALLPAPER ותמצאו מאות תמונות.
שלב 3
להחליף את הקוד שלי במה שמתאים לכם.
אתם תצטרכו לערוך את קוד הHTML אני מאוד ממליץ לכולם להתקין את NOTEPADD++ החינמית לעריכה
פתחו את הקובץ wallpaper.html
וחפשו את החלק שרשום:
קוד:
[CODE]
<img src="/wallpaper/Wallpaper.png"/>
<img src="/wallpaper/Wallpaper1.png"/>
<img src="/wallpaper/Wallpaper2.png"/>
<img src="/wallpaper/Wallpaper3.png"/>
<img src="/wallpaper/Wallpaper4.png"/>
<img src="/wallpaper/Wallpaper5.png"/>
<img src="/wallpaper/Wallpaper6.png"/>
<img src="/wallpaper/Wallpaper7.png"/>
<img src="/wallpaper/Wallpaper8.png"/>
<img src="/wallpaper/Wallpaper9.png"/>
<img src="/wallpaper/Wallpaper10.png"/>
[/CODE]
שלב 4
בחלק הזה מחקו שורות שאתם לא צריכים
לדוג אצלי יש 10 תמונות
אתם יכולים לשים כמה שבא לכם
לצרכי נוחות בלבד נתתי את השמות wallpaper1 וכן הלאה
שימו לב שהכל מופנה לתיקיה בשם wallpaper שיצרנו קודם לכן
שורה אחת למטה אחרי הקוד הזה יש את השורה:
שלב 5
קוד:
[CODE]
var interval = 4 * 20
[/CODE]
שנו את הערך הזה רק אם בא לכם
זה סך הכל אומר כל כמה שניות להחליף תמונה
במקרה של מה שהכנתי זה אומר להחליף רקע כל 20 שניות.
ניתן לשנות את זה ליותר מזה אם תרצו.
אני אומר תשאירו את זה ככה ואל תגעו
שלב 6
*** למי שלא עובד לו שישנה את שם הקובץ wallpaper.html ל-backround.html
*** שימו לב שאתם שמים דגש על caps אם אתם מפנים לנתיב שלא קיים זה לא יעבוד לכן, שימו לב שאתם משנים את השמות של הקבצים אתם משנים בהתאם בקוד.
שמרו הכל ונעבור לשלב הבא בערכה.
חלק ב':
בתוך תקית הערכה בנתיב הבר:
[CODE]\Widgets\Configs[/CODE]
יש 3 קבצים:
Calendar-Config.js
SB-Config.js
Weather-Config.js
3 הקבצים הנל הם הראשיים של הערכה ובעזרתם ניתן לשנות ערכים לפי דרישותינו.
הדבר הראשון שתרצו באופן וודאי לשנות הוא את מיקום האייפון שלכם - העיר ששמה יופיע מתחת לשעון ומזג האוויר ישתנה בהתאם.:
יש לפתוח את הקובץ
[CODE]Weather-Config.js[/CODE]
בעזרת כתבן או notepad ++ ואתם תראו את השורה הזו :
[CODE]var locale = "USTX1060" /* USTX1060*/[/CODE]
תצטרכו לשנות את הקוד של העיר לעיר בה אתם מתגוררים.
בשביל לדעת את קוד העיר שלכם ניתן למצוא באתר:
Weather Location Codes
או-קי אז עכשיו יש לכם את הקוד.
יש להחליף את הקוד בקובץ המקורי בקוד שלכם:
מה שיהיה במקור הוא:
[CODE]USTX1060[/CODE]
שמרו וסגרו את הקובץ.
אם ברצונכם להחליף את המעלות בין צ'לזיוס לפרנהייט וחוזר חלילה יש לשנות את הערך:
[CODE]var isCelsius = true[/CODE]
true- משמע צ'לזיוס יופיע.
false - משמע פרנהייט
למי שיש דרישות מסוימות כמו שעון 24 שעות עיר מסוימת או כל דבר שעולה לכם בראש אנא תגיבו ואני אמצא את המיקום ומה לשנות....
אני מודע שהערכה הזו היא מורכבת אבל חברה - בשביל להנות צריך להשקיע
כמו כן דבר אחרון....
אני אישית כבר שיניתי בסקריפטים את הbadge (האייקון כשאתם מקבלים אימייל או אינדיקציה להודעה חדשה) את הצבע לשחור עם כיתוב של אדום.
בשביל לשנות לאיזה צבע שאתם רוצים או לשקוף שלא יראו בכלל יש צורך לשנות את הערך:
[CODE]<key>BadgeStyle</key>
<string>color: red</string>[/CODE]
כפי שאתם רואים אצלי זה אדום.
אם אתם רוצים שקוף שנו ל:
[CODE]transparent[/CODE]
או כל צבע אחר שתרצו.
שלב ג':
העבירו את הערכה אל:
[CODE][CODE]/Library/Themes[/CODE]
[/CODE]
הכנסו לwinterboard הפעילו את הערכה וזהו...
תהנו
אהבתם, מגניב תגיבו
לא אהבתם שמרו את זה לעצמכם
חחחח
לנוחיותכם הכנתי כבר הכל - ניתן להוריד את הערכה המלאה מכאן:
לחץ עלי!!!
יש לחלץ את הערכה בעזרת winrar
הערכה שוקלת בקרוב ל70 מגה.
שלכם תמיד :
M.a.S.e
|