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

元之本网站建设2019-07-29 09:44:5812140ptcms

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

如果看不懂,可以在留言

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/

评论

«   2020年8月   »
12
3456789
10111213141516
17181920212223
24252627282930
31
宝塔服务器面板,一键全能部署及管理,送你3188元礼包,点我领取
扫描即可关注我们