• 一阶段项目-论坛页


    下面是一阶段论坛页的代码,实现了注册页及发帖的功能,篇幅有限,注册页及发帖页就不展示了~

    <!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="#">勇士专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">骑士专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">马刺专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">雷霆专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">灰熊专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">76人专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">湖人专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">太阳专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">奇才专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">猛龙专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">雄鹿专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">快船专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">爵士专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">鹈鹕专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">小牛专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">公牛专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">国王专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">活塞专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">步行者专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    <li><a href="#">山猫专区&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&gt;</a></li>
    </ul>
    </div>
    <div class="center11_right">
    <div class="center11_right_top">
    <h3>球迷论坛 &gt; &gt;<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>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <a href="denglu.html"><button value="" class="btn2" onclick="">注册</button></a>&nbsp;&nbsp;&nbsp;
    <a href="luntan.html"><button value="" class="btn2" onclick="">登录</button></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <!--&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-->
    <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>

  • 相关阅读:
    bzoj 1053: [HAOI2007]反素数ant 搜索
    bzoj 1040: [ZJOI2008]骑士 環套樹DP
    对主席树的一些理解
    POJ 2777 Count Color【线段树】
    POJ 2420 A Star not a Tree?【爬山法】
    生物遗传学 整理人PYJ (恋_紫花地丁)
    POJ3321Apple Tree【dfs 树状数组】
    POJ1450:Gridland 【杂题】
    POJ 1088 滑雪【记忆化搜索】
    Poj3253:Fence Repair 【贪心 堆】
  • 原文地址:https://www.cnblogs.com/qianqian528/p/7745996.html
Copyright © 2020-2023  润新知