ZblogPhp模版-BlueSea_CMS自适应模版

XiaoFeng 9年前 (2015-10-27) ZBlog 人围观 42次吐槽

仿站的前提下再进行增减出来的一款模版，个人感觉是非常好看的，而且有着非常炫酷的评论样式。

具体演示地址稍后会用在我主站上面去，想看演示站点的话直接去我主站看就好了。传送门--->美文美句

主题特点：

1、自适应（这必须的撒..），手机，iPad，电脑等设备一套主题即可。
2、内置后台主题配置面板，可上传LOGO、侧栏二维码、首页关键词、描述、AD、公告等一系列设置。
3、文章缩略图依赖SF的缩略图插件。
4、兼容IE9+（IE9下部分特效无显示，但页面是正常的且不影响使用）、Firefox、Chrome、safari、opera等PC端和移动端浏览器。
5、炫酷的顶部特效，ZblogPhp应用中心第一个（暂时是唯一一个）弹出式评论框（感觉也是比较炫酷的）
6、首页侧栏宽度为260px，内页侧栏宽度为300px
7、自带图片延迟加载
8、自带侧栏跟随，并且可以随意设置某个侧栏模块为跟随
9、自带5个模块，分别为7天、30天、90天热门文章和最近更新、站长推荐
10、搜索页优化

主题说明：

1、设置在首页显示的那8个或者10个分类，每个分类最好有6篇文章以上，不然错位。
2、主题安装完毕后，这时候是没有模块的，先在主题配置-基本配置里面填好模块要显示的数量，然后去随便编辑一篇文章，提交后才会生成5个模块，在模版管理里面可以看到。
3、首页上部分使用侧栏1；
下部分使用侧栏2；
搜索页和列表页（普通样式）使用侧栏3；
文章页使用侧栏4

模版下载地址：正在提交审核

附上模版原始代码（你们修改代码要是搞错了可以在这里得到原始的代码..）

公告右边（可带链接）：

<a href="http://luckyhai.com/" rel="nofollow" title="留言本" target="_blank">点击进去可以留言和站长互动哇哦！</a>

Footer修改（包括版权）：

<p> <a href="http://luckyhai.com/" rel="license" target="_blank"> 美文美句 </a> · 2014 - 2015 · 保留一切权利  · 基于<a href="http://www.zblogcn.com/" title="RainbowSoft Z-BlogPHP" target="_blank">Z-BlogPHP</a>搭建 · 优雅地使用BlueSea主题</p>

首页Footer的关于本站：

<h3>关于本站</h3>
<p>美文美句提供抒情散文-情感文章-爱情语录-励志签名等在线欣赏;欢迎收藏本站.</p>
<p>本站的文章和资源来自互联网或者站长的原创.如果有侵犯版权的资源请尽快联系站长,我们会在24h内删除有争议的资源.</p>
<p>站长QQ:284204003,站长邮箱:284204003@qq.com</p>

category：

<ul>
<li class="cat-item cat-item-199"><a href="//127.0.0.1/111" title="111">111</a></li>
<li class="cat-item cat-item-198"><a href="//127.0.0.1/222" title="222">222</a></li>
</ul>

电脑导航，附带下拉例子：

<li class="gnli pulldown"><a class="gna" href="你的地址" title="你的标题">你的标题</a></li>
<li class="gnli pulldown"><a class="gna" href="你的地址" title="你的标题">你的标题</a></li>
<li class="gnli pulldown"><a class="gna" href="你的地址" title="你的标题">你的标题</a></li>
<li class="gnli pulldown"><a class="gna" href="你的地址" title="你的标题">下拉下拉</a>
<div><a class="gna" href="你的地址" title="你的标题" >下拉下1</a><a class="gna" href="你的地址" title="你的标题" >下拉下2</a></div>
</li>

mobilenav（手机导航）：

<ul class="xf-menu">
<li>
<form name="search" class="search-form" method="post" action="http://你的域名/zb_system/cmd.php?act=search">
<input name="q" class="search-input" placeholder="输入关键词后回车一下即可搜索" id="edtSearch" type="text">
<input value="" style="display:none" class="search-submit" id="btnPost_2" type="submit">
</form>
</li>
<li><a href="https://www.songhaifeng.com/" title="自己填写" >自己填写</a></li>
<li><a href="https://www.songhaifeng.com/" title="自己填写" >自己填写</a></li>
<li>
<a href="https://www.songhaifeng.com/" title="自己填写" >自己填写</a>
<ul class="xf-submenu">
<li class="xf-back"><a href="#">返回上一级</a></li>
<li><a href="https://www.songhaifeng.com/" title="自己填写" >自己填写</a></li>
<li>
<a href="https://www.songhaifeng.com/" title="自己填写" >自己填写</a>
<ul class="xf-submenu">
<li class="xf-back"><a href="#">返回上一级</a></li>
<li><a href="https://www.songhaifeng.com/" title="自己填写" >自己填写</a></li>
<li><a href="https://www.songhaifeng.com/" title="自己填写" >自己填写</a></li>
</ul>
</li>
</ul>
</li>
</ul>

page：

<ul>
<li class="page_item page-item-93"><a href="//127.0.0.1/GGG" title="GGG">GGG</a></li>
<li class="page_item page-item-87"><a href="//127.0.0.1/HHH"  title="HHH">HHH</a></li>
</ul>

tag：

<a href='http://luckyhai.com/' title='SSS' style='font-size: 12px;'>SSS</a>
<a href='http://luckyhai.com/' title='JJJ' style='font-size: 12px;'>JJJ</a>

最后来几张主题配置的截图，主题就不截图了，麻烦，稍后我主站换上去之后，大家可以直接去看：