Zblog隔壁老李果皮主题修改备忘录

贝联科技网站使用的是ZBLOG系统的隔壁老李出品果皮主题，当时看上这个主题主要基于两点：

其一，自带了生成海报功能。

其二，文章页面的两栏布局，接近今日头条样式。

这个主题使用以来也发现一些问题，本人在此做以备份记录，主要是给自己看，对有遇到相同问题的朋友可能也有些用处。

（1）登录网站后台后，前台文章页面不会自动出现编辑菜单。

参考其他主题，本人做了修改，完美解决，修改文件为果皮主题中post-single.php文件，代码加在这行下面即可。

<li class="uptimer">更新：{$article.Time('Update','Y-m-d H:i:s')}</li>

<li class="uptimer">{if $user.ID>0}<span>{if $type=='category'}<a href="{$host}zb_system/admin/category_edit.php?act=CategoryEdt&id={$category.ID}" target="_blank">编辑</a>
{elseif $type=='article'}<a href="{$host}zb_system/admin/edit.php?act=ArticleEdt&id={$article.ID}" target="_blank">编辑</a>{elseif $type=='page'}<a href="{$host}zb_system/admin/edit.php?act=PageEdt&id={$article.ID}" target="_blank">编辑</a>
{elseif $type=='tag'}<a href="{$host}zb_system/admin/tag_edit.php?act=TagEdt&id=1{$tag.ID}" target="_blank">编辑</a>
{else}{/if}</span>{/if} </li>

（2）PC版文章页面的左侧分享图标长度过长，覆盖了尾部文字超链接问题。

这个老李写的左侧分享图标DIV列为position:fixed，层级权重99，同时设定了bottom值为0，导致鼠标下拉到下面后覆盖了尾部菜单超链接点击功能。解决办法为修改主题中style.css，文件中 #sticky-wrapper元素样式中删除bottom:0即可。 

（3）主题适配用户下拉卡片代码备份

<ul class="row">
<li><a href="#" target="_blank" class="col"><span><i class="jzicon-jzhome"></i></span><small class="d-block">我的主页</small></a></li>
<li><a href="#" target="_blank" class="col"><span><i class="jzicon-jzqipaoc"></i></span><small class="d-block">我的评论</small></a></li>
<li><a href="#" target="_blank" class="col"><span><i class="jzicon-jzxin-b"></i></span><small class="d-block">我的收藏</small></a></li>
<li><a href="#" target="_blank" class="col"><span><i class="jzicon-jzchuangzuo"></i></span><small class="d-block">我的投稿</small></a></li>
<li><a href="#" target="_blank" class="col"><span><i class="jzicon-jzrmb-b"></i></span><small class="d-block">我的消费</small></a></li>
<li><a href="#" target="_blank" class="col"><span><i class="jzicon-jzsystem"></i></span><small class="d-block">账户设置</small> </a></li>
</ul>

（4）修改主题默认超链接样式，在style.css中替换颜色即可。

默认的颜色#3355ff，替换为#ff1a1a，也就是把蓝色变成了红色

（5）修改最上方导航菜单文字默认加粗

#starlist li {
  float: left;
  display: block;
  padding: 0 0 0 35px;
  font-size: 16px;
  font-weight:bold;
  position: relative;
}

（6）修改PC端logo显示大小，默认高度只有30px改为50px。

.logo img {
  height: 50px;
  margin-top: 0px;
}

（7）解决主题空搜索提交，在主题最后一个JS文件后加上如下语句

（8）zblog后台百度编辑器粘贴文字不会换行问题解决

FTP找到百度编辑器内JS文件UEditor中ueditor.all.min.js，修改删除此部分内容即可white-space:nowrap;

有人可能说删除了不生效，哈哈，你再仔细想下那里问题。

（9）首页幻灯片和上方四个小图的标题去掉黑乎乎的背景色

.slideBox .list-body {
  position: relative;
  z-index: 1;
  left: 0;
  bottom: 68px;
  padding: 0 20px;
  height: 68px;
  line-height: 68px;
  display: block;
  width: 100%;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.topsige li h3 {
  left: 0;
  bottom: 0;
  position: absolute;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .85));
  background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .85));
  color: #fff;
  font-size: 15px;
  padding: 5px 10px 10px 10px;
  width: 100%;
}