با سلام خدمت دوستان عزیز
من یه سوال داشتم اون هم این که من برای هدرم یه منو با نرم افزار CSS Tab Designer ساختم حالا خروجیش یه صفحه html شده حالا چه جوری اینو توی فایل هدر بیارم .
نمونه سورس این فایل html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN">
<html>
<head>
<title>Sliding Doors Preview</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: small/1.5em Georgia,Serif; COLOR: #000; PADDING-TOP: 0px; voice-family: inherit
}
UNKNOWN {
FONT-SIZE: small
}
#header {
FONT-SIZE: 93%; BACKGROUND: url(bg.gif) #dae0d2 repeat-x 50% bottom; FLOAT: left; WIDTH: 960px; LINE-HEIGHT: normal
}
#header UL {
PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
#header LI {
PADDING-RIGHT: 0px; PADDING-LEFT: 9px; BACKGROUND: url(left.gif) no-repeat left top; FLOAT: right; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px
}
#header A {
PADDING-RIGHT: 15px; DISPLAY: block; PADDING-LEFT: 6px; FONT-WEIGHT: bold; BACKGROUND: url(right.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 4px; COLOR: #765; PADDING-TOP: 5px; TEXT-DECORATION: none
}
#header A {
FLOAT: none
}
#header A:hover {
COLOR: #333
}
#header #current {
BACKGROUND-IMAGE: url(left_on.gif)
}
#header #current A {
BACKGROUND-IMAGE: url(right_on.gif); PADDING-BOTTOM: 5px; COLOR: #333
}
-->
</style>
</head>
<body>
<div id="header">
<ul>
<!-- CSS Tabs -->
<li><a href="/sitemap">نقشه ی سایت</a></li>
<li><a href="/about">درباره ی سایت</a></li>
<li><a href="/contact">ارتباط با ما</a></li>
<li><a href="/">خانه</a></li>
</ul>
</div>
</body>
</html>