עיצוב כפתור

פורום התמיכה פתוח למשתמשים מנויים בלבד. יש להתחבר או להרשם כדי להוסיף דיון או תגובה בפורום.

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

ראשי פורומים תמיכה עיצוב כפתור

דיון זה מוגדר: סגור

תגיות: ,

מוצגות 25 תגובות – 1 עד 25 (מתוך 35 סה״כ)
  • מאת
    תגובות
  • #26667

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

    איך ניתן לעשות זאת?

    האם יש מדריך מסויים בנושא?

    תודה
    עמנואל

    #26683

    Noa
    משתתף

    שלום רב,

    ניתן בד"כ באמצעות קוד CSS פשוט.

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

    Helpers Classes – סלקטורים של CSS לטפסים מעוצבים

    תוכל לשלוח קישור לעמוד?

    #26749

    קישור ל לעמוד:
    http://studiolevana.com/%d7%a1%d7%99%d7%99%d7%9c-%d7%a9%d7%9e%d7%9c%d7%95%d7%aa-%d7%9b%d7%9c%d7%94-2015/

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

    כעקרון בדף ישנו כפתור שהייתצי מעוננין לעגל לו את הפינות ולתת מראה תלת מימד.

    #26777

    Noa
    משתתף

    לפינות עגולות נסה להכניס את הקוד הבא להתאמה אישית > Live CSS:

    .button.size-xl{border-radius:7px;}

    לגבי תלת מימד, ניתן למצוא את הקוד בקישור הבא:

    http://www.paulund.co.uk/create-a-css-3d-push-button

    #26788

    הוספתי, הכל עובד!

    שאלה- אם אני רוצה לעשות שינוי בכפתור מסויים ולא גורף בכל האתר, איך עושים זאת?

    #26804

    Noa
    משתתף
    תגובה זו סומנה כפרטית.
    #26838

    שאלה של מתחילים- מה השימוש של CSS Classes שמופיע בהגדרות של הוידג'טים?

    #26844

    Noa
    משתתף

    בשדה הזה ניתן לתת לווידג'ט שם קלאס מותאם אישית, ואז ב-Live CSS לתת לקלאס הזה את הקוד.

    כך ניתן לתת הגדרה ספציפית לווידג'ט אחד.

    #52118

    הי,

    בהמשך לשרשור הקודם… משום מה השינוי של עיגול פינות הכפתורים לא עובד. אפשר לבדוק זאת ?

    כתובת דף לדוגמא:

    הדף לא נמצא- שגיאה 404

    בדקתי בדפדפנים שונים.

    תודה

    #52128

    Noa
    משתתף

    האם ניסית להוסיף לשם קלאס מותאם אישית את הקלאס button?

    כלומר כך:

    שם קלאס מותאם אישית: new-class

    הקוד: .new-class button{border-radius:10px;}

    #52209

    לא, אני לא כל כך מתמצא, אשמח אם תוכלו להדריך איך עושים זאת.

    בכל מקרה בתוך Live CSS ישנו קוד הבא:

    .rev_slider_wrapper { z-index: 0; }

    .button.size-xl{border-radius:17px;}

    .page-id-4847 .button.size-xl{border-radius:7px;}

    #52233

    Noa
    משתתף

    אוקי תוכל להפנות אותנו לכפתור המדויק שאתה רוצה לערוך?

    בקישור ששלחת יש כמה כפתורים.

    כך נוכל פשוט להביא לך את הקוד המדויק.

    #52235

    צריך לערוך את שלושתם.

    אשמח לדעת איך עושים זאת גם עבור כפתו בודד לעתיד.

    #52237

    שמות הכפתורים ליתר בטחון:

    קולקציות שמלות כלה
    דף הבית
    טופס יצירת קשר- נשמח לענות על כל שאלה 🙂

    #52248

    Noa
    משתתף
    תגובה זו סומנה כפרטית.
    #52249

    Noa
    משתתף
    תגובה זו סומנה כפרטית.
    #52253
    תגובה זו סומנה כפרטית.
    #52267

    Boaz
    מנחה

    מוגדר לך ב-CSS:
    .error404 #content article h1 {
    font-size: 100px;
    }

    צריך לשנות את ה-100px לגודל קטן יותר.

    #52274

    סליחה על הבורות, היכן אני מבצע זאת?

    #52277

    Boaz
    מנחה

    בעיצוב > התאמה אישית > LIVE CSS.

    #52283
    תגובה זו סומנה כפרטית.
    #52284

    Boaz
    מנחה

    אני לא יודע למה זה קרה.
    אני מציע שתוסיף את הקוד ששלחתי לך בהודעה הקודמת.
    תשנה את ה-100 ל-30 ותראה אם זה מסתדר.

    #52294

    הסתדר תודה רבה

    שאלה נוספת: אני לא מצליח לשנות בהגדרות של התפריטים (ניווט) רקע של תפריטי מישנה לצבע אפור. האם אפשר לבדוק זאת?

    #52302

    Boaz
    מנחה

    יש לך בעיצוב > התאמה אישית > ניווט > רקע תפריט משנה.

    #52303

    אז זהו ששיניתי שם אבל בפועל זה לא השתנה.

    מה זה יכול להיות?

מוצגות 25 תגובות – 1 עד 25 (מתוך 35 סה״כ)

הפורום 'תמיכה' נסגר לדיונים ולתגובות חדשות.