首页 学习教程网站建设正文

PTcms仿蜻蜓听书添加作者搜索方法

元之本 网站建设 2019-07-29 09:44:58 1743 0 ptcms

由于需要替换的页面比较多,考虑到有很多小伙伴对模板进行了二次修改,所以就不给大家直接打包源码了,需要添加作者搜索的话,按照下面的方法直接添加代码即可。

如果看不懂,可以在留言

PTcms仿蜻蜓听书添加作者搜索方法  ptcms 第1张

  • 手机端搜索添加方法:

1.1 手机端css代码:

<style type="text/css">

.xuandiv{width: 160px;height: 30px;position: absolute;left: -10px;}

.xuan{width: 20px !important; height: 15px !important;display: inline-block !important;float: none !important;}

.xuandiv p{display: inline-block;}

</style>

1.2 手机端HTML代码:

<div class="xuandiv">

     <input class="xuan" checked type="radio" name="searchtype" value="name"/><p>书名</p>

      <input class="xuan" type="radio" name="searchtype" value="author"/><p>作者</p>

</div>

 

1.3复制css代码到</head>标签前面,如下:

PTcms仿蜻蜓听书添加作者搜索方法  ptcms 第2张

1.4复制HTML代码到<form action=”{link=’novelsearch.search.result’}”

class="search-guide" method="post">代码后面,如下:

PTcms仿蜻蜓听书添加作者搜索方法  ptcms 第3张

1.5需要修改的文件如下:

进入手机端模板文件夹template/360xiankan/gook/novelsearch

需修改的文件明细:

index.html

category.html

categoryindex.html

dir.html

down.html

info.html

over.html

page.html

search.html

top.html

topindex.html

 

二:电脑端搜索添加方法:

2.1电脑端css代码:

<style type="text/css">

.xuandiv{width: 160px;height: 30px;position: absolute;left: -110px;}

.xuan{width: 20px !important;height: 15px !important;display: inline-block !important;}

.xuandiv p{display: inline-block;}

</style>

2.2电脑端HTML代码:

<div class="xuandiv">

            <input class="xuan" checked type="radio" name="searchtype" value="name"/><p>书名</p>

             <input class="xuan" type="radio" name="searchtype" value="author"/><p>作者</p>

         </div>

2.3 复制css代码到</head>标签前面,如下:

PTcms仿蜻蜓听书添加作者搜索方法  ptcms 第4张

2.4 复制HTML代码到<form action=”{link=’novelsearch.search.result’}”

class=”search”>代码后面,如下:

PTcms仿蜻蜓听书添加作者搜索方法  ptcms 第5张

2.5需要修改的文件如下:

进入手机端模板文件夹template/pcmbv4.5/gook/novelsearch

需修改的文件明细:

author.html

category.html

categoryindex.html

dir.html

down.html

green.html

index.html

info.html

over.html

search.html

top.html

topindex.htm

打赏 支付宝打赏 微信打赏
版权声明

本文仅代表作者观点,不代表本站立场。
本文系作者授权发表,未经许可,不得转载。

本文链接:http://www.yuyubebe.cn/2019/07/4/

发表评论

评论列表(0人评论 , 1743人围观)
☹还没有评论,来说两句吧...
«   2021年8月   »
1
2345678
9101112131415
16171819202122
23242526272829
3031
宝塔服务器面板,一键全能部署及管理,送你3188元礼包,点我领取