[שאלה] איך טוענים עיצוב ב css? - הוסטס

dor77 · 28-02-08, 20:21

היי, שלום לכולם.

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

css:

PHP קוד:


			


<style type="text/css">

<!–

#styletwo{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;background:transparent url(/code/style2/images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;}

#styletwo ul{margin:0;padding:0;list-style-type:none;width:auto;}

#styletwo ul li{display:block;float:left;margin:0 1px 0 0;}

#styletwo ul li a{display:block;float:left;color:#000;text-decoration:none;padding:6px 20px 0 20px;height:24px;}

#styletwo ul li a:hover,#styletwo ul li a.current{color:#fff;background:transparent url(/code/style2/images/bgON.gif) repeat-x top left;}

–>

</style>

html:

PHP קוד:


			


<div id="styletwo">

    <ul>

        <li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">Home</a></li>

        <li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">About Us</a></li>

        <li><a href="http://www.13styles.com/css-menus/style2/" title="css menus" class="current">Services</a></li>

        <li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">Our Work</a></li>

        <li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">Contact Us</a></li>

    </ul>

</div>

אז איך אני מציג אותו?

איפה אני מכניס כל קוד?

ניסיתי כמה נסיונות ולא הצלחתי.

תודה רבה =]

aviho1 · 28-02-08, 22:40

את הראשון אתה מכניס בתוך הhead לפני הbody.

ואת השני בתוך הbody.

dor77 · 28-02-08, 23:57

לא עובד,

הנה:

<html>
<head>

<style type="text/css">
<!–
#styletwo{position:relative;display:block;height:2 4px;font-size:11px;font-weight:bold;background:transparent url(/code/style2/images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;}
#styletwo ul{margin:0;padding:0;list-style-type:none;width:auto;}
#styletwo ul li{display:block;float:left;margin:0 1px 0 0;}
#styletwo ul li a{display:block;float:left;color:#000;text-decoration:none;padding:6px 20px 0 20px;height:24px;}
#styletwo ul li a:hover,#styletwo ul li a.current{color:#fff;background:transparent url(/code/style2/images/bgON.gif) repeat-x top left;}
–>
</style>
</head>

<body>

<div id="styletwo">
<ul>
<li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">Home</a></li>
<li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">About Us</a></li>
<li><a href="http://www.13styles.com/css-menus/style2/" title="css menus" class="current">Services</a></li>
<li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">Our Work</a></li>
<li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">Contact Us</a></li>
</ul>
</div>

</body>

</html>

</html>

0xfo7d · 29-02-08, 13:14

זה הקוד התקין:

HTML קוד:

<html>
<head>


<style type="text/css"> 
#styletwo{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;background:transparent url(images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;}
#styletwo ul{margin:0;padding:0;list-style-type:none;width:auto;}
#styletwo ul li{display:block;float:left;margin:0 1px 0 0;}
#styletwo ul li a{display:block;float:left;color:#000;text-decoration:none;padding:6px 20px 0 20px;height:24px;}
#styletwo ul li a:hover,#styletwo ul li a.current{color:#fff;background:transparent url(images/bgON.gif) repeat-x top left;}
</style> 
</head>

<body>

<div id="styletwo"> 
<ul> 
<li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">Home</a></li> 
<li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">About Us</a></li> 
<li><a href="http://www.13styles.com/css-menus/style2/" title="css menus" class="current">Services</a></li> 
<li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">Our Work</a></li> 
<li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">Contact Us</a></li> 
</ul> 
</div> 


</body>

</html>


</html>

באותה תיקיה של העמוד HTML פתח תיקיה בשם images ושמה תכניס את התמונות המצורפות להודעה זו.

ובדקתי לפני שהגבתי...כך שאל תגיד שלא עובד אלה תפעל בדיוק לפי ההוראות=]

יום טוב.

28-02-08, 20:21	# 1
dor77 חבר וותיק מיני פרופיל תאריך הצטרפות: Jan 2008 הודעות: 1,650	[שאלה] איך טוענים עיצוב ב css? היי, שלום לכולם. אני מעוניין להוסיף אלתר שלי תפריט ב css. לקחתי מאתר כלשהו אשר נותן קודים מוכנים עיצוב ב css ואלה הקודים: css: PHP קוד: <style type="text/css"> <!– #styletwo{position:relative;display:block;height:24px;font-size:11px;font-weight:bold;background:transparent url(/code/style2/images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;} #styletwo ul{margin:0;padding:0;list-style-type:none;width:auto;} #styletwo ul li{display:block;float:left;margin:0 1px 0 0;} #styletwo ul li a{display:block;float:left;color:#000;text-decoration:none;padding:6px 20px 0 20px;height:24px;} #styletwo ul li a:hover,#styletwo ul li a.current{color:#fff;background:transparent url(/code/style2/images/bgON.gif) repeat-x top left;} –> </style> html: PHP קוד: <div id="styletwo"> <ul> <li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">Home</a></li> <li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">About Us</a></li> <li><a href="http://www.13styles.com/css-menus/style2/" title="css menus" class="current">Services</a></li> <li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">Our Work</a></li> <li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">Contact Us</a></li> </ul> </div> אז איך אני מציג אותו? איפה אני מכניס כל קוד? ניסיתי כמה נסיונות ולא הצלחתי. תודה רבה =] __________________ מתכנת php אמין ומקצועי. מחירים נוחים! יצירת קשר: 0544378743

28-02-08, 22:40	# 2
aviho1 Winner מיני פרופיל תאריך הצטרפות: Jan 2008 הודעות: 954	את הראשון אתה מכניס בתוך הhead לפני הbody. ואת השני בתוך הbody. __________________ להנאתם אתר משחקים כיפי. היום עושים מסיבות רווקים ורווקות רק בלופט למסיבות, תנסו ולא תתחרטו.

28-02-08, 23:57	# 3
dor77 חבר וותיק מיני פרופיל תאריך הצטרפות: Jan 2008 הודעות: 1,650	לא עובד, הנה: <html> <head> <style type="text/css"> <!– #styletwo{position:relative;display:block;height:2 4px;font-size:11px;font-weight:bold;background:transparent url(/code/style2/images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;} #styletwo ul{margin:0;padding:0;list-style-type:none;width:auto;} #styletwo ul li{display:block;float:left;margin:0 1px 0 0;} #styletwo ul li a{display:block;float:left;color:#000;text-decoration:none;padding:6px 20px 0 20px;height:24px;} #styletwo ul li a:hover,#styletwo ul li a.current{color:#fff;background:transparent url(/code/style2/images/bgON.gif) repeat-x top left;} –> </style> </head> <body> <div id="styletwo"> <ul> <li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">Home</a></li> <li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">About Us</a></li> <li><a href="http://www.13styles.com/css-menus/style2/" title="css menus" class="current">Services</a></li> <li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">Our Work</a></li> <li><a href="http://www.13styles.com/css-menus/style2/" title="css menus">Contact Us</a></li> </ul> </div> </body> </html> </html> __________________ מתכנת php אמין ומקצועי. מחירים נוחים! יצירת קשר: 0544378743


	ההרשמה לפורום נפתחה - אפשרות רישום לכל אימייל (דומיינים פרטיים, gmail, הוטמייל..)!

חברים פעילים הצופים באשכול זה: 1 (0 חברים ו- 1 אורחים)