雨峰 发表于 2012-3-6 13:47:49

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

一、开放一个测试平台
登录地址
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、评论箱:我来评论

雨峰 发表于 2012-3-6 14:19:20

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

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

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

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

小朴 发表于 2012-3-6 14:27:37

好长啊!!!

雨峰 发表于 2012-3-6 14:29:29

小朴:好长啊!!! (2012-03-06 14:27) images/back.gif

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

小刚 发表于 2012-3-6 14:32:27

高科技玩意 支持一下

小朴 发表于 2012-3-6 14:34:34

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

love--summer 发表于 2012-3-6 15:30:49

好高端的感觉

春子 发表于 2012-3-6 16:04:08

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

雨峰 发表于 2012-3-6 18:56:01

小朴:要跟帖子里面的一样嘛?? (2012-03-06 14:34) images/back.gif

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

雨峰 发表于 2012-3-6 18:56:38

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

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

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

此外我私下给你微博平台的测试权限
页: [1] 2 3 4
查看完整版本: 申请加入论坛管理团队的小任务:自己动手制作一个专题