申请加入论坛管理团队的小任务：自己动手制作一个专题

雨峰

一、开放一个测试平台
登录地址
http://lemonyustar.0119.6464.cn/bbs/admin.php
登录用户名和密码都是admin
这是超级管理员的权限，顺便可以熟悉下phpwind的系统。

点击“运营”下面的“专题制作”，进入专题制作功能界面



二、动手制作一个专题
点击“制作专题”，进入制作专题的页面


选择分类：环保主题策划
自定义地址：huanshu
标题：换树1+1 我为三秦添新绿--www.sxmmhb.org.cn

点击“更多细节设置”


增加关键词：换树1+1 妈妈环保
增加说明：换树1+1 我为三秦添新绿是陕西省妈妈环保志愿者协会发起的一项公益活动……
选择风格模板，链接颜色，以及具体css的设置。
.wrap{width:960px;margin:0 auto 0;overflow:hidden;}/*专题内容框架*/
#main{padding:10px;}/*专题内边距*/
.zt_nav li{float:left;line-height:35px; font-size:14px;margin:0 10px; white-space:nowrap;}/*导航样式*/
.itemDraggable{border:1px solid #eaebe6;margin-top:10px;overflow:hidden;}/*模型外边框*/
.itemDraggable .itemHeader{background:#ce5683 url(apps/stopic/data/style/wedding_pink/h-pink.png) right 0 repeat-x;padding:4px 10px; font-weight:700;color:#fff;}/*标题栏*/
.itemDraggable .itemContent{padding:4px 10px;}/*模型内边距*/
.itemDraggable .itemContent li{line-height:24px;}/*列表行高*/
上面红色部分，为标题栏目的背景图地址。

接下来就是添加各个模板啦~

第一个是布局
选择1；1:1；1:2；2:1；1:1:1的不同布局风格。

第二步增加合适的模块
具体有：
1、头部横幅：最上面的广告位
2、导航条
3、帖子列表、帖子摘要

4、图片、图片及标题
5、图文混排

6、图片播放器

7、交互主题
8、自定义代码


9、主题评论

三、代码技巧篇（红色部分为修改部分）
1、底部版权和QQ服务代码：


<p><center>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=879418570&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:879418570:41" alt="互助网络" title="互助网络">
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=498323917&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:498323917:41" alt="管理员雨峰" title="管理员雨峰">
</center>
</p>
<p>
<center>
<a href="http://www.mscyes.org/" target="_blank">陕西青年与环境互助网络</a> 制作 版权所有
<!-- 统计按钮 BEGIN -->
<script src="http://s9.cnzz.com/stat.php?id=2913416&web_id=2913416&show=pic" language="JavaScript"></script>
<!-- 统计按钮 END -->
</center>
</p>
<!-- 分享按钮 BEGIN -->
<script type="text/javascript" src="http://v1.jiathis.com/code_mini/jiathis_r.js?move=0&btn=r1.gif" charset="utf-8"></script>
<!-- 分享按钮 END -->

2、视频调用
<embed src="http://player.youku.com/player.php/sid/XMjE1ODk2NDUy/v.swf" quality="high" width="290" height="260" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash"></embed>

3、微博调用（具体看第四部分）
<iframe width="100%" height="500"  frameborder="0" scrolling="no" src="http://widget.weibo.com/livestream/listlive.php?language=zh_cn&width=0&height=500&uid=1988007481&skin=4&refer=1&pic=1&titlebar=0&border=0&publish=1&atalk=1&recomm=1&at=1&listid=353174399&atopic=%E6%8D%A2%E6%A0%911%2B1&ptopic=%E6%8D%A2%E6%A0%911%2B1&colordiy=0&appkey=531468656&dpc=1"></iframe>

四、新浪微博开放篇
新浪微博的开放使用


第一步：创建应用，或者网站应用
http://open.weibo.com/development




第二步：应用代码提取
http://open.weibo.com/widgets?cat=wb


特别推荐使用的几个功能：
1、微博直播：#换树1+1#

2、微博秀：@陕西妈妈环保

3、集体微博：

4、评论箱：我来评论

雨峰

专题测试的要求：
1、尽量合理的使用专题上各个不同的模块
2、至少嵌入一个微博一个视频，还有版权说明

可以参考：
http://lemonyustar.0119.6464.cn/bbs/html/stopic/huanshu.html

更多参考：
http://www.mscyes.org/zt/

还有济溪的专题中心
http://www.gsean.org/zhuanti/

小朴

好长啊！！！

雨峰

小朴:好长啊！！！ (2012-03-06 14:27)

                               
登录/注册后可看大图

你可以直接去后台摸索下，就知道啦~没有想象的那么难的

小刚

高科技玩意 支持一下

小朴

要跟帖子里面的一样嘛？？

love--summer

好高端的感觉

春子

雨峰辛苦了，这个非常实用，其实也很简单。代码只要大家复制粘就好，其他的模块就是qq空间一样简单。

雨峰

小朴:要跟帖子里面的一样嘛？？ (2012-03-06 14:34)

                               
登录/注册后可看大图

不用啦~仅供参考，自由发挥~

雨峰

春子:雨峰辛苦了，这个非常实用，其实也很简单。代码只要大家复制粘就好，其他的模块就是qq空间一样简单。 (2012-03-06 16:04)

                               
登录/注册后可看大图

是呀~专题的功能需要让更多人去了解，有利于他们换一个思路去思考目前的现状

另外，在模式中有文章的功能，是否需要开启，用来单独发新闻？

此外我私下给你微博平台的测试权限