<%@ page language="java" contentType="text/html; charset=UTF-8"	pageEncoding="UTF-8"%>
<%@ include file="/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>BlogMethods Basic安装 第四步</title>
<style><!--
body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}
body {
  margin:0;
  padding:15px 15px;
  font-family:arial,sans-serif;
  font-size:small;
  line-height:1.6em;
}
h4{font-size:medium;}
image{border:0;}
#container{
	margin-top:20px;
}
#content{
	margin-left:138px;padding-left:20px;border-left:#ddd solid 1px;
}
#content .title{
	border-bottom:#ddd solid 1px;
}
#content .table{
	margin:10px 0 10px 10px;width:400px;
}
#content .button{
	margin:40px 0 10px 10px;text-align:center;
}
#steps{
	float:left;	width:120px;
}
#footer{
	margin-top:50px;text-align:center;border-top:#ddd solid 1px;
}
#footer div{
	margin-top:10px;
}
.template{
	margin:0 5px 0 5px;padding:20px 5px;	
}
.template div{
	float:left;height:200px;margin:0 20px;
}
.template p{
	text-align:center;margin:8px 0;padding:0;
}
.template img{
	border:1px solid #888;width:150px;height:123px;
}


--></style>
</head>

<body >
<div id="header"><a href="www.blogmethods.cn"><img src="<c:url value="/images/logo.gif"/>" border=0 alt="www.blogmethods.cn"></a></div>

<div id="container">

<div id="steps">
<h4>安装步骤</h4>
<ol>
	<li>环境要求
	<li>创建用户
	<li>创建博客
	<li style="font-weight:bold;">选择主题
	<li>安装完成
</ol>
<div><a href="http://www.blogmethods.cn/basic/setup.html">查看在线安装文档</a></div>
</div>

<div id="content">
<h4 class="title">选择主题</h4>
<p>从以下主题中为您的博客选择一个合适的主题，您也可以在安装完成以后通过主题管理来设置博客主题。</p>
<form name="_form" method=post action="setup.do?method=showStepFive">
<div class="template">
	<div><p>主题一</p><IMG SRC="themes/1/resources/images/preview.gif"><p><INPUT TYPE="radio" NAME="theme" value="1" checked></p></div>
	<div><p>主题二</p><IMG SRC="themes/2/resources/images/preview.gif"><p><INPUT TYPE="radio" NAME="theme" value="2"></p></div>
	<div><p>主题三</p><IMG SRC="themes/3/resources/images/preview.gif"><p><INPUT TYPE="radio" NAME="theme" value="3"></p></div>
	<div><p>主题四</p><IMG SRC="themes/4/resources/images/preview.gif"><p><INPUT TYPE="radio" NAME="theme" value="4"></p></div>
	<div><p>主题五</p><IMG SRC="themes/5/resources/images/preview.gif"><p><INPUT TYPE="radio" NAME="theme" value="5"></p></div>
	<div><p>主题六</p><IMG SRC="themes/6/resources/images/preview.gif"><p><INPUT TYPE="radio" NAME="theme" value="6"></p></div>
	<div><p>主题七</p><IMG SRC="themes/7/resources/images/preview.gif"><p><INPUT TYPE="radio" NAME="theme" value="7"></p></div>
	<div><p>主题八</p><IMG SRC="themes/8/resources/images/preview.gif"><p><INPUT TYPE="radio" NAME="theme" value="8"></p></div>
</div>
<div style="clear:both"></div>
<p class="button"><INPUT TYPE="button" value="<< 上一步"
	onclick="history.back(1)">&nbsp;&nbsp;<INPUT TYPE="submit"
	value="下一步 >>"></p>
</form>
</div>

</div>

<div id="footer"><div><A HREF="http://www.blogmethods.cn/about.html">关于我们</A> | <A HREF="http://www.blogmethods.cn/contactus.html">联系我们</A> | <A HREF="http://www.blogmethods.cn">BlogMethods主页</A></div>
<div>&copy; 2006 BlogMethods</div></div>
</body>

</html>