ממשק המשתמש של jQuery ו- ThemeRoller

• מאי 5, 2024

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

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

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

יש לך כמה אפשרויות לציוץ הציוד.

• הגדרות גופן: באפשרותך לשנות את משפחת הגופן, המשקל והגודל.
  
  
• רדיוס פינתי: אתה יכול לשנות את רדיוס הפינה. לכל נושא יש סגנון לשונית מעוגלת כברירת מחדל, אך כאן תוכלו לשנות את גודל הפינה או להגדיר אותה לאפס עבור לשונית מרובעת. (הכרטיסיות בנויות על CSS3, שאינו נתמך על ידי IE בשלב זה.)
  
  
• כותרת / סרגל כלים: באפשרותך להגדיר את ערכי הצבע עבור האזור שמאחורי הכרטיסיות ואזורי הכותרת, כמו למשל עבור תוסף היומן.
  
  
• תוכן: כאן תוכלו להגדיר את הצבעים עבור אזור התוכן הראשי. אתה יכול לקבל עיצוב שונה מאוד בהתאם לבחירת הגבול שלך או ללא גבול.
  
  
• מצב ברירת מחדל שניתן ללחוץ עליו: זה שולט במראה ברירת המחדל (הלא פעיל) של הלשוניות והכפתורים.
  
  
• מצב ריחוף שניתן ללחוץ עליו: פקדים אלה מיועדים למראה הלשוניות והכפתורים במצב הרחף.
  
  
• מצב פעיל בלחיצה: שולט במראה הלשונית והכפתור של הדף הפעיל.
  
  
• הדגש: צבעי הרקע, הגבול, הטקסט והסמל עבור אזורים מודגשים.
  
  
• שגיאה: צבעי רקע, גבול, טקסט וסמל להודעות שגיאה.
  
  
• מסך מודאלי עבור שכבות-על: שולט על צבע ומרקם הרקע.
  
  
• טיפות צלליות: בקרות עבור אטימות הצל, עובי, קיזוז ופינות לאפקט צלליות.
  
  

כשאתה מוריד את jquery-ui-x.x.xx.custom.zip ומעלה את החבילה למעלה, תראה שלוש תיקיות (css, צרור פיתוח ו- js) וקובץ index.html. קובץ ה- index.html הוא הדגמה לתוספים המעוצבים בעיצוב שלך. תרצה להכניס את תיקיות ה- css ו- js בספרייה הראשית שלך ולהעתיק / להדביק את הקוד מקובץ index.html בקוד לאתר שלך במקום בו תרצה שהפלאגינים יופיעו.

//jqueryui.com
//jqueryui.com/demos/
//jqueryui.com/themeroller/

הוראות וידאו: סגירת באנר מאנמייט ו אפטר אפקטס ל MP4 או GIF ל BEHANCE ועוד... (מאי 2024).