本文记载西京同城老白极简三栏主题修改细节备忘,目前已记录20多个修改点,供自己查看。
(1)移动端点击菜单按钮下拉菜单去掉全屏宽度,宽度改为240px style.min.css
.mainl{display:none;width:240px;position:fixed;top:45px;left:0;right:0;z-index:122;background-color:#fff}.
(2)PC端和移动端同时修改导航菜单栏行高 ,减小行高为36px, style.min.css
.widget_navbar li a{display:block;line-height:36px;text-align:center;font-size:16px;letter-spacing:.5px}
.nav ul ul li a{display:block;line-height:36px;text-align:center;font-size:16px;letter-spacing:.5px;padding:0 30px}
(3)修改移动端文章正文页边距过大,20减小10px, style.min.css
.article_content{padding:10px}
(4)修改文章正文标题页下显示内容,让电脑端显示一些内容在移动端不一样,修改post-single.php文件,加入判断
<div class="info"> {if ydjijian_is_mobile()} <span><i class="fa fa-navicon"></i><a href="{$article.Category.Url}" title="{$article.Category.Name}">{$article.Category.Name}</a></span> <span><i class="fa fa-clock-o"></i>{$article.Time('Y-m-d')}</span> <span><i class="fa fa-eye"></i>{$article.ViewNums}</span> <span><i class="fa fa-commenting-o"></i>{$article.CommNums}</span> {else} <span><i class="fa fa-navicon"></i><a href="{$article.Category.Url}" title="{$article.Category.Name}">{$article.Category.Name}</a></span> <span><i class="fa fa-user"></i><a href="{$article.Author.Url}">{$article.Author.StaticName}</a></span> <span><i class="fa fa-clock-o"></i>{$article.Time('Y-m-d H:i')}</span> <span><i class="fa fa-eye"></i>{$article.ViewNums}</span> <span><i class="fa fa-commenting-o"></i>{$article.CommNums}</span> {/if} </div>
(4)二级菜单划过改为绿色背景style.min.css
.widget_navbar li:hover>a{background-color:#d6623d;color:#fff}.widget_navbar li ul li:hover>a{background-color:#05c160;color:#fff}
(5)菜单加入图标,参考下面网站
https://www.thinkcmf.com/font/font_awesome/icons.html
版权声明:本文由贝联科技发布,如需转载请注明出处,如需分享可点击上方生成海报按钮。
贝联科技网站使用的是ZBLOG系统的隔壁老李出品果皮主题,当时看上这个主题主要基于两点:其一,自带了生成海报功能。其二,文章页面的两栏布局,接近今日头条样式。这个主题使用以来也发现一些问题,本人在此做以备份记录,主要是给自己看,对有遇到相同...
猫贝zblog文章自动出图插件免费版的就可以用了,自己修了了一些地方,这里记录一下:后台插件参数设置:字体:32,图片宽度:900,自动出图不建议打开,手动生成比较好,压缩图片:随意,随机颜色:随意修改了include.php文件部分(1)...
zblog后台有款不错的公众号涨粉插件,名字叫YK微信公众号引流吸粉必备神器,有需要的朋友可以自己搜索下载,本文主要记录对该插件的修改完善。一、插件现存的问题YK微信公众号引流吸粉必备神器下载安装好后,发现移动端文字排版有点乱,参下图,PC...
本文记录Zblog拓源企业版修改方法,这个是购买的企业版模板,非免费纯净版拓源主题,特此说明。(1)修改默认的文章内H3标题样式默认的.single h3 { margi...
本站所用的Zblog系统后台编辑器为百度ueditor编辑器,这款编辑器使用挺方便,但有一些bug,官方也不维护修复,只好自己解决了。问题一、编辑器内上传图片撑破编辑器显示框百度编辑器ueditor上传图片后,图片尺寸小了没事,如果大了则会...
一些站长需要在网站中插入西瓜视频,可惜字节跳动公司没有对外公布站外引用方法。很多年前,还是优酷称霸视频内容的时代,优酷,土豆,酷6,腾讯视频等众多网站每个视频下面有个站外引用链接。博客站长需要引用这些网站某个视频时可以很简单的在编辑器内粘贴...