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

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

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

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

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:...

 pbootcms多语言建站常见问题(转载)

pbootcms多语言建站常见问题(转载)

一、如何搭建多语言站?多语言/区域建站用于使用同一个后台建立多语言网站。1、使用步骤1)在后台”系统管理>数据区域”添加相应的区域,具体参考默认区域;2)将多语言的模板放入模板目录,不同语言的模板均放在template目录下;3)在后台选择语言切换到不同语言,分别设置:站点信息(注意选择模板)...

PbootCMS模板主题可用标签大全(PbootCMS仿站必备标签)

PbootCMS模板主题可用标签大全(PbootCMS仿站必备标签)

以下为PbootCMS网站模板可用标签收集整理大全,免费分享1、公司信息标签适用范围:全站任意地方均可使用。标签作用:用于调取网站与公司相关的信息,对应后台的“基础内容>公司信息”。{pboot:companyname}公司名称{pboot:companyaddress}公司地址{pboot:...

新版本微信内置浏览器清理缓存方法,debugx5.qq.com已失效

新版本微信内置浏览器清理缓存方法,debugx5.qq.com已失效

网上流传的安卓微信清理内置浏览器缓存方法已失效,因为微信内置浏览器据说不再是X5内核,改为使用xweb内核下面几个X5内核清理缓存网址也失效了。https://debugx5.qq.com http://debugtbs.qq.com debugmm.qq.com/?forcex5=true因为...

发表评论

访客

看不清,换一张

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