奇新CMS/header头部代码及样式
来自站长百科
<div id="header"></div>头部定义,代码如下:
<div id="header"> <span class="logo" id="logo"><a title="" href="#"><img title="" alt="" src="/logo.jpg"></a></span> <span class="banner" id="banner"></span> </div>
CSS样式示例:
#header { position:relative;background:#abd8e3;margin:0;overflow:hidden;height:120px;} #header .logo{padding:0 ;z-index:3;position:absolute;left:25px;top:5px;width:200px; text-align:center;line-height:110px;height:110px;vertical-align:middle;overflow:hidden;} #header .logo a {display:block;outline:none;line-height:105px; *height:110px;_height:110px;height:110px;vertical-align:middle;text-align:center;width:200px;} #header .logo a img{line-height:110px;vertical-align:middle;max-width:200px;max-height:110px;}
说明:.logo为Logo定义样式,后台上传网站Logo,.banner为Banner区域样式,添加图片或Flash动画。