emlog文章让标题颜色渐变部署教程

emlog文章让标题颜色渐变部署教程

发布:admin2021-11-06 04:24分类:模板插件标签:渐变色 模板插件 彩色字体

emlog文章让标题颜色渐变部署教程

通过div+css来实现自动变色,测试用的是Fly模版,如果是其它的模版,细节性的可能还需要自己调整。

1、首先我们写出自动变换颜色的css代码(放在css核心文件里,哪个位置都可以,核心文件一般为style.css或者main.css

<!-- CSS代码 -->
<style type="text/css">
#bianse{animation:change 10s linear 0s infinite;} @keyframes change{0%{color:#ffffff;}6.25%{color:#ff0000;}12.5%{color:#ff7d00;}18.75%{color:#ffff00;}25%{color:#00ff00;}31.25%{color:#00ffff;}37.5%{color:#0000ff;}43.75%{color:#ff00ff;}50%{color:#ffff00;}56.25%{color:#ff0000;}62.5%{color:#ff7d00;}68.75%{color:#ffff00;}75%{color:#00ff00;}81.25%{color:#00ffff;}87.5%{color:#0000ff;}93.75%{color:#ff00ff;}100%{color:#ffff00;}}
</style>

<!-- 调用代码代码 -->
<h2 class="post-title" id="bianse">这里是标题内容</h2>

上面的颜色代码,自己去更换额,毕竟每个人喜欢的颜色不一样,而且大家在这里只是测试,颜色都是乱写的。
2、在需要变换颜色的地方,调用就行了,以FLY内容页标题为例
我们找到模版文件 echo_log.php ,打开后找到 <?php echo $log_title; ?> ,如果模版没有改动过就是被 h2 标签嵌套的,只需要在 h2 标签里面调用 id="bianse" 即可。


在这里说一下不想用js的原因,网页设计的核心原理:越简单越好。

温馨提示如有转载或引用以上内容之必要,敬请将本文链接作为出处标注,谢谢合作!

发表评论

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

欢迎使用手机扫描访问本站,还可以关注微信哦~