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

עמוד 1 מתוך 2

הצג 40 הודעות באשכול על דף אחד

הוסטס - פורום אחסון האתרים הגדול בישראל (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)

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

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

עמוד 1 מתוך 2

הצג 40 הודעות באשכול על דף אחד