为了实现这一目标，我们需要对 DedeCMS 的模板文件进行一些修改。以下是具体的操作步骤： ### 第一步：修改 index.html 文件 首先，在 `index.html` 文件中删除原有的登录代码，并在头部文件 `head.html` 中加入以下新的 HTML 代码： ### 第二步：完善 CSS 样式 接下来，我们需要为上述 HTML 代码添加相应的 CSS 样式，以确保页面布局正确无误。以下是完整的 CSS 代码：
/*--- head ---*/
.header {
width: 960px;
margin: auto;
overflow: hidden;
}
.header_top {
height: 32px !important;
height: 31px;
line-height: 32px;
color: #676767;
overflow: hidden;
background: url(../images/top_bg.gif) repeat-x;
}
.center {
margin: 0px auto;
}
.w960 {
width: 960px;
}
.header_top .time {
float: left;
padding-left: 10px;
}
.header_top .toplinks {
float: right;
text-align: right;
}
.header_top .toplinks a {
margin: 0 5px;
}
.header .top {
clear: both;
overflow: hidden;
margin-top: 10px;
}
.header .title {
float: left;
}
.header .title h1 a {
width: 386px;
height: 58px;
display: block;
overflow: hidden;
}
.header .banner {
width: 434px;
height: 55px;
float: right;
margin-left: 20px;
overflow: hidden;
}
.ipt-txt {
width: 100px;
border: 1px #CFCFCF solid;
}
.fb {
color: #333333;
}
.btn-1 {
background: url("../images/comm-bt.gif") no-repeat scroll 0 0 transparent;
border: none;
color: #585858;
cursor: pointer;
height: 24px;
letter-spacing: 1px;
line-height: 25px;
overflow: hidden;
width: 70px;
}