改变首页,需要修改的文件:
template\default\mobile\forum\discuz.htm 手机版首页主页内容
想要改的好看点,还需要修改
template\default\mobile\common\header.htm 手机版头部
template\default\mobile\common\footer.htm 手机版底部
修改前提:
一、会html的基本修改。(这个我还不怎么会呢 -_-。!)
二、会使用“论坛后台”。
三、会使用FTP工具。
四、会备份文件。 (不会备份的不要修改哦,出错了你可以用备份的文件重新覆盖!)
五、看的懂中文和少数英文。(本教程是莱鸟写出来的,所以并不保证不出错!怕出问题的的不要冒险啊!我不负责的!修改出错时,请按照“修改前提四”进行恢复)
好,啰嗦完了,开始动手修改吧!!!!
一、打开\template\default\mobile\forum 里面的discuz.htm文件。
在两个class为 fl 的div中间加上想要的样式,
- <div class="fl">
- <div class="bm">
- <div class="bm_h">今日推荐</div>
- <!--{block/1234}-->
- </div>
复制代码 这个 <!--{block/1234}--> 是什么呢???
恩,用电脑打开 “后台“ →“门户”→“模块管理”→“数据调用”
添加一个数据调用的模块,然后选择内部调用,类似 <!--{block/1234}--> 的代码就出来了!!!
看不懂中文的同学看图拉!!!!有图有真相啊!
修改完之后,discuz.htm的代码为
- <!--{subtemplate mobile/common/header}-->
- <!--{hook/index_top_mobile}-->
- <!--{if $forum_favlist}-->
- <div class="fl">
- <div class="bm">
- <div class="bm_h">
- <a href="home.php?mod=space&uid={$_G[uid]}&do=favorite&view=me&type=forum">{lang my_favorites_forums}</a>
- </div>
- {eval $i=1;}
- <!--{loop $forum_favlist $key $val}-->
- <div class="bm_c <!--{if $i%2 == 1}-->add<!--{else}-->even<!--{/if}-->"><a href="forum.php?mod=forumdisplay&fid={$val['id']}">$val['title']</a> <a href="home.php?mod=spacecp&ac=favorite&op=delete&favid={$val[favid]}&type=forum" title="{lang favorite_delete}" class="xg1">[x]</a></div>
- {eval $i++;}
- <!--{/loop}-->
- </div>
- </div>
- <!--{/if}-->
- <div class="fl">
- <div class="bm">
- <div class="bm_h">热点推荐</div>
- <!--{block/1234}-->
- </div>
- <!--{loop $catlist $key $cat}-->
- <div class="fl">
- <div class="bm">
- <div class="bm_h">
- <!--{if $_G[setting][mobile][mobileforumview] == 1}--><a href="forum.php?viewgid={if $cat[fid] != $_G[gp_viewgid]}{$cat[fid]}{else}0{/if}">$cat[name]</a><!--{else}-->$cat[name]<!--{/if}-->
- </div>
- <!--{if $_G[setting][mobile][mobileforumview] == 0 || ($cat[fid] == $_G[gp_viewgid])}-->
- {eval $i=1;}
- <!--{loop $cat[forums] $forumid}-->
- <div class="bm_c <!--{if $i%2 == 1}-->add<!--{else}-->even<!--{/if}-->">
- <!--{eval $forum=$forumlist[$forumid];}-->
- <a href="forum.php?mod=forumdisplay&fid={$forum['fid']}" {if $forum_favlist[$forumid]}class="xi1"{/if}>{$forum[name]}</a> <!--{if $forum[todayposts] > 0}--><font class="xg1">($forum[todayposts])</font><!--{/if}-->
- </div>
- {eval $i++;}
- <!--{/loop}-->
- <!--{/if}-->
- </div>
- </div>
- <!--{/loop}-->
- <!--{hook/index_middle_mobile}-->
- <div class="box">
- {lang index_today}$todayposts<span class="pipe">|</span>{lang index_members}$_G['cache']['userstats']['totalmembers']<!--{if empty($gid) && $_G['setting']['whosonlinestatus'] && $onlinenum}--><span class="pipe">|</span>{lang online}$onlinenum<!--{/if}-->
- </div>
- <!--{hook/index_bottom_mobile}-->
- <!--{subtemplate mobile/common/footer}-->
复制代码 按照上面的方式,自己灵活的修改一下,需要多个的,就自己添加多一个“今日推荐”,然后修改修改,就基本可以做出自己想要首页了!
接下来,我们修改头部!
恩,先换个LOGO呢!制作一张小点的LOgo,命名为:logo.gif
然后打开 static\image\mobile\ 把你做的图片logo.gif上传到里面,覆盖。
然后我们来修改一下首页的板块分类的颜色,打开:template\default\mobile\common\header.htm
找到
- .bm .bm_h { padding: 2px; background: #2A6EB4; border-bottom:1px #02254b solid; color: #FFF; line-height: 20px; font-size: 10pt; }
复制代码 大概在63行左右的地方,把 background: #2A6EB4; 的 #2A6EB4; 换成你喜欢的颜色数值!!!!
看不懂中文的同学看图拉!!!!有图有真相啊!
可素,像我们这种莱鸟,哪知道什么颜色是什么代码啊??(>﹏<)怎么办啊??(一开始我也不会的!)
但我当时记得有一句台词是怎么说来着??哦哦 “有问题,百度一下!” 于是咱百度了“网页颜色代码”。
快捷通道:http://www.zhaozi.cn/color.htm (这个挺不错 !!!大家自己查找颜色代码哦!!!)
三、修改底部
修改: template\default\mobile\common\footer.htm
这个比较简单,就不说了,只是删除了几句代码而已~~大家可以把文件下载后,对比原文件就知道了~
最终结果演示:
懒人包:
discuz手机风格小修改.zip
(40.1 KB, 下载次数: 23)
|