9.0手机Wap版论坛版块默认图标+文章分享

PHPWIND[民间论坛]数据搬迁导致丢失严重,用户数据基本全部损坏,十分遗憾来自phpwind.me的远古记忆

免责声明

爱黎平网离线 9.2K阅读 12回复于 2014-07-01 16:39 发布在技术文献

昨天装上PW9.0 Wap版后，发现版块图标没法显示，后看了篇帖子http://www.phpwind.me/r/173的解决方案，还是没法解决我的问题，因为我的版块没有自定义的图标，想延续web版的样式，有新回复，为蓝色，否则为灰色图标。
1、默认图标修改
（1）、修改template\3g\forum_list_table.htm
源码为：

&lt;hook-action name="one_across" args="cateForum,forumList"&gt;
  &lt;ul class="list"&gt;
    &lt;!--#foreach ($forumList as $_id =&gt; $_item) {
$_class = $_item['icon'] ? '' : ($_item['todayposts'] &gt; 0 ? 'new' : 'old');
#--&gt;
    &lt;li&gt;&lt;a href="{@url:3g/thread/run?fid=$_id}"&gt;&lt;img alt="forumlogo" src="{@Pw::getPath($_item['icon'])}" class="forumlogo"&gt; &lt;b class="tit"&gt;{@$_item['name']|html}&lt;/b&gt;
    &lt;span class="count"&gt;主题：{$_item['threads']} | 帖子：&lt;!--#echo $_item['threads'] + $_item['posts'];#--&gt;&lt;/span&gt;
    &lt;!--#if ($_item['todayposts']) {#--&gt;
      &lt;span class="num"&gt;{$_item['todayposts']}&lt;/span&gt;&lt;!--#}#--&gt;&lt;/a&gt; &lt;/li&gt;
    &lt;!--#}#--&gt;
  &lt;/ul&gt;
&lt;/hook-action&gt;

修改后：

&lt;hook-action name="one_across" args="cateForum,forumList"&gt;
  &lt;ul class="list"&gt;
    &lt;!--#foreach ($forumList as $_id =&gt; $_item) {
$_class = $_item['icon'] ? '' : ($_item['todayposts'] &gt; 0 ? 'new' : 'old');
#--&gt;
    &lt;li class="{$_class}"&gt;&lt;a href="{@url:3g/thread/run?fid=$_id}"&gt;
    &lt;!--#if($_item['icon']) {#--&gt;
    &lt;img alt="forumlogo" src="{@Pw::getPath($_item['icon'])}" class="forumlogo"&gt;
    &lt;!--#}#--&gt;
    &lt;b class="tit"&gt;{@$_item['name']|html}&lt;/b&gt;
    &lt;span class="count"&gt;主题：{$_item['threads']} | 帖子：&lt;!--#echo $_item['threads'] + $_item['posts'];#--&gt;&lt;/span&gt;
    &lt;!--#if ($_item['todayposts']) {#--&gt;
      &lt;span class="num"&gt;{$_item['todayposts']}&lt;/span&gt;&lt;!--#}#--&gt;&lt;/a&gt; &lt;/li&gt;
    &lt;!--#}#--&gt;
  &lt;/ul&gt;
&lt;/hook-action&gt;

（2）、修改themes\site\default\css\build\3g.css 和 themes\site\default\css\dev\3g.css
在87行后面

.forum_group .list li { height: 50px; border-bottom: 1px dashed #ccc; padding: 5px 0; }

加入下面的样式代码

.forum_group .list li.old, .forum_group .list li.new {padding:0 0 0 35px; height:50px;}
.forum_group .list li.new {background:url(../../images/3g/new.gif) 0 center no-repeat}
.forum_group .list li.old {background:url(../../images/3g/old.gif) 0 center no-repeat}

（3）上传布标new.gif和old.gif到themes\site\default\images\3g
这个两个文件在这个路径下可以找到themes\site\default\images\forum

（4）覆盖更新以上修改的文件，后端更新网站缓存，刷新就可以看到下面的效果了

图片：20140701155117.jpg

2、文章分享
加这个功能的原因是，为了方便分享一些文章到微信的朋友圈，也许可以通过检测是移动终端访问自动跳转到wap版来实现，没去研究，就用最直接的方式吧，这个方法之前在官方论坛也写过一篇帖子，这里就简单写一点，详细的请看这个教程http://www.phpwind.net/read/3150900
(1)、从加网获取到代码（uid=xxxx，这个xxxx是在加网注册的账号ID），例如：

&lt;!-- JiaThis Button BEGIN --&gt;
&lt;div class="jiathis_style_24x24"&gt;
    &lt;a class="jiathis_button_qzone"&gt;&lt;/a&gt;
    &lt;a class="jiathis_button_tsina"&gt;&lt;/a&gt;
    &lt;a class="jiathis_button_tqq"&gt;&lt;/a&gt;
    &lt;a class="jiathis_button_weixin"&gt;&lt;/a&gt;
    &lt;a class="jiathis_button_renren"&gt;&lt;/a&gt;
    &lt;a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"&gt;&lt;/a&gt;
    &lt;a class="jiathis_counter_style"&gt;&lt;/a&gt;
&lt;/div&gt;
&lt;script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=xxxx" charset="utf-8"&gt;&lt;/script&gt;
&lt;!-- JiaThis Button END --&gt;

（2）把这段代码添加到文件template\3g\read_floor.htm 的126行下面，记得在128行加上这两个样式clearfix mb5

&lt;!--# if ($read['lou'] == 0) { #--&gt;
  &lt;!-- JiaThis Button BEGIN --&gt;
  &lt;div class="jiathis_style_24x24 clearfix mb5"&gt;
      &lt;a class="jiathis_button_qzone"&gt;&lt;/a&gt;
      &lt;a class="jiathis_button_tsina"&gt;&lt;/a&gt;
      &lt;a class="jiathis_button_tqq"&gt;&lt;/a&gt;
      &lt;a class="jiathis_button_weixin"&gt;&lt;/a&gt;
      &lt;a class="jiathis_button_renren"&gt;&lt;/a&gt;
      &lt;a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"&gt;&lt;/a&gt;
      &lt;a class="jiathis_counter_style"&gt;&lt;/a&gt;
  &lt;/div&gt;
  &lt;script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=xxxx" charset="utf-8"&gt;&lt;/script&gt;
  &lt;!-- JiaThis Button END --&gt;
  &lt;div class="read_appbtn_wrap"&gt; 
    &lt;!--# if (!$read['pid']) { #--&gt;
    &lt;a role="button" rel="nofollow" href="{@url:like/mylike/doLike}" data-tid="{$tid}" data-pid="{$read['pid']}" data-fid="{$fid}" class="icon_read_like J_like_btn J_qlogin_trigger" data-role="main" data-typeid="1" data-fromid="{$read['tid']}"&gt; &lt;span&gt;喜欢&lt;/span&gt;&lt;em class="J_like_count"&gt;{$read['like_count']}&lt;/em&gt; &lt;/a&gt; 
    &lt;!--# } #--&gt;
    &lt;hook class='$threadDisplay' name='createHtmlContentBottom' args="array($read)" /&gt;
  &lt;/div&gt;

（3）覆盖更新文件，清缓存，刷新，就会看到下面效果图了

图片：20140701161101.jpg