הוסטס - פורום אחסון האתרים הגדול בישראל

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)
-   -   פינות מעוגלות ב CSS (https://hosts.co.il/forums/showthread.php?t=85514)

liorclub 06-10-10 03:38

פינות מעוגלות ב CSS
 
שלום,

אשמח לדעת על הדרך העדיפה ביותר לעשות פינות מעוגלות לדיב מסויים

העדיפות היא PURE CSS ללא שימוש בתמונות לפינה או תמונת רקע

תודה לעוזרים

IgalSt 06-10-10 10:05

אחלה שמביא לך את הקוד שאתה צריך:
http://border-radius.com/

תקבל בעיקרון 3 שורות קוד שעושות בערך אותו הדבר.

דוגמא:
HTML קוד:

-webkit-border-radius:6px;  /*WebKit (Chrome and Others)*/
-moz-border-radius:6px; /*Mozilla (FF)*/
border-radius:6px;  /*CSS 3 Standart*/

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

שים לב שרק IE9 ומעלה יעגל פינות.
כדי לעגל פינות בגירסאות קודמות יש צורך בחלופון כמו עיגול פינות ע"י JS (אני ממליץ על זה)

liorclub 06-10-10 11:54

הגעתי לזה, אבל הבעיה היא עם אקספלורר שאלו רוב הגולשים

אני אנסה עם JS.
תודה על העזרה,

אשמח לקבל עוד הצעות

Erez | TrustMedia.co.il 06-10-10 14:05

http://www.internet-israel.com/inter...5%D7%A8%D7%A8/

יש שם משהו שקוראים לו PIE שמאפשר פינות מעוגלות באקספלורר גם

IgalSt 07-10-10 09:45

ציטוט:

נכתב במקור על ידי WiPi (פרסם 782261)
http://www.internet-israel.com/inter...5%D7%A8%D7%A8/

יש שם משהו שקוראים לו PIE שמאפשר פינות מעוגלות באקספלורר גם

בתוך קובץ ה-PIE.htc יש קוד JS שככל הנראה מבצע פעולות מאוד דומות למה שהקוד של JQUERY מבצע.

אני העדפתי את הפתרון שהצעתי קודם לכן מאחר ופלאגאין ה-JQUERY יודע לנתח בעצמו את ה-CSS ובתנאי שהוא מוצא שם את הפקודות של border-radious + מדובר בדפדפן IE8 ומטה, הוא מבצע מעגל פינות.

intercooler3819 09-10-10 12:24

תסתכל פה http://.co.il/

אני לא זוכר איך עשיתי את זה אתה מוזמן לחטט בקוד..

AlmogBaku 13-10-10 01:49

יש אפשרות לעגל בJS- אבל אם תשאל אותי: מי שמתשמש ב IE בעיה שלו. אלא אם מדובר בעיצוב הסיסי של האתר(לא וודג'טים)- אז צריך להשתמש בטכניקת תמונות. js פשוט לא עושה את זה מספיק טוב..

astricks 13-10-10 06:18

baku הלוואי וזאת הייתה גישה רלוונטית..
הציעו לך פה pie.htc - הפיתרון הכי טוב לדעתי. הוא מחקה, משלים מספר אפקטים שלא נתמכים בIE בגלל שהוא לא תומך CSS3. הוא יותר מהיר מפיתרונות jQuery (על פי בנצ'מרקים, תריץ חיפוש) ובטח שיותר אמין (המון צרות הוא עושה בשילוב עם סקריפטים נוספים וכדומה).
יש עוד מלא אופציות רק תחפש בגוגל css3 ie בהצלחה

Hagaibl 13-10-10 08:45

לסיכום, יש לך 2 אופציות:
1. שימוש pie.htc
2. jQuery.

מומלץ pie.htc

IgalSt 13-10-10 09:15

ציטוט:

נכתב במקור על ידי astricks (פרסם 782951)
baku הלוואי וזאת הייתה גישה רלוונטית..
הציעו לך פה pie.htc - הפיתרון הכי טוב לדעתי. הוא מחקה, משלים מספר אפקטים שלא נתמכים בIE בגלל שהוא לא תומך CSS3. הוא יותר מהיר מפיתרונות jQuery (על פי בנצ'מרקים, תריץ חיפוש) ובטח שיותר אמין (המון צרות הוא עושה בשילוב עם סקריפטים נוספים וכדומה).
יש עוד מלא אופציות רק תחפש בגוגל css3 ie בהצלחה

אתה יכול להסביר למה הוא יותר מהיר מ-jquery?
על סמך מה קבעת את זה?


כל הזמנים הם GMT +2. הזמן כעת הוא 10:47.

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ