下面是一阶段论坛页的代码,实现了注册页及发帖的功能,篇幅有限,注册页及发帖页就不展示了~
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="css/common.css" rel="stylesheet"/>
</head>
<body>
<!--头部-->
<div class="top">
<div class="top_center"></div>
</div>
<!--导航-->
<div class="nav1">
<div class="nav">
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="../LXD火箭队/history.html">球队历史</a></li>
<li><a href="#">球员介绍</a></li>
<li><a href="#">数据统计</a></li>
<li><a href="../汉学10.24篮球火箭队/saicheng.html">球队赛程</a></li>
<li><a href="../个人项目-火箭队粉丝.真官方网站/news.html">球队新闻</a></li>
<li><a href="../xiangmu2wangxibao/zhanji.html">球队战绩</a></li>
<li><a href="#">视频下载</a></li>
<li><a href="luntan.html">球迷论坛</a></li>
</ul>
</div>
</div>
<!--内容-->
<div class="center11">
<div class="center11_left">
<h2>版块分类</h2>
<ul>
<li><a href="#">勇士专区 ></a></li>
<li><a href="#">骑士专区 ></a></li>
<li><a href="#">马刺专区 ></a></li>
<li><a href="#">雷霆专区 ></a></li>
<li><a href="#">灰熊专区 ></a></li>
<li><a href="#">76人专区 ></a></li>
<li><a href="#">湖人专区 ></a></li>
<li><a href="#">太阳专区 ></a></li>
<li><a href="#">奇才专区 ></a></li>
<li><a href="#">猛龙专区 ></a></li>
<li><a href="#">雄鹿专区 ></a></li>
<li><a href="#">快船专区 ></a></li>
<li><a href="#">爵士专区 ></a></li>
<li><a href="#">鹈鹕专区 ></a></li>
<li><a href="#">小牛专区 ></a></li>
<li><a href="#">公牛专区 ></a></li>
<li><a href="#">国王专区 ></a></li>
<li><a href="#">活塞专区 ></a></li>
<li><a href="#">步行者专区 ></a></li>
<li><a href="#">山猫专区 ></a></li>
</ul>
</div>
<div class="center11_right">
<div class="center11_right_top">
<h3>球迷论坛 > ><b><a href="#">火箭专区</a></b></h3>
<input type="text" placeholder="搜索本版帖子" class="sousuo">
<img src="img/fangdajing.jpg" class="fangdajing">
</div>
<div class="center11_right_center">
<div class="liebiao">
<button value="" class="btn1" onclick="">主题</button>
<button value="" class="btn1" onclick="">精华</button>
<button value="" class="btn1" onclick="">亮了</button>
<button value="" class="btn1" onclick="">成员</button>
<button value="" class="btn1" onclick="">赞赏排行</button>
<a href="denglu.html"><button value="" class="btn2" onclick="">注册</button></a>
<a href="luntan.html"><button value="" class="btn2" onclick="">登录</button></a>
<!-- -->
<a href="xintie.html"><button value="" class="btn1" onclick="">发新帖+</button></a>
</div>
<div class="tiezi">
<ul>
<li><a href="#">主题</a></li>
<li><a href="#" style="color: red;">[置顶] 火箭专区版规(跨区指导|站队|复制链接|版务请去版务区)</a></li>
<li><a href="#">光看到哈登的缺点 </a></li>
<li><a href="#">[流言板]卡佩拉20个篮板创生涯新高 </a></li>
<li><a href="#">都在吹戈登,没人吹最后几分钟塔克和哈登的防守吗?</a></li>
<li><a href="#">【一图流】戈登绝杀!</a></li>
<li><a href="#">交易和伤病掏空了我火的底蕴</a></li>
<li><a href="#">今天哈登打的烂,但是德安东尼轮换问题太大了</a></li>
<li><a href="#">[热线赛后]【赛后】火箭105-104费城!绝杀!</a></li>
<li><a href="#">虽然不喜欢李克,但个人拙见,他指出的窝火最近几场的问题真的是没毛病</a></li>
<li><a href="#">真想抽自己,离比赛还剩3分钟的时候关了电脑</a></li>
<li><a href="#">各种失误和被后卫一步过,哈登的专注力到哪儿去了?</a></li>
<li><a href="#">窝火还有好多问题需要调整啊 </a></li>
<li><a href="#">我开始觉得要个两分打加时是最好的选择</a></li>
<li><a href="#">被强行喂屎一整场。。最后突然送来一杯卡布奇诺。。。</a></li>
<li><a href="#">一帽一助攻一绝杀,二登精彩的表演! </a></li>
<li><a href="#">德安东尼战术确实丰富啊,吹一波! </a></li>
<li><a href="#">[流言板]卡佩拉:每次对位恩比德都令人感到兴奋 </a></li>
<li><a href="#">戈登三分绝杀,火箭老板费尔蒂塔发帖:休斯敦坚持到底!</a></li>
<li><a href="#">戈登是真的签得太值了 </a></li>
<li><a href="#">埃里克.戈登,休斯敦的主人! </a></li>
<li><a href="#">谢谢今天火箭赢球 </a></li>
<li><a href="#">有人跟我一样不希望园登死命突吗? </a></li>
<li><a href="#">[流言板]德安东尼笑谈绝杀:是我布置了这些战术,哈哈哈 </a></li>
<button class="bt" onclick="">上一页</button>
<button class="bt" onclick="">1</button>
<button class="bt" onclick="">2</button>
<button class="bt" onclick="">3</button>
<button class="bt" onclick="">4</button>
<button class="bt" onclick="">5</button>
<button class="bt" onclick="">6</button>
......
<button class="bt" onclick="">下一页</button>
</ul>
</div>
<div class="zuozhe">
<ul>
<li><a href="#">作者</a></li>
<li><a href="#">永远的火迷 </a></li>
<li><a href="#">keung_yip </a></li>
<li><a href="#">库里的脸科比的心 </a></li>
<li><a href="#">拼图阿里扎 </a></li>
<li><a href="#">zhaohe08</a></li>
<li><a href="#">NBA第一后场 </a></li>
<li><a href="#">我看你是石乐志 </a></li>
<li><a href="#">你不知道的火密 </a></li>
<li><a href="#">无双保罗 </a></li>
<li><a href="#">裁判绝杀你 </a></li>
<li><a href="#">撒盐的哈登 </a></li>
<li><a href="#">哈登娇妻王育敏 </a></li>
<li><a href="#">我都注册过了 </a></li>
<li><a href="#">Chandler帕 </a></li>
<li><a href="#">来自火星的人类 </a></li>
<li><a href="#">黑皮坦克 </a></li>
<li><a href="#">落落无伤</a></li>
<li><a href="#">安小落</a></li>
<li><a href="#">王培佩</a></li>
<li><a href="#">林娜琏老公 </a></li>
<li><a href="#">中南郭艾伦 </a></li>
<li><a href="#">月半洛夫维奇 </a></li>
<li><a href="#">里透飞飞 </a></li>
<button class="bt" onclick="">末页</button>
</ul>
</div>
<div class="huifu">
<ul>
<li>回复/浏览</li>
<li>4/310302</li>
<li>39/6819</li>
<li>116/20785</li>
<li>17/2339</li>
<li>40/5625</li>
<li>19/2892</li>
<li>21/1616</li>
<li>3/166</li>
<li>214/1316</li>
<li>2/16</li>
<li>15/116</li>
<li>2/161</li>
<li>210/616</li>
<li>98/166</li>
<li>2/160</li>
<li>219/1916</li>
<li>34/161</li>
<li>78/816</li>
<li>21/116</li>
<li>64/166</li>
<li>2/11</li>
<li>20/116</li>
<li>123/1609</li>
<p>第<input type="text" class="diji">页</p>
</ul>
</div>
</div>
</div>
</div>
<!--底部-->
<div class="bottom1111">
<div class="bottom1111_center">
Copyright by 虎扑JRs & 虎扑 - 在虎扑工作 - 联系我们 - 手机虎扑网 - 虎扑App - 服务协议 - 网站地图 - NBA - CBA - 足球 - 中超 - 赛车
</div>
</div>
</body>
</html>