הוסטס - פורום אחסון האתרים הגדול בישראל - [שאלה] איך טוענים עיצוב ב css?

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

- - [שאלה] איך טוענים עיצוב ב css? (https://hosts.co.il/forums/showthread.php?t=60490)

[שאלה] איך טוענים עיצוב ב 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>

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

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

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

תודה רבה =]

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

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

לא עובד,

הנה:

<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>

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

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 ושמה תכניס את התמונות המצורפות להודעה זו.

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

יום טוב.