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

[Gold-System]

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

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

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

שבת שלום ,

בן

[Eli-Hai]

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

[Gold-System]

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

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

בן

[Nadav]

מצטרף לבקשה

[Udi]

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

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

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

background-image: url(images/pic.jpg);
width: 200px;
height: 25px;

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

[Gold-System]

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

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

תודה לך

[Udi]

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

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

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

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

[Gold-System]

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