z-blog固定宽度的两栏布局的缺省样式改为液体两栏布局样式 Z-Blog 1.8

用户 wubuku 2006-12-11 3386

修改后的样子就像这样:
http://www.oucsoft.com/



首先,要将Template文件略微修改一下,请参考坛子里我写的帖子,或参考这篇文章:

http://www.wubuku.com/post/110.html

然后,把样式文件改成这样(下面的代码只列出了主要的修改):

#divAll{
	width:95%;
	margin:0 auto;
	padding:0
}

#divPage{
	width:100%;
	margin:0;
	padding:0 2px 0 2px;
	text-align:left;
	float:left;
	border-left:1px dotted silver;
	border-right:1px dotted silver;
	/*
	background:#FBFBFB url("newage/bg.gif") repeat-y center;
	*/
}
/*
#divMiddle{
	width:100%;
	margin:0;
	padding:0;
	text-align:left;
	float:left;
	background:#FFFFFF;
}
*/
#divTop
{
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:left;
	float:left;
	height:115px;
	background:#1D99D3 url("newage/topbacking.gif") repeat-x 0 0;
	border-bottom:1px solid #666;
}

/*
#divMain{
	width:558px;
	margin:0 0 0 0;
	padding: 0;
	text-align:left;
	float:left;
}
*/

#divMain{
	width:100%;
	margin-right:-215px;
	padding: 0;
	text-align:left;
	float:left;
}

#divMainContent{
	margin-right:215px;
	padding: 0;
	text-align:left;
}

#divSidebar{
	width:210px;
	margin:0 0 0 0;
	padding:0 0 10px 0;
	text-align:center;
	float:right;
	border-left:1px dashed silver;
}

#divBottom{
	/*clear:both;*/
	width:100%;
	margin:0 auto;
	padding:0;
	text-align:center;
	float:left;
	height:70px;
	background:url("newage/bottom.png") repeat-x 0 0;
}



修改后的文件可以直接去我的BLOG下载。

或者看这里:
最新回复 (0)
全部楼主
    • ZBlogger技术交流中心
      2
          
返回