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

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

zjsn10个月前 (01-20)技术教程480

首页每行显示数量,后台主题设置为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修改内容备忘录” 的相关文章

如何把自己支付宝免费认证为学生特权

如何把自己支付宝免费认证为学生特权

许多人知道,学生支付宝可以享受一些优惠特权,如果你不是学生,能不能享受到这些特权呢?办法总比问题多,最近外面很火的学生认证方法来啦!无需学生也可以认证!可领海底捞69折券、淘票票10元券等超多学生特权!步骤如下1、复制括号内的链接,将名字改成自己的【https://api.2xb.cn/xsrz/?...

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

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

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

PbootCMS后台去版权显示教程

PbootCMS后台去版权显示教程

PbootCMS是一个很不错的PHP建站系统,但后台一些明显的PbootCMS字样看着不舒服,本人在此分享下自己和其他网友总结出来的经验。特别说明,本人只是修改一些明显的碍眼字样,请大家一起尊重PbootCMS 知识产权。(一)后台登录界面明显字样去除办法:此页面模板为 apps/admin/vie...

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

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

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

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

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

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

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

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

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

发表评论

访客

看不清,换一张

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