西京同城信息网修改备忘录
西京同城信息网(点微)修改备忘
NO1.移动端信息详情页去掉发布人
分类信息详情页发布人隐藏,修改source/plugin/tom_tongcheng/images/tongcheng.css ,其中info-item-fbr样式隐藏即可
在文件最下面增加这个样式设定简单点
#tc_info .info-item .info-item-fbr{display:none;}
NO2.手机端用户登录logo替换
替换位置在source/plugin/tom_ucenter/images/logo.png
NO3.PC端头条列表页日期年份改为显示4位数
编辑文件source/plugin/tom_tcpc/template/list_toutiao.htm,大约第47行开始位置,将'Y-m-d H:i'改为'y-m-d H:i'即可
<div class="toutiao-time"> <a class="zuozhe" href="{$value['zuozheUrl']}" title="{$value['zuozheInfo']['name']}" target="_blank">{$value['zuozheInfo']['name']}</a> <a class="time" href="{$value['infoUrl']}" title="{$value['title']}" target="_blank">{date($value[add_time], 'u','9999','Y-m-d H:i')}</a> </div>
NO4.PC端头条文章编辑器标题样式修改
位置在source/plugin/tom_ueditor/ueditor.config.js,本人修改后为以下样式
,'customstyle':[ {tag:'span', name:'tc', label:'titlecenter', style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;text-align:center;margin:0 0 20px 0;'}, {tag:'span', name:'tl',label:'titleleft', style:'border-bottom:#ccc 2px solid;padding:0 4px 0 0;margin:0 0 10px 0;'}, {tag:'span',name:'im', label:'titleblack', style:'font-style:italic;font-weight:bold'}, {tag:'span',name:'hi', label:'titleblue', style:'font-style:italic;font-weight:bold;color:rgb(51, 153, 204)'}, {tag:'span',name:'wsy', label:'titlewsy', style:'font-weight:bold;color:rgb(51, 153, 204)'} ]
NO5.PC端首页个性化底部
增加了一个首页专用底部文件,位置source/plugin/tom_tcpc/template/footerindex.htm,在index.htm文件中加以引用即可,footerindex.htm完整代码此略
NO6.头条PC端和移动端文章下面增加相关文章
编辑器内源代码如下
<hr/> <p> 温馨提示:微信搜索公众号【西京同城】,关注后在对话框回复【情人节】预约情人节婚姻登记,查看西安情人节活动汇总(展览+电影+演唱会+商场活动+景区活动等),查看游玩攻略! </p> <hr/> <ul class=" list-paddingleft-2"> <li> <p> <a href="#">怎么去西安火车站</a> </p> </li> <li> <p> 怎么去西安北站 </p> </li> <li> <p> 怎么去西安西站 </p> </li> <li> <p> 西安东站在哪里,开通了吗 </p> </li> <li> <p> 西安南站在哪里,什么时间开通 </p> </li> </ul>
PC端在source/plugin/tom_tcpc/images/reset.css最下面增加样式
.list-paddingleft-2{background:#FFF7F4;padding:10px;} .list-paddingleft-2 li{width:50%;list-style-type:disc;list-style-position: inside;display:inline-block;padding-left:20px;background: url(jian.gif) left center no-repeat;} .list-paddingleft-2 li a{color:#ff0000;text-decoration:underline;} .list-paddingleft-2 li a:hover{color:#ff0000;text-decoration:underline;font-weight:bold;}
移动端在source/plugin/tom_tctoutiao/images/style.css最下面增加样式
.list-paddingleft-2{background:#FFF7F4;padding:10px;} .list-paddingleft-2 li{width:100%;list-style-type:disc;list-style-position: inside;display:inline-block;padding-left:20px;background: url(dr.gif) left center no-repeat;} .list-paddingleft-2 li a{color:#ff0000;text-decoration:none;font-weight:normal;text-decoration: underline;} .list-paddingleft-2 li a:hover{color:#ff0000;text-decoration:underline;}
NO7.修复头条PC端和移动端文章中表格边框不显示bug
PC端在source/plugin/tom_tcpc/images/style.css最下面增加样式
.toutiao-content td, .toutiao-content th { padding: 5px 10px; border: 1px solid #DDD; }
移动端在source/plugin/tom_tctoutiao/images/style.css最下面增加样式
.toutiao-content td, .toutiao-content th { padding: 4px 0; border: 1px solid #DDD; font-size: 0.8em; }
NO8.修复移动端文章中表格不能自动居中问问题
在source/plugin/tom_tongcheng/images/style.css 中这个类里面删除掉.table和.tbody即可,这个只是起部分作用,一些表格需要在编辑器内选择居中才生效。
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; list-style: none }
NO9.手机移动端首页去掉显示店铺数
控制代码在source/plugin/tom_tongcheng/template/index.htm,把1改为0即可
<!--{if $__ShowTcshop == 0}--> {lang tom_tongcheng:index_ruzhu_all} <font color="#ff4700">{$ruzhuNumTxt}<!--{if $ruzhuNum > 10000}-->{lang tom_tongcheng:wan}<!--{/if}--> </font>
NO10.PC端文章详情页面增加社会化分享功能
主要编辑文件为source/plugin/tom_tcpc/template/toutiaoinfo.htm ,在相应位置添加如下代码,另外还需要引入JS和CSS两个目录文件,参此文
另外点微PC端模板文件必须修改下编码,否则中文有乱码,用notepad++打开后菜单选择编码-UTF8即可
<link rel="stylesheet" href="share/share.css" /><script src="share/share.js"></script><div class="sharebox"> <div class="label">分享给朋友:</div> <div class="sharebtn"> <div class="sharing" data-initialized="true"><a href="#" class="share-icon icon-weibo">微博</a><a href="#" class="share-icon icon-qq">QQ</a><a href="#" class="share-icon icon-wechat">微信</a><a href="#" class="share-icon icon-douban">豆瓣</a><a href="#" class="share-icon icon-qzone">QQ空间</a> </div> </div> </div>
NO11.移动端发布信息页面去掉干扰链接
牵涉到这两个文件,直接删除代码链接部分即可
source/plugin/tom_tongcheng/template/fabu_step1.htm以及fabu_step2.htm
NO12.PC端文章详情页增加blockquote样式,修改P标签段距。
source/plugin/tom_tcpc/images/reset.css文件中,以下关键代码
blockquote{ border-radius: 8px; border: 1px solid #EAEAEA; background: #f4f5f7; color:#777777; padding:8px 14px; } p{ margin:6px 0; padding: 0 } blockquote p:before{ content: ""; float:left; width: 31px; height: 27px; background: url(blockquote.png)no-repeat; } blockquote p:after{ right: 8px; bottom: 8px; float:right; content: ""; display: block; width: 31px; height: 27px; background: url(blockquote.png)no-repeat; transform: rotateZ(180deg); }
NO13.移动端文章详情页增加blockquote样式,修改P标签段距。
修改source/plugin/tom_tctoutiao/images/style.css样式
.tctoutiao-info .info-main .info-toutiao__content .toutiao-content p{line-height: 1.6;font-size: 1em;margin:8px 0;}
修改source/plugin/tom_tongcheng/images/style.css样式
blockquote{border-radius: 4px;border: 1px solid #EAEAEA;background: #f4f5f7;padding:8px;color:#777777;margin:0;}.list-paddingleft-2{background:#FFF7F4;}.list-paddingleft-2 li{width:100%;list-style-type:disc;list-style-position: inside;display:inline-block;padding-left:20px;background: url(dr.gif) left center no-repeat;}.list-paddingleft-2 li a{color:#ff0000;text-decoration:none;font-weight:normal;text-decoration: underline;}.list-paddingleft-2 li a:hover{color:#ff0000;text-decoration:underline;} blockquote p:before{ content: ""; float:left; width: 24px; height: 18px; background: url(blockquote.png)no-repeat; } blockquote p:after{ right: 8px; bottom: 8px; float:right; content: ""; display: block; width: 24px; height: 18px; background: url(blockquote.png)no-repeat; transform: rotateZ(180deg); }
移动端头条文章内超链接增加下划线显示样式,source/plugin/tom_tongcheng/images/style.css最下面增加样式
#id_toutiao_content a, #id_toutiao_content a:link {text-decoration:underline;}
NO14.增加移动端统计代码
点微默认后台只能给PC端加统计代码,同城信息移动端也可以加,唯独头条文章插件不能加,可以复制一个文件,common.js改为common-tongji.js
source/plugin/tom_tongcheng/images/common.js
修改后的js引用文件替换到这四个文件即可source/plugin/tom_tctoutiao/template/目录中的index.htm和info.htm
此步骤纯属多余,经过测试,点微头条内可以统计到
NO15. 修改点微虚拟用户数
数据库下面两个表中修改最后一个用户的ID即可,据说只改第一个也可以,本人是在最后一个用户数据前加了28万
分类信息用户表 pre_tom_tongcheng_user
用户中心用户表 pre_tom_ucenter_member
NO16.修改点微移动端默认字体大小
因为移动端默认字体偏小,本人决定把字体改大,结果发现有连锁反应。正文字体改大后标题部分字体变的太大不好看了,需要继续修改标题等多个地方CSS,比较麻烦
修改文件tom_tongcheng/images/style.css
@media screen and (min-width: 360px) and (max-width:480px) { body { font-size: 16px } }
NO17.移动端简图模式列表样式修改
修改source/plugin/tom_tongcheng/ajax/list.php
这里修改了多处,下面为调整图文左右显示,另外也在代码处改了置顶,类别显示位置,删除了原来的头像,用户名显示
<div class="tuwenlist_bd dislay-flex" style="flex-direction:row-reverse;">';
修改tom_tongcheng/images/style.css
.tuwenlist_item .tuwenlist_item_pic { width: 110px; height: 90px; margin-left: 10px; position: relative; }
NO18.修改移动端头条详情页,增加头部导航,正文下二维码广告图
修改文件tom_tctoutiao/template/info.html
注意:因为里面增加了汉字,必须本地编辑模板文件后选择转化为UTF8,然后上传服务器,DZ后台清空缓存,前台浏览器清空缓存,刷新才生效
增加部分代码1:
<!--{if $tctoutiaoConfig['info_toutiao_shengming']}-->
<section class="info-main" style="padding:10px;">
<div style="background:#F4F5F7;margin:10px;margin-top:1px;border-radius:8px;padding:4px 15px;border:1px solid #EAEAEA;">
<img src="https://m.xijingtongcheng.com/wsy/nei180.jpg" style="float:left;display:block;width:50px;">
<div style="float:left;margin-left:15px;margin-top:8px;">
<b style="color:#1aaaf1;">西安微信群</b>
<p style="font-size:13px;color:#FF0033;margin-top:5px">西安微信群自助交流</p >
</div>
<div style="color:#1aaaf1;border:1px solid #1aaaf1;border-radius:5px;padding:8px 10px;float:right;margin-top:10px;" onclick="wxQun ();"><a target="_blank" href=" https://m.xijingtongcheng.com/wsy/xjtc586.jpg">我要加群</a ></div>
<div style="clear:both"></div>
</div>
<div class="toutiao-bot"><img src="https://m.xijingtongcheng.com/wsy/xxewm760.jpg"></div>
<div class="shenming-top" style="background:#000000;color:#ffffff;text-align:center;margin-top:10px;padding:10px 0;">西京同城声明</div>
<div class="toutiao-shengming" style="color:#33334D;padding:8px;">{$tctoutiaoConfig['info_toutiao_shengming']}</div>
</section>
<!--{/if}-->
还有个代码2增加在后面
</script>
<section class="tctoutiao-header">
<div id="header-nav" class="header-nav dislay-flex" style="position: fixed;">
<a class="header-search" href="plugin.php?id=tom_tongcheng&site={$site_id}&mod=index"><img src="source/plugin/tom_tctoutiao/images/logo.gif" width="100px"></a>
<div class="header-nav__box">
<a href="https://m.xijingtongcheng.com/toutiao/list-1-5-1.html"><span>交通</span></a>
<a href="https://m.xijingtongcheng.com/toutiao/list-1-6-1.html"><span>教育</span></a>
<a href="https://m.xijingtongcheng.com/toutiao/list-1-7-1.html"><span>旅游</span></a>
<a href="https://m.xijingtongcheng.com/toutiao/list-1-4-1.html"><span>活动</span></a>
<a href="https://m.xijingtongcheng.com/toutiao/list-1-7-1.html"><span>安居</span></a>
<a href="https://m.xijingtongcheng.com/toutiao/list-1-8-1.html"><span>医疗</span></a>
<a href="https://m.xijingtongcheng.com/toutiao/list-1-8-1.html"><span>社保</span></a>
<a href="https://m.xijingtongcheng.com/toutiao/list-1-9-1.html"><span>招聘</span></a>
<a href="https://m.xijingtongcheng.com/toutiao/list-1-2-1.html"><span>政务</span></a>
</div>
<a class="header-search" href="plugin.php?id=tom_tctoutiao&site={$site_id}&mod=search"><i class="tciconfont tcicon-sousuo tc-template__color"></i></a>
</div>
</section>
</body>
</html>
版权声明:本文由指尖十年发布,如需转载请注明出处,如有问题可在下面留言。
本站提供的一切软件、教程和内容信息来自网络收集整理,版权争议与本站无关,仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系。