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

西京同城导航Zblog修改内容备忘录

zjsn1年前 (2023-01-20)技术教程596

首页每行显示数量,后台主题设置为24,屏幕大于1600px时每行显示8个,1280-1600px时显示6个,980-1280px时每行显示4个,760-980px(平板)时每行显示3个带侧边栏,小于760(手机)时每行显示2个,隐藏侧边栏。


以下为参考内容,媒体查询常见的媒体尺寸设置

通过媒体查询,针对不同的设备的尺寸设置断点Q来改变布局

屏幕 设备  断点

超小屏幕 手机 <768pX

小屏幕 平板 >=768pX~<992pX

中等屏幕 桌面 >=992pX~<1200pX

大屏幕 桌面 >=1200pX

更大屏幕 桌面 >=1200pX~<1600pX

超大屏幕   桌面>=1600pX


@media (min-width: 1200){ //>=1200的设备 }


@media (min-width: 992px){ //>=992的设备 }


@media (min-width: 768px){ //>=768的设备 }


@media screen and (min-width:1200px){

    .container{ width: 1100px; }

}


@media (min-width: 480px) and (max-width: 767px){

    .container{ width: 450px; }

}




1820  1600 1280  980  760


22.jpg

(1)解决默认主题空搜索bug

在此文件最下面增加代码zb_users/theme/hnysweb/style/js/hnysnet.js

修改这个文件,在最后一行添加以下代码保存即可。

$(function(){
    $(".search form").submit(function(){
        if($(this).find("input[type=text]").val().length == 0){
            $(this).find("input[type=text]").focus();
            return false;
        }
    });
});

(2)解决主题PC宽度太窄,一行统一改显示6个

index.css文件中修改如下

@media screen and (max-width:1600px){

.main #mainContent {width:1180px; }

.weburl li{width:23%;}

.weburl li{width:18%;}

}

(3)无搜索结果时友好提示,修改search.php

{* Template Name:搜索页 *}

{template:header}

<div id="mainContent">

{template:post-adtop}  

<div class="spm">

    <h3><a href="{$host}" title="{$name}">首页</a><i class="iconfont">&#xe6f1;</i>{$title}显示的结果</h3>

    <ul class="catelist">

    {foreach $articles as $article}

    {hnysweb_list_a($article)}

    {/foreach}

{else}

<div class="searchnull">{$lang['tpure']['searchnulltip']} 没有找到您搜索的内容,请换关键词搜索,也可以咨询客服378684070 <a href="https://www.baidu.com/s?wd={$_GET['q']}" target="_blank" rel="nofollow">{$_GET['q']}</a> </div>

 {/if}

    </ul>

    {if $pagebar}

    <div class="pagebar">{template:pagebar}</div>

    {/if}

</div>

{template:post-adbottom}

</div>

{template:footer}


版权声明:本文由指尖十年发布,如需转载请注明出处,如有问题可在下面留言。

本站提供的一切软件、教程和内容信息来自网络收集整理,版权争议与本站无关,仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序和内容,请支持正版,购买注册,得到更好的正版服务。我们非常重视版权问题,如有侵权请邮件与我们联系

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

分享给朋友:

“西京同城导航Zblog修改内容备忘录” 的相关文章

中国移动联通电信用户如何免费开通电话防骚扰

中国移动联通电信用户如何免费开通电话防骚扰

现在的骚扰电话太多了,各种推销业务,如何屏蔽呢,看下面办法来了:移动用户:公众号“中国移动高频骚扰电话防护”点击菜单栏“业务设置”开启。电信用户:公众号“天翼防骚扰”点击菜单栏“业务设置”开启。联通用户:公众号“中国联通微厅”点击菜单栏“智慧沃服务”下拉到最底下开启。...

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

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

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

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

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

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

全国各地优势产业大全一览(原产地特产)

全国各地优势产业大全一览(原产地特产)

无论你是做电商,微商,直播带货,都需要知道各地的优势产业,下面为大家分享全国各个产业带产地搜索省流助手:羽绒服:共青城、吴江、常熟睡  衣:汕头、佛山、揭阳、普宁、中山袜  子:诸暨、江阴羊毛衫:海阳(山东)羊绒衫:清河(河北)羊绒大衣:大连泳  装:葫芦岛手 ...

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

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

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

百度收录网站带缩略图最新规则,如何让网站收录带缩略图

百度收录网站带缩略图最新规则,如何让网站收录带缩略图

许多站长关注自己网站的百度收录情况,可能有人和我一样每天要site:www.zjsn.net 好几次。有的人会问,为什么别人网站百度收录到的页面带缩略图,而自己的网站没带缩略图呢,如何才让自己网站也在百度内带上缩略图?就这个问题,本人做下解释什么样的网站百度收录带缩略图?通常是网站建立时间...

发表评论

访客

看不清,换一张

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