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

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



  #1  
ישן 18-01-2007, 17:44
  zerocool360 zerocool360 אינו מחובר  
 
חבר מתאריך: 29.05.05
הודעות: 649
צריך עזרה
אני רוצה ליצור אפקט של השוליים בדף האתר, כמו באתר הזה למשל: http://www.affiliatebling.com
איך אני עושה זאת?

בנוסף אני רוצה ליצור את האפקט של הכפתורים ב Menu Bar, כמו באתר הזה גם:http://www.affiliatebling.com
הוא הכניס את ה "Bar" ל Div ונתן לו ID,
אבל מה הוא הגדיר ב ID בכדי שיהיה את האפקט הזה?
וגם הכפתורים הם טקסט על גבי תמונה או משהו אחר, איך אני עושה את זה?
הנה הקוד:
<div id="avmenu">
<h2 class="hide">Site menu:</h2>

תודה תודה מראש לכל העוזרים!
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #2  
ישן 18-01-2007, 18:37
  משתמש זכר Silver Strike Silver Strike אינו מחובר  
 
חבר מתאריך: 10.09.04
הודעות: 1,032
שלח הודעה דרך ICQ אל Silver Strike שלח הודעה דרך MSN אל Silver Strike
בתגובה להודעה מספר 1 שנכתבה על ידי zerocool360 שמתחילה ב "צריך עזרה"
קוד PHP:
 <body>
    <div id="wrapper">
        ...Site content...
    </div>
</body>

#wrapper {
    width: 740px;
    background: url("wrapper_bg.png") repeat-y;
} 

את תמונת הרקע שהאתר עושה בה שימוש תוכל למצוא ב-
http://www.affiliatebling.com/img/bg.gif
(כל השאר הן הגדרות שהרגע המצאתי )

העניין עם הכפתורים מאוד פשוט.
זה משחק עם border ו-background.
במצב רגיל: צבע הרקע הוא #f4f4f4 וה-border הוא #ccc.
בשאר המצבים: צבע ברקע הוא #eaeaea וה-border הוא #505050.

האתר שהראת גם משתמש בתמונת רקע שמבצעת gradient של צבעי האפור. אתה יכול להוסיף אותה להגדרת ה-background.

שים לב שה-border השמאלי הוא ברוחב גדול יותר מהשאר.
_____________________________________
תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #3  
ישן 18-01-2007, 21:15
  zerocool360 zerocool360 אינו מחובר  
 
חבר מתאריך: 29.05.05
הודעות: 649
בתגובה להודעה מספר 2 שנכתבה על ידי Silver Strike שמתחילה ב "[PHP]<body> <div..."
יש לי ידע ב CSS ו HTML, הרוב הוא מעריכת אתר שכבר נבנה ע"י מישהו אחר.
לכן יש לי קושי מסויים בהבנה של חלק מהדברים.
בקשר לשוליים: אם אני רוצה לעשות שוליים בצבע אחר, אני חייב לעשות תמונה כזאת בפוטושופ?
בנוסף, אני משתמש כרגע ב DreamWeaver 8, ואני עושה "לעשות HTML" חדש ->
אני מכניס את התמונה הזאת שהבאת לי כרקע והיא גדולה מדיי הריי לדף, אז איך אני מקטין אותה ל740 פיקסל דרך התוכנה? אני חייב לקבוע לה Div?
עכשיו, אני רוצה לעשות אתר עם 3 חלקים, תמונה\פתיחה למעלה, מיין בר מצד שמאל ודף של תוכן מצד ימין, אני חייב להשתמש ב פריימים ב DreamWeaver 8 בשביל זה?

בקשר לכפתורים: אני לא רוצה להשתמש בכפתורי ה "פלאש" שבתוכנה. הבנתי את הקטע עם ה Border ו ה BackGround, רק לא הבנתי איך אני מיישם את זה עם "קוד".

ולא הבנתי
ציטוט:
האתר שהראת גם משתמש בתמונת רקע שמבצעת gradient של צבעי האפור. אתה יכול להוסיף אותה להגדרת ה-background.


תודה רבה רבה ואני אשמח אם אני יוכל ליצור איתך קשר באי סי קיו.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #4  
ישן 18-01-2007, 23:02
  משתמש זכר Silver Strike Silver Strike אינו מחובר  
 
חבר מתאריך: 10.09.04
הודעות: 1,032
שלח הודעה דרך ICQ אל Silver Strike שלח הודעה דרך MSN אל Silver Strike
בתגובה להודעה מספר 3 שנכתבה על ידי zerocool360 שמתחילה ב "[font=Verdana]יש לי ידע ב CSS..."
את רוחב התמונה ניחשתי.
אתה יכול ליצור תמונה ב-Photoshop בהתאם לרוחב האתר שאתה בונה.
את התמונה אתה מכניס כרקע ל-div עם ה-id הראשי wrapper (או כל שם אחר שבא לך לתת לו) באמצעות CSS.

שימוש בפריימים כבר לא מומלץ. אתה צריך ליצור 3 אלמנטים (div) כ-'בנים' של wrapper.
כאשר את האלמנט השני והשלישי אתה מציף בהתאם לתוצאה אותה אתה רוצה לקבל (חפש בגוגל על float ב-CSS).

ברמת העקרון, יצירת כפתורים שיהיו דומים לכפתורים בדוגמא שהבאת צריכים להראות בערך כך:
קוד PHP:
 <ul id="menu">
    <li><a href=""></a></li>
</ul>

#menu li {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100px;
    border: 1px solid #ccc;
    border-left: 5px solid;
    background: #333 url("menu_bg.gif") repeat-x;
} 


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

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

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

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #5  
ישן 19-01-2007, 03:10
  zerocool360 zerocool360 אינו מחובר  
 
חבר מתאריך: 29.05.05
הודעות: 649
בתגובה להודעה מספר 4 שנכתבה על ידי Silver Strike שמתחילה ב "את רוחב התמונה ניחשתי. אתה..."
תודה. הבנתי בעיקרון איך עושים את הכל אבל:

כתבת:
<ul id="menu">
<li><a href=""></a></li>
</ul>

#menu li {

# מסמן div, אז התכוונת ל Div id=menu il?

בנוסף, אני רואה שאצלו כל כפתור הוא ב לינק, זה בגלל שהוא הוסיף את התמונה?
וגם, האפקט של שינוי הצבע, זה נעשה על ידי link hover?
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #6  
ישן 19-01-2007, 03:16
  משתמש זכר Silver Strike Silver Strike אינו מחובר  
 
חבר מתאריך: 10.09.04
הודעות: 1,032
שלח הודעה דרך ICQ אל Silver Strike שלח הודעה דרך MSN אל Silver Strike
# מסמן ID ולא div
בתגובה להודעה מספר 5 שנכתבה על ידי zerocool360 שמתחילה ב "תודה. הבנתי בעיקרון איך עושים..."
אתה יכול להשתמש גם בלינק. שימוש ברשימה הוא פשוט יותר סימנטי - וכמובן שהוא מגיע גם עם כאבי ראש בהתאמה ל-IE.
_____________________________________
תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #7  
ישן 19-01-2007, 03:26
  zerocool360 zerocool360 אינו מחובר  
 
חבר מתאריך: 29.05.05
הודעות: 649
בתגובה להודעה מספר 6 שנכתבה על ידי Silver Strike שמתחילה ב "# מסמן ID ולא div"
אוקיי, מה ההבדל אם אני משתמש ב דיו או ב Ul?

ציטוט:
שימוש ברשימה הוא פשוט יותר סימנטי - וכמובן שהוא מגיע גם עם כאבי ראש בהתאמה ל-IE.


לא הבנתי את זה, כשדיברתי על לינק, דיברתי על הלינק בתוך הרשימה, הוא הוסיף את התמונה כלינק, נכון? כלינק בתוך הרשימה. ובנוגע ל אפקט של השינוי הגוון, איך הוא עשה את זה?
a:hover {color: #333; font-weight: bold; text-decoration: none}
?
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה
« לאשכול הקודם | לאשכול הבא »

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

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

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



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

הדף נוצר ב 0.05 שניות עם 12 שאילתות
צור קשר - Fresh - למעלה

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

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