当前位置:首页 > 源码分享 > 技术教程 > 正文内容

西京同城信息网修改备忘录

zjsn1年前 (2023-01-22)技术教程447

西京同城信息网(点微)修改备忘

NO1.移动端信息详情页去掉发布人

分类信息详情页发布人隐藏,修改source/plugin/tom_tongcheng/images/tongcheng.css ,其中info-item-fbr样式隐藏即可

在文件最下面增加这个样式设定简单点

#tc_info .info-item .info-item-fbr{display:none;}

333.jpg

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}&nbsp;<font color="#ff4700">{$ruzhuNumTxt}<!--{if $ruzhuNum > 10000}-->{lang tom_tongcheng:wan}<!--{/if}--> </font>&nbsp;

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个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系

本文链接:https://www.zjsn.net/?id=54

分享给朋友:

“西京同城信息网修改备忘录” 的相关文章

给网站侧边栏如何加上美女视频联播模块

给网站侧边栏如何加上美女视频联播模块

打开本站首页,有没发现右下角有个美女视频呢,哈哈,今天给大家分享下如何在网站上加美女视频。一个非常实用的侧边模块,可以自己在网站建一个侧边栏模块,粘贴下面代码进入保存,一般就可以了。不想看了点击下视频暂停,就不会继续了。<div>     <...

QQ/微信提示已停止访问该网页如何解除

QQ/微信提示已停止访问该网页如何解除

许多站长都有过域名在qq或者微信爆红的经历把今天指尖十年教你们一个解除域名的方法教程开始1.首先随便找个单页源码挂到网站上面,让别人一打开就知道你这个网站是个单页2.把你爆红的域名绑定上去(@和*都要解析)3.然后将域名放置三天不要动4.一个星期之后访问这个地址提交申诉,第二天就能解除了https:...

http和https带www不带www四个网址如何统一为一个

http和https带www不带www四个网址如何统一为一个

很早以前,站长做网站只需要http访问即可,这几年随着企业和用户对安全问题的重视,许多网站都已改为https加密访问。随之也可能出现这种情况,同一个页面内容,可以有四个不同的网站,分别是http访问,https访问,带www访问,不带www访问,作为一个SEOer,页面统一入口也成为一个不大不小的问...

Win10系统22H2版本如何关闭讨厌的热门搜索推荐栏

Win10系统22H2版本如何关闭讨厌的热门搜索推荐栏

本人电脑以前是win10系统21H1版本,已经手动关闭了系统自带所有广告提示,今天电脑自动升级到了22H2版本,居然在使用本地搜索功能时出现一个热门搜索栏。里面显示乱七八糟的推荐内容,一旦点击,就会跳转到Edge浏览器中Bing搜索结果页面。作为一个精神洁癖和强迫症双重患者,怎堪忍受如此行径。在系统...

西京同城导航网站改版修改文件备注

西京同城导航网站改版修改文件备注

以下为本人修改西京同城导航站记录备份,以防万一忘记修改的地方2022.11.22(1)手机端隐藏首页点图大图(2)手机端侧边栏点图自适应宽度(3)申请收录页面一行填写两项改为一项2022.11.23(4)增加首页侧边栏分类显示(5)修改点出图片系统自适应浏览器宽度(6)修改手机端下方单链友链一行显示...

西京同城导航站部分网站点入不会自动排第一位置bug修复办法

西京同城导航站部分网站点入不会自动排第一位置bug修复办法

昨天发现,部分网站链接点入西京同城导航站,结果不会自动排到第一位,后来咨询作者,得以修复这个bug,下面是该问题解决步骤:1. 进入宝塔面板,已安装软件,找到mysql数据库,在设置内增加一行配置代码,event_scheduler = on如下图,然后重启数据库服务让配置生效。...

发表评论

访客

看不清,换一张

◎欢迎参与讨论,请在这里发表您的看法和观点。