力比网主题美化备忘录(持续更新中…)

>前言

本页主题美化内容是博主在建站时一个一个测试过无任何错误的记录合集,使用之前先参考本站,若觉得实用就拿去用吧,不定时更新哦。

>美化说明

每个人的审美观念不一样,所以请先参考本站或测试在用。主题美化、小工具可能会有一定程度使网站加载缓慢、CSS全局污染等等一系列的问题,请一定要测试后在进行美化。

主题美化可能会对主题文件进行修改,更新时请及时备份主题美化的文件,或者收藏本站,以免一些主题页面或美化效果丢失。主题美化都是我自己鼓捣、部分测试后才分布的,部分免费,开放或需回复后才能查看。

>美化教程

一些老教程随机顺序,新教程排在最后,越往后越新。

>CSS代码添加到后台教程

主题设置—>自定义代码—>自定义CSS样式

>JS即javascript代码添加到后台教程

主题设置—>自定义代码—>自定义javascript

代码没有特殊说明的小工具

>自定义HTML小工具添加教程

网站后台—>外观–>小工具–>点击【自定义HTML】选择放置的位置—>把代码复制进去,保存即可。

是不是很简单!操作吧!

使用方法

复制CSS代码到后台子比主题设置—》自定义CSS样式—》将CSS代码粘贴框里,即可大功告成。

自定义CSS代码:

/*文章随机彩色标签开始*/
/*www.libll.com*/
.article-tags{margin-bottom: 10px}.article-tags a{padding: 4px 10px;background-color: #19B5FE;color: white;font-size: 12px;line-height: 16px;font-weight: 400;margin: 0 5px 5px 0;border-radius: 2px;display: inline-block}.article-tags a:nth-child(5n){background-color: #4A4A4A;color: #FFF}.article-tags a:nth-child(5n+1){background-color: #ff5e5c;color: #FFF}.article-tags a:nth-child(5n+2){background-color: #ffbb50;color: #FFF}.article-tags a:nth-child(5n+3){background-color: #1ac756;color: #FFF}.article-tags a:nth-child(5n+4){background-color: #19B5FE;color: #FFF}.article-tags a:hover{background-color: #1B1B1B;color: #FFF}
/*文章随机彩色标签结束*/

在子比主题设置—>文章&列表—>文章页—>版权提示内容处

添加以下代码:

以下代码是本站在用的字体,直接放在子比主题自定义css中就可以

效果可以参考本站

以下代码直接放在自定义css就可以

  • 网站全体变灰主要在用于哀悼缅怀烈士和悼念日使用,国家公祭日等等
  • 勿忘历史勿忘痛

使用教程:

也很简单,只需要在两个文件中添加一行代码就可以实现,具体演示效果看本站的效果

1、后台主题设置—>自定义代码—>自定义 CSS 样式代码把下面的代码添加到里面

其他网页或者主题直接在 foot 或者 head 文件底部添加即可,记得添加引用即可如

<style type=”text/css”>此处中间添加 css 代码样式</style>

CSS 样式代码:

样式代码:推荐使用

后台设置-自定义代码-自定义CSS样式添加以下代码

演示图

图片[1]-力比网主题美化备忘录(持续更新中…)-力比网
在 zibll 主题目录下,themes/zibll/footer.php 文件中的“</footer>”(重要)下面添加下面的代码:

1.子比主题设置—>自定义代码—>自定义javascript代码:,添加以下代码:

2.子比主题设置—>自定义代码—>自定义底部HTML代码,添加以下代码:

1、很多时候网页背景也是白的,图片整体也是白色的,有的时候用户不好区分,这是图片还是网页,图片弄个外边框就好区分了,当然图片是鼠标移动到图片上才会显示边框

2、 网站管理后台—》子比主题设置—》自定义代码—》自定 CSS 代码,把下面的 css 代码复制粘贴到里面即可。

里面的 8px 大小可自行调节,颜色代码#63B8FF 也可自行设置

代码如下

1 2

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞6 分享
评论 共2条

请登录后发表评论

    • 头像一位WordPress评论者0