Sat, 19 May 2012 07:42:33 +0000 1800 Israeli Support Forum -איחסון בחינם -פורום התמיכה הישראליTutorials RSS [b]שלב א' - הוספת מסגרת בסיסית.[/b]
היכנסו ללוח הבקרה [Read more]]]> [b]שלב א' - הוספת מסגרת בסיסית.[/b]
היכנסו ללוח הבקרה למנהלים -> סגנונות ועיצוב -> ניהול גיליון CSS -> ערוך
חפשו את הפונקציה : #ipbwrapper והוסיפו בתוכה את הקוד הבא :[HTML]border: 2px solid #000;[/HTML]
אתם יכולים לשנות בקוד הזה את העובי של המסגרת (2px) או את צבע המסגרת(#000)
זהו, יש לכם מסגרת!
[/right][right]
[/right][right][b]שלב ב' - אפקט עיגול מסגרת.[/b]
הוסיפו מתחת לborder: 2px solid #000; את הקוד הבא :
[HTML]-moz-border-radius: 20px;webkit-border-radius: 20px;border-radius: 20px;[/HTML]
גם פה תוכלו לשנות, אבל הפעם את גודל העיגול, ככול שה20px יותר גדול, העיגול יותר גדול.

[/right][right][b]שלב ג' - אפקט צל[/b]
הוסיפו מתחת לborder-radius: 20px; את הקוד הבא :[HTML]-moz-box-shadow: 0 0 5px 5px #888;-webkit-box-shadow: 0 0 5px 5px#888;box-shadow: 0 0 5px 5px #888;[/HTML]
תהנו!


[/right][/size][/font]]]> Mon, 07 Mar 2011 18:46:29 +0000
למרבה הצער, ההבנה שאנחנו לא ח [Read more]]]>
למרבה הצער, ההבנה שאנחנו לא חיים בעולם מושלם נכונה גם לאינטרנט. אתרים רבים, גם כאלה שהם פופולריים מאוד ומשמשים אותנו באופן יומיומי, מציגים לפעמים ממשק לא נוח, עמוסים במידע מיותר או חסרים תכונות פשוטות שהיו יכולות לשפר בקלות את הגלישה בהם. כאן נכנס לפעולה "גריזמנקי" (greasemonkey) - תוסף לפיירפוקס שנוצר בדיוק בשביל המטרה הזו.

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

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


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


התקנה ותפעול





קודם כל יש להוריד ולהתקין את התוסף מהאתר של מוזילה (https://addons.mozilla.org/en-US/firefox/addon/748/). ההתקנה פשוטה, כמו התקנת כל תוסף אחר בפיירפוקס.

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

[img]http://www.calcalist.co.il/PicServer2/20122005/104743/Greasemonkey1_h.jpg[/img]
התפריט של גריזמנקי





בתפריט תוכלו גם לנהל את רשימת הסקריפטים המותקנים דרך Manage User Scripts. שם ניתן לבטלם, להסירם לחלוטין ואפילו להוסיף להם כתובות אתרים חדשות (רק אם אתם יודעים מה אתם עושים). בסקריפטים מתקדמים לפעמים ניתן לבחור בתפריט את User Script Commands ומשם לגשת לתפריט של הסקריפט.


בהפעלה הראשונה תוצג ההודעה no script installed בכל האתרים. כדי לשנות זאת, אחרי ההתקנה גלשו לאתר User Scripts (http://userscripts.org/), המאגד בתוכו את מרבית הסקריפטים הקיימים, וחפשו סקריפטים המיועדים לאתרים שאתם רוצים לשפר.
אחרי שמצאתם את הסקריפט שאתם רוצים להתקין, היכנסו לעמוד שלו ולחצו על כפתור ה-Install. בחלון שנפתח הקליקו שוב על Install, וזהו. כל מה שצריך לעשות כעת הוא להיכנס לאתר המבוקש ולראות את התוצאות.

לשם הדגמת היכולות של גריזמנקי אספנו בעבורכם כמה סקריפטים לאתרים מוכרים.
[img]http://www.calcalist.co.il/PicServer2/20122005/104785/GM_l.jpg[/img]
ממשק ניהול הסקריפטים

ג'ימייל: להיפטר ממודעות, לארגן את סדר היום

* הסקריפט "Gmail Without Ads (http://userscripts.org/scripts/show/37693)!" מוריד את כל הפרסומות ומפנה את החלל שהן תפסו עד כה.

* עם "Gmail Sound Notify"(http://userscripts.org/scripts/show/63100) תקבלו מעכשיו צליל התראה ברגע שתקבלו אימייל חדש.

* בשביל יעילות גבוהה יותר בארגון סדר היום שלכם, "Gmail Agenda"(http://userscripts.org/scripts/show/24877) משלב לכם את שירות Google Calendar ישר לתוך הדואר האלקטרוני ומקרב אותו צעד נוסף לעבר התוכנות המקצועיות כדוגמת אאוטלוק.

* אם אתם משתמשים ביותר מחשבון ג'ימייל אחד, הסקריפט "Google Account Multi-Login"(http://userscripts.org/scripts/show/16341) יאפשר לעבור בין החשבונות השונים בקליק אחד.

ויקיפידה: להפוך ערכים למצגות פאואר פוינט


* "Wiki Sidebar Tweak"(http://userscripts.org/scripts/show/7387) – משפר את הסרגל הצדדי המוכר ומאפשר לכווץ או להרחיב את מה שמעניין אתכם, ואפילו את הסדר של האפשרויות עצמן. רוצים שרק "שפות אחרות" יהיה פתוח ובחלק העליון של הסרגל? פשוט ללחוץ על המקש השמאלי של העכבר ולגרור למקום הרצוי.

* "Wikipedia Presentation"(http://userscripts.org/scripts/show/6372) – מוסיף מתחת לכל ערך את המילים Start Presentation. לחיצה עליהן הופכת את הדף למצגת, שבדומה לפאואר פוינט, ניתן להעביר אחורה וקדימה באמצעות החצים של המקלדת.

* לאלו מביניכם שלפעמים תורמים על ידי הוספת ערכים חדשים ותיקון קיימים, "WikED"(http://userscripts.org/scripts/show/12529) יכול להיות לעזר רב. הסקריפט מוסיף סרגל כלים משלו לדף העריכה.

* "LookItUp"(http://www.calcalist.co.il/home/0,7340,L-3369,00.html) הוא אחד הסקריפטים המצליחים יותר ברשימה, ובצדק. ניתן בעזרתו למצוא מידע על כל מילה ברשת. באמצעות הסקריפט אפשר לסמן בכל אתר את המילה המבוקשת (קליק כפול על הכפתור השמאלי), ובלחיצה על W תקבלו ישר לתוך הדפדפן את הערך שלו בוויקיפדיה. לחיצה על מקש V תקפיץ את ויקיציטוט ולחיצה על סימן השאלה ? תעלה חלון עם אפשרויות שונות לחיפושים, אפילו של תמונות.

פייסבוק: לשנות את העיצוב, להוסיף קיצורי מקלדת

* באתר userstyles ( http://userstyles.org/)תמצאו כמות לא מבוטלת של סקריפטים שעוסקים בעיקר בעיצוב מחדש של פייסבוק (ושל אתרים פופולריים אחרים).

* "Facebook Purity"(http://userscripts.org/scripts/show/44459) - מרגישים שאתם טובעים בים של מבחנים מטופשים ואפליקציות לא מעניינות? הסקריפט הזה יכול להציל אתכם. אחרי התקנת הסקריפט תתווסף שורה חדשה בחלקו העליון של העמוד הראשי שתראה לכם בדיוק מה הוסר בלחיצה על Show. אך כדאי להיות זהירים ולוודא שהוא לא מעלים לכם את כל העדכונים ולכן יש לבצע עדכון של הסקריפט כל כמה זמן.

* אם הסקריפט הקודם גרע, הסקריפט הבא מוסיף, והרבה. "Facebook Fixer"(http://userscripts.org/scripts/show/8861) מוסיף קיצורי מקלדת (P לתמונות, S לצפייה בסטטוס ועוד), צפייה בתמונות בגודל מלא רק באמצעות העברת סמן העכבר ועוד המון אפשרויות. לחיצה על התפריט של גריזמנקי ובחירת User Script Commands תציג בפניכם את רשימת האפשרויות המלאה.
[img]http://www.calcalist.co.il/PicServer2/20122005/104752/Greasemonkey5_l.jpg[/img]
פייסבוק בעיצוב של חלונות 7, מאתר userstyles









יוטיוב: להוריד את הסרטון למחשב, להוסיף מילים לשירים


* "Yousable TubeFix" http://userscripts.org/scripts/show/13333מאפשר לצפות ולהוריד את כל הסרטונים הישר למחשב בארבע איכויות שונות, לשנות את גודל התצוגה, להרחיב אוטומטית כל וידיאו למקסימום, ולהסיר פרסומות מעצבנות ותגובות ועוד אפשרויות בתפריט משלו.
* למי שמשתמש הרבה ביוטיוב כתחליף מקוון ל-MTV ורוצה לשדרג את החוויה - Youtube Lyrics http://userscripts.org/scripts/show/22569 מוסיף את מילות השיר ישר מתחת למידע על הווידיאו כדי שתוכלו לשיר ביחד עם הלהקה האהובה עליכם.

* "Youtube Double Click" מאפשר להפעיל סרטונים כאילו הם הורדו לשולחן העבודה. בקליק שמאלי תעברו כרגיל לעמוד הסרטון, אך לחיצה כפולה תפתח את הסרטון בחלון פנימי שאפשר לגרור ולשנות את גודלו בקלות. באופן זה אפשר להציג מספר בלתי מוגבל של סרטונים עד שייגמר לכם המקום.
[img]http://www.calcalist.co.il/PicServer2/20122005/104772/GM_l.jpg[/img]
Youtube Double Click. אין צורך להיות מוגבלים לסרטון אחד









גריזמנקי לדפדפנים אחרים


ראוי לציין שקיימות גרסאות של גריזמנקי גם לאינטרנט אקספלורר (טריקסי) http://www.bhelpuri.net/Trixie/ ולכרום (גריזמטאל) http://www.mychromeaddons.com/chrome...ey-for-chrome/, אולם גרסאות אלה עדיין אינן בשלות לכלל המשתמשים ומיועדות בעיקר למשתמשים מתקדמים שבכל זאת רוצים להתנסות. שימו לב שאין ערובה לכך שהסקריפטים בדפדפנים אחרים מלבד פיירפוקס יעבדו כראוי.



קרדיט להפורום אחר]]> Tue, 28 Sep 2010 09:20:49 +0000 פשוט מאוד, מורידים את הקובץ למטה ומעלים לאחסון שלכם.
אחר כך במעטפת תוסיפו:
[c [Read more]]]> פשוט מאוד, מורידים את הקובץ למטה ומעלים לאחסון שלכם.
אחר כך במעטפת תוסיפו:
[code][color="#000088"]<script[/color] [color="#660066"]type[/color][color="#666600"]=[/color][color="#008800"]"text/javascript"[/color] [color="#660066"]src[/color][color="#666600"]=[/color][color="#008800"]"tiny_mce/tiny_mce.js"[/color][color="#000088"]></script>[/color] [color="#000088"]<script[/color] [color="#660066"]type[/color][color="#666600"]=[/color][color="#008800"]"text/javascript"[/color][color="#000088"]>[/color][color="#000000"]
tinyMCE[/color][color="#666600"].[/color][color="#000000"]init[/color][color="#666600"]({[/color] [color="#880000"]// General options[/color][color="#000000"]
mode [/color][color="#666600"]:[/color] [color="#008800"]"textareas"[/color][color="#666600"],[/color][color="#000000"]
theme [/color][color="#666600"]:[/color] [color="#008800"]"advanced"[/color][color="#666600"],[/color][color="#000000"]
plugins [/color][color="#666600"]:[/color] [color="#008800"]"pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave"[/color][color="#666600"],[/color] [color="#880000"]// Theme options[/color][color="#000000"]
theme_advanced_buttons1 [/color][color="#666600"]:[/color] [color="#008800"]"save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,styleselect,formatselect,fontselect,fontsizeselect"[/color][color="#666600"],[/color][color="#000000"]
theme_advanced_buttons2 [/color][color="#666600"]:[/color] [color="#008800"]"cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor"[/color][color="#666600"],[/color][color="#000000"]
theme_advanced_buttons3 [/color][color="#666600"]:[/color] [color="#008800"]"tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen"[/color][color="#666600"],[/color][color="#000000"]
theme_advanced_buttons4 [/color][color="#666600"]:[/color] [color="#008800"]"insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak,restoredraft"[/color][color="#666600"],[/color][color="#000000"]
theme_advanced_toolbar_location [/color][color="#666600"]:[/color] [color="#008800"]"top"[/color][color="#666600"],[/color][color="#000000"]
theme_advanced_toolbar_align [/color][color="#666600"]:[/color] [color="#008800"]"left"[/color][color="#666600"],[/color][color="#000000"]
theme_advanced_statusbar_location [/color][color="#666600"]:[/color] [color="#008800"]"bottom"[/color][color="#666600"],[/color][color="#000000"]
theme_advanced_resizing [/color][color="#666600"]:[/color] [color="#000088"]true[/color][color="#666600"],[/color] [color="#880000"]// Example content CSS (should be your site CSS)[/color][color="#000000"]
content_css [/color][color="#666600"]:[/color] [color="#008800"]"css/content.css"[/color][color="#666600"],[/color] [color="#880000"]// Drop lists for link/image/media/template dialogs[/color][color="#000000"]
template_external_list_url [/color][color="#666600"]:[/color] [color="#008800"]"lists/template_list.js"[/color][color="#666600"],[/color][color="#000000"]
external_link_list_url [/color][color="#666600"]:[/color] [color="#008800"]"lists/link_list.js"[/color][color="#666600"],[/color][color="#000000"]
external_image_list_url [/color][color="#666600"]:[/color] [color="#008800"]"lists/image_list.js"[/color][color="#666600"],[/color][color="#000000"]
media_external_list_url [/color][color="#666600"]:[/color] [color="#008800"]"lists/media_list.js"[/color][color="#666600"],[/color] [color="#880000"]// Style formats[/color][color="#000000"]
style_formats [/color][color="#666600"]:[/color] [color="#666600"][[/color] [color="#666600"]{[/color][color="#000000"]title [/color][color="#666600"]:[/color] [color="#008800"]'Bold text'[/color][color="#666600"],[/color][color="#000000"] inline [/color][color="#666600"]:[/color] [color="#008800"]'b'[/color][color="#666600"]},[/color] [color="#666600"]{[/color][color="#000000"]title [/color][color="#666600"]:[/color] [color="#008800"]'Red text'[/color][color="#666600"],[/color][color="#000000"] inline [/color][color="#666600"]:[/color] [color="#008800"]'span'[/color][color="#666600"],[/color][color="#000000"] styles [/color][color="#666600"]:[/color] [color="#666600"]{[/color][color="#000000"]color [/color][color="#666600"]:[/color] [color="#008800"]'#ff0000'[/color][color="#666600"]}},[/color] [color="#666600"]{[/color][color="#000000"]title [/color][color="#666600"]:[/color] [color="#008800"]'Red header'[/color][color="#666600"],[/color][color="#000000"] block [/color][color="#666600"]:[/color] [color="#008800"]'h1'[/color][color="#666600"],[/color][color="#000000"] styles [/color][color="#666600"]:[/color] [color="#666600"]{[/color][color="#000000"]color [/color][color="#666600"]:[/color] [color="#008800"]'#ff0000'[/color][color="#666600"]}},[/color] [color="#666600"]{[/color][color="#000000"]title [/color][color="#666600"]:[/color] [color="#008800"]'Example 1'[/color][color="#666600"],[/color][color="#000000"] inline [/color][color="#666600"]:[/color] [color="#008800"]'span'[/color][color="#666600"],[/color][color="#000000"] classes [/color][color="#666600"]:[/color] [color="#008800"]'example1'[/color][color="#666600"]},[/color] [color="#666600"]{[/color][color="#000000"]title [/color][color="#666600"]:[/color] [color="#008800"]'Example 2'[/color][color="#666600"],[/color][color="#000000"] inline [/color][color="#666600"]:[/color] [color="#008800"]'span'[/color][color="#666600"],[/color][color="#000000"] classes [/color][color="#666600"]:[/color] [color="#008800"]'example2'[/color][color="#666600"]},[/color] [color="#666600"]{[/color][color="#000000"]title [/color][color="#666600"]:[/color] [color="#008800"]'Table styles'[/color][color="#666600"]},[/color] [color="#666600"]{[/color][color="#000000"]title [/color][color="#666600"]:[/color] [color="#008800"]'Table row 1'[/color][color="#666600"],[/color][color="#000000"] selector [/color][color="#666600"]:[/color] [color="#008800"]'tr'[/color][color="#666600"],[/color][color="#000000"] classes [/color][color="#666600"]:[/color] [color="#008800"]'tablerow1'[/color][color="#666600"]}[/color] [color="#666600"]],[/color] [color="#880000"]// Replace values for the template plugin[/color][color="#000000"]
template_replace_values [/color][color="#666600"]:[/color] [color="#666600"]{[/color][color="#000000"]
username [/color][color="#666600"]:[/color] [color="#008800"]"Some User"[/color][color="#666600"],[/color][color="#000000"]
staffid [/color][color="#666600"]:[/color] [color="#008800"]"991234"[/color] [color="#666600"]}[/color] [color="#666600"]});[/color] [color="#000088"]</script>[/color][/code]
פשוט מאוד,
ומי שאמר שזה מסובך טעה!
הורדה:
[url="http://www.linkss.co.il/tinymce.zip"]http://www.linkss.co.il/tinymce.zip[/url]
קרדיט לי!
עובד 100% לכל IPB.

נ.ב. לא לשלוח להפעיל HTML בהודעות אחרת לא יעבוד, יציג את הקוד... [/size][/color]]]> Mon, 13 Sep 2010 19:07:48 +0000
* העתיקו את הקוד לשורת הכתובת של קבוצת הפייסבוק שאתם חושדים בה
* לחצו אנטר
* הצעד הבא של הקבו [Read more]]]>
* העתיקו את הקוד לשורת הכתובת של קבוצת הפייסבוק שאתם חושדים בה
* לחצו אנטר
* הצעד הבא של הקבוצה ייחשף בפניכם, כאילו עשיתם לייק. כלומר, אם רוצים לתת לכם תוכן שיווקי אתם תראו את זה.
* הקודים לא עובדים בכל המקרים, אבל בהחלט בחלק גדול

[code]javascript: for(i in x=document.getElementsByTagName("span")) if(x[i].style.visibility=="hidden") void(x[i].style.visibility="visible")[/code]

[code]javascript:%20for(i%20in%20x=document.getElementsByTagName("span"))%20if(x[i].style.visibility=="hidden")%20void(x[i].style.visibility="visible")[/code]]]> Sun, 22 Aug 2010 14:58:19 +0000
javascript: for(i in x=document.getE [Read more]]]>
javascript: for(i in x=document.getElementsByTagName("span")) if(x[i].style.visibility=="hidden") void(x[i].style.visibility="visible")

מקווה שנהנתם]]> Sun, 25 Jul 2010 09:49:13 +0000