איך עושים את השלוש נקודות שיש בנטפרי?



  • אני רוצה לעשות כזה דבר
    שיהיה נקודות או צורה אחרת בצד
    וכששמים על זה את העכבר נפתח חלון

    איך עושים את זה?


  • מנהל מקצועות E p P E

    זו לא שאלה שקשורה לנודביבי אלא לבניית אתרים וכ'



  • @GolanArt לא, הוא מדבר (אני יודע שעל זה הוא מדבר) שכמו הסרגל הצידי שיש בפורום נטפרי, אז לעשות כזה בפורום שלנו, אבל שלא יהיה שם תמיד אלא 3 נקודות כאלה כמו של נטפרי


  • מומחה PRO p P ניהול

    @מישהו12 אם הוא יודע לעשות את זה באתר אחר, ורק בנודביבי הוא מסתבך, אז שיסביר למה הוא מסתבך במיוחד בנודביבי. אני מבין מהשאלה שהוא לא יודע איך לעשות את זה בשום אתר.



  • @yzahn נכון, אנחנו רק יודעים שאנחנו רוצים לעשות את זה בפורום שלנו...
    תוכל לעזור לנו?



  • @yzahn
    959b2d0f-5455-4197-882d-fd075782961b-image.png
    ואז שהסרגל הצידי יפתח רק ע"י לחיצה על 3 נקודות שיהיו בצד


  • מומחה PRO p P ניהול

    @מישהו12 לא, אני רק מסביר לך מה ש@GolanArt כתב כבר שהשאלה לא מתאימה לפורום נודביבי.

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


  • מומחה PRO p P ניהול

    @מישהו12 @MGM-IVR
    אני לא רוצה להשאיר אתכם עם טעם רע בפה... אז אני אביא לכם את הכיוון הכללי.

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

    ב. במקרה הזה של הלשונית של נטפרי, זה עובד על ידי האזנה לאירוע mouseenter על ה"ידית" והאזנה לאירוע mouseleave על ה-div שעוטף את כל הסרגל.
    בעת אירוע של mouseenter מוסיפים class לסרגל, נגיד active ובעת אירוע של mouseleave מורידים אותה.
    ואז מגדירים ב-CSS שהסרגל מקבל מיקום ימני של <מינוס הרוחב של הסרגל>, וכאשר הוא active שיקבל מיקום ימני של 0.

    (כאן צריך להוסיף גם transition יפה...)

    זה פחות או יותר הכיוון, ואידך פירושא זיל גמור.

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

    5c2f13b2-9874-4b64-8975-7d859e0a63ca-image.png

    d8568b86-081d-47f1-a8c9-1ac001fa6230-image.png

    אתם רואים שהכל גלוי אם רק תדעו איפה להסתכל



  • @yzahn תודה רבה



  • @yzahn אמר באיך עושים את השלוש נקודות שיש בנטפרי?:

    @מישהו12 @MGM-IVR
    אני לא רוצה להשאיר אתכם עם טעם רע בפה... אז אני אביא לכם את הכיוון הכללי.

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

    ב. במקרה הזה של הלשונית של נטפרי, זה עובד על ידי האזנה לאירוע mouseenter על ה"ידית" והאזנה לאירוע mouseleave על ה-div שעוטף את כל הסרגל.
    בעת אירוע של mouseenter מוסיפים class לסרגל, נגיד active ובעת אירוע של mouseleave מורידים אותה.
    ואז מגדירים ב-CSS שהסרגל מקבל מיקום ימני של <מינוס הרוחב של הסרגל>, וכאשר הוא active שיקבל מיקום ימני של 0.

    (כאן צריך להוסיף גם transition יפה...)

    זה פחות או יותר הכיוון, ואידך פירושא זיל גמור.

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

    5c2f13b2-9874-4b64-8975-7d859e0a63ca-image.png

    d8568b86-081d-47f1-a8c9-1ac001fa6230-image.png

    אתם רואים שהכל גלוי אם רק תדעו איפה להסתכל

    תודה רבה
    סיבכת לגמרי
    😉


התחבר כדי לפרסם תגובה
 

עיצוב: GolanArt

4
מחובר

2.3k
משתמשים

4.1k
נושאים

31.7k
פוסטים