公告:

欢迎访问元元本本博客-关注建站技术、SEO优化、主机服务器、站长学习分享!

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

作者:元元本本博客 / 时间:5个月前 (07/29) / 分类:网站建设 / 阅读:357 / 评论:0

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

如果看不懂,可以在留言

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仿蜻蜓听书添加作者搜索方法-第2张图片-元元本本

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

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

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仿蜻蜓听书添加作者搜索方法-第4张图片-元元本本

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

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

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

打赏支付宝打赏微信打赏
  • QQ交流群
  • 互相指导
  • 博客主微信
  • 方便沟通

没有评论,留下你的印记,证明你来过。


发表评论:取消回复

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