Emlog封装下载引用样式

张凯 网络杂苑>Emlog CMS 2019-5-18 12:56 5384字 11分钟 133 0 字号: | |

Emlog的插件:蓝叶下载引用样式插入工具,常规的个人博客网站在使用的时候,用到这个样式的机会应该不多,我今天在查看我的博客源码的时候,发现就算文章不引用这些样式,而代码照样加载。毕竟是插件,所以不管用不用都加载。

多余的代码.png

在文章中没有使用到这些样式的时候,代码加载出来必然要减慢网站打开的速度(虽然代码很间断),而且不利于SEO,毕竟是无效的代码呀!

索性将它复制封装出来,在需要用的时候,直接粘贴到文章HTML代码的后面即可:

<style>.yinyong {text-align:left !important;text-indent:2em !important;margin:10px 0 1em 0 !important;padding: 5px 10px!important;border: 1px dashed #CCC!important;background: #f7f7f7 url(http://www.aswait.com/content/plugins/Lanye_downstyle/yinyongbg.png) right top no-repeat !important;color: #000 !important;font-size: 13px !important;line-height:22px !important;} .fujian {text-align:left !important;text-indent:0 !important;padding:0 0 0 32px !important;width: auto !important;background-image: url(http://www.aswait.com/content/plugins/Lanye_downstyle/down_01.png) !important;background-position: left top !important; background-repeat: no-repeat !important;color: white !important;font-weight: bold !important;font-size: 15px !important;height: 32px !important;line-height: 32px !important;background-color: #F90 !important;margin: 10px 0 !important;box-shadow: 1px 2px 1px #999 !important;} .fujian a{color:#fff !important; font-family:"Microsoft Yahei" !important;} .fujian:hover{background-color:#00aff0 !important} .gray{margin:20px 0px !important;padding:15px 15px 15px 70px !important;font-size:12px !important;background:url(http://www.aswait.com/content/plugins/Lanye_downstyle/checklist.png) no-repeat 20px 20px #f6f5f5;border:1px solid #cccccc !important;color:#555 !important;border-radius:8px} .yellow {margin:20px 0px !important;padding:15px 15px 15px 70px !important;font-size:12px !important;background:url(http://www.aswait.com/content/plugins/Lanye_downstyle/warning.png) no-repeat 20px 20px #fff9c6;border:1px solid #fbe951 !important;color:#cba200 !important;border-radius:8px} .green {margin:20px 0px !important;padding:15px 15px 15px 70px !important;font-size:12px !important;background:url(http://www.aswait.com/content/plugins/Lanye_downstyle/yes.png) no-repeat 20px 20px #EBF6E0;border:1px solid #b7ec82 !important;color:#649505 !important;border-radius:8px} .blue {margin:20px 0px !important;padding:15px 15px 15px 70px !important;font-size:12px !important;background:url(http://www.aswait.com/content/plugins/Lanye_downstyle/info.png) no-repeat 20px 20px #c3e5ff;border:1px solid #8accff !important;color:#0d70bb !important;border-radius:8px} .red {margin:20px 0px !important;padding:15px 15px 15px 70px !important;font-size:12px !important;background:url(http://www.aswait.com/content/plugins/Lanye_downstyle/noway.png) no-repeat 20px 20px #FFE9E9;border:1px solid #ffacac !important;color:#bd0000 !important;border-radius:8px}</style>

如果需要用到蓝叶的样式,复制上房顶这些代码放到文章的后方便可以了。效果如本文所示。

样式.png

样式一

样式二

样式三

样式四

样式五


如无我的顾虑,或不想这么麻烦复制代码,在Emlog应用中心下载“蓝叶下载引用样式插入工具”即可,代码版权归蓝叶博客(http://lanyes.org/)所有。我啥也不会,跟我没关系!

本文链接:http://www.aswait.com/emlog/1109.html 百度已收录
版权申明:文章如未标注转载均为本站原创,转载请注明出处"张凯博客"。

发表评论

电子邮件地址不会被公开。必填项已用*标注

Ɣ回顶部
00:00 / 00:00
顺序播放