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

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - [CSS] - איך מקודדים אתר ב CSS? (https://hosts.co.il/forums/showthread.php?t=41212)

Gold-System

09-03-07 15:00

[CSS] - איך מקודדים אתר ב CSS?

[CSS] - איך מקודדים אתר ב CSS?
אני משתגע,
מנסה ומנסה,

ולא הולך :(
אני נורא נורא אשמח עם תביאו לי איזה מדריך, אבל לא מסובך .
איך שאני מקודד כרגע זה קידוד ב Photoshop .

כמובן css זה טוב יותר ויותר מקצועי,
אך מה שאני יודע כרגע זה לקודד ב Photoshop .

שבת שלום ,

בן |winky|

Eli-Hai

09-03-07 15:05

אני, פותח את הפוטושופ שלי ומתחיל לחתוך תמונה תמונה, למשל לוגו, "באר", וכו'. ואני מחפש gradients וכפל של תמונות, למשל רקע בתפריט שחוזר על עצמו, וחותך תמונה קטנה ועוד תמונה. עד שהכל העיצוב אצלי חתוך.
אני פותח מסמך ב-Notepad, וכותב את ה-CSS בלוק אחרי בלוק, ומשלב אותם ביחד עד שאני מגיע לתוצר, בלי לעשות סלייסים ב-Image Ready או משהו.

Gold-System

09-03-07 16:15

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

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

בן :)

Nadav

09-03-07 16:23

מצטרף לבקשה :)

Udi	09-03-07 16:30

בוא נאמר ויש לך בלוק,
הבלוק מורכב ממלבן באורך 200 פיקסלים, וגובה 25 פיקסלים.

אתה עושה זום לתוך המלבן, וחותך לגובה פיקסל אחד. מלמעלה עד למטה במלבן.

כדי להציג אותו באתר, אתה כותב בקובץ הCSS שלך

קוד:

background-image: url(images/pic.jpg);

width: 200px;

height: 25px;

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

Gold-System

09-03-07 16:33

אודי,
אשמח לקבל בפרטי או פה איך שאתה רוצה תמונת מסך של ה PSD של העיצוב שלך של האתר http://www.ums4u.co.il/
עם החיתוכים .

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

תודה לך :)

Udi	09-03-07 16:40

זה לא כזה מסובך.

נגיד את הבאר הכחול, תסתכל עליו טוב, אתה יודע מה, אפילו אם יש לך FF תעשה View Background Image, אתה תראה חלק מאוד מאוד קטן מהבאר, חיתוך פיקסל 1 לרוחב ואת כולו בגובה.

בCSS מה שאתה עושה [ולא ציינתי את זה למעלה, שכחתי] זה background-reapet לציר הX, הוא יחזור על הרקע בציר הX [יענו במאוזן, איך שהבאר עכשיו].

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

Gold-System

09-03-07 16:49

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

http://benmalka.safe-host.co.il/hcss.JPG

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