לוגו אתר Fresh          
 
 
  אפשרות תפריט  ראשי     אפשרות תפריט  צ'אט     אפשרות תפריט  מבזקים     אפשרות תפריט  צור קשר     חץ שמאלה ‎print ‎"Hello World!"; if‎ ‎not rules.‎know ‎then rules.‎read(); חץ ימינה  

לך אחורה   לובי הפורומים > מחשבים > תכנות ובניית אתרים
שמור לעצמך קישור לדף זה באתרי שמירת קישורים חברתיים
תגובה
 
כלי אשכול חפש באשכול זה



  #11  
ישן 20-06-2006, 08:43
צלמית המשתמש של יובל רז
  יובל רז יובל רז אינו מחובר  
 
חבר מתאריך: 17.04.06
הודעות: 14
נו, הסקריפט ששלחתי לך לא עושה את העבודה?
בתגובה להודעה מספר 10 שנכתבה על ידי GreenBerret שמתחילה ב "מה אתה מנסה לעשות עם..."

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

מה שכן שמתי לב, זה שיש משהו בסקריפט שלא עובר ולידציה של XHTML 1.0 STRICT, אבל אני מבין CSS, לא ממש גאון בג'אוה :-)

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

קוד PHP:
 // Universal transparent-PNG enabler for MSIE/Win 5.5+
// http://dsandler.org
// From original code: http://www.youngpup.net/?request=/snippets/sleight.xml
// and background-image code: http://www.allinthehead.com/retro/69
// also:
//  * use sizingMethod=crop to avoid scaling PNGs (who would do such a thing?)
//  * only do this once, to make it compatible with CSS rollovers

if (navigator.platform == "Win32" && navigator.appName == "Microsoft Internet Explorer" && window.attachEvent) {
    
window.attachEvent("onload"enableAlphaImages);
}

function 
enableAlphaImages(){
    var 
rslt navigator.appVersion.match(/MSIE (\d+\.\d+)/, '');
    var 
itsAllGood = (rslt != null && Number(rslt[1]) >= 5.5);
    if (
itsAllGood) {
        for (var 
i=0i<document.all.lengthi++){
            var 
obj document.all[i];
            var 
bg obj.currentStyle.backgroundImage;
            var 
img document.images[i];
            if (
bg && bg.match(/\.png/i) != null) {
                var 
img bg.substring(5,bg.length-2);
                var 
offset obj.style["background-position"];
                
obj.style.filter =
                
"progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='"+img+"', sizingMethod='crop')";
                
obj.style.backgroundImage "url('/images/spacer.gif')";
                
obj.style["background-position"] = offset// reapply
            
} else if (img && img.src.match(/\.png$/i) != null) {
                var 
src img.src;
                
img.style.width img.width "px";
                
img.style.height img.height "px";
                
img.style.filter =
                
"progid:DXImageTransform.Microsoft.AlphaImageLoader  (src='"+src+"', sizingMethod='crop')"
                
img.src "/images/spacer.gif";
            }

        }
    }



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

לבעיות, טענות, שאלות, ת"ש מין, הסקייפ שלי זמין :-)

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

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #15  
ישן 21-06-2006, 13:27
  GreenBerret GreenBerret אינו מחובר  
 
חבר מתאריך: 13.12.05
הודעות: 1,963
בתגובה להודעה מספר 14 שנכתבה על ידי Silver Strike שמתחילה ב "זה מה שעשיתי..."

יש פה כמה בעיות.

מה זה הoffset הזה? תעשה לו alert ותראה מה אתה מקבל - אתה יכול לוותר עליו.

מה שקורה זה שהקוד מגדיר את התמונה באובייקט ה ImageTransform של אקספלורר (דווקא דיי מגניב יש לו הרבה פונקציות) - ואז הוא מגדיר רקע, של image/spacer.gif.
הרקע המקורי מאבד את כל התכונות (מיקום, אפיון חזרות כי מי שמקבל את התכונות עכשיו זה spacer.gif) שלו אבל עדיין מוצג על המסך (לא נראה לי ששמתם לב לזה).
פשוט תשים תמונת רקע מאוד מאוד "ארוכה" וזה יעבוד.

האמת שניסיתי איזה חצי שעה לפתור את זה - ובסוף הצלחתי D: - אני חושב.
הנה התמונה בשבילך - ערכתי אותה קצת ועשיתי אותה PNG-24.

עכשיו תסלחו לי, אני חייב לזוז לשיעור פסיכומטרי P:

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

נערך לאחרונה ע"י GreenBerret בתאריך 21-06-2006 בשעה 13:35.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #16  
ישן 23-06-2006, 19:00
  דקל דקל אינו מחובר  
 
חבר מתאריך: 20.02.03
הודעות: 2,396
בתגובה להודעה מספר 15 שנכתבה על ידי GreenBerret שמתחילה ב "יש פה כמה בעיות. מה זה..."

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

חיפשתי פיתרון קצת יותר יצירתי ו-CSSי כמו שאני אוהב, ולדעתי זה יפתור את הבעיות:
קוד:
* html #container{ height: 1%; } * html #footer{ margin-top: -6px; }


שתי הערות לסיום:
1. כפי שGreenBerrert הזכיר, את ה-offset בהחלט אפשר להעיף.
2. אם אתה מתכוון להשתמש בכמות קבועה של קבצי PNG שקופים אני ממליץ להריץ את הסקריפט שלך על מערך שמכיל את אותם X קבצי PNG ולא לעבור על כלל האלמנטים בעמוד. מדובר בזמן יקר מבחינת ה-IE, וחבל.

בברכה,
דקל
_____________________________________
"מתכנת זה אדם שפותר בעיה שעל קיומה לא ידעת, בדרך שאינך מבין"

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה

כלי אשכול חפש באשכול זה
חפש באשכול זה:

חיפוש מתקדם
מצבי תצוגה דרג אשכול זה
דרג אשכול זה:

מזער את תיבת המידע אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים
אתה לא יכול להגיב לאשכולות
אתה לא יכול לצרף קבצים
אתה לא יכול לערוך את ההודעות שלך

קוד vB פעיל
קוד [IMG] פעיל
קוד HTML כבוי
מעבר לפורום



כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 10:18

הדף נוצר ב 0.09 שניות עם 12 שאילתות

הפורום מבוסס על vBulletin, גירסא 3.0.6
כל הזכויות לתוכנת הפורומים שמורות © 2024 - 2000 לחברת Jelsoft Enterprises.
כל הזכויות שמורות ל Fresh.co.il ©

צור קשר | תקנון האתר