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

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

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

如果看不懂,可以在留言

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人评论 , 2642人围观)
☹还没有评论,来说两句吧...
«    2023年4月    »
12
3456789
10111213141516
17181920212223
24252627282930
宝塔服务器面板,一键全能部署及管理,送你3188元礼包,点我领取