Emlog Fly模版文章标题自动变颜色教程

Emlog Fly模版文章标题自动变颜色教程

  • 内容
  • 相关

昨天晚上某一位站长问我,网页文字怎么自动变换颜色,其实这一类的代码在网上早已泛滥,经不住该站长的软磨硬泡,我用Fly模版测试了一下,其实很简单,今天就把代码发出来,提供给有需要的人。

daf31538792248.jpg

注:这里使用的是Emlog Fly模版测试的文章页标题自动换颜色的,如果是其它的模版,细节性的可能还需要自己调整。

文章自动变色代码

在这里只给大家讲讲div+css来实现自动变色,当然如果用js更简单,只是不想用而已。

1、首先我们写出自动变换颜色的css代码(如下所示)

#bianse{animation:change 10s linear 0s infinite;} @keyframes change{0%{color:#333;}25%{color:#fff0;}50%{color:#f60;}75%{color:#cf0;}100%{color:#f00;}}

上面的颜色代码,自己去更换额,毕竟每个人喜欢的颜色不一样,而且大家在这里只是测试,颜色都是乱写的。

2、在需要变换颜色的地方,调用就行了,以FLY内容页标题为例

我们找到模版文件 echo_log.php ,打开后找到 <?php echo $log_title; ?> ,如果模版没有改动过就是被 h2 标签嵌套的,只需要在 h2 标签里面调用 id="bianse" 即可。

<h2 class="post-title" id="bianse">这里是标题内容</h2>

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

好了,关于文字标题自动变换颜色的教程就到这里结束了,如果你还有什么不懂的,评论区留言交流。

本文标签:

版权声明:若无特殊注明,本文皆为《小蓝博客》原创,转载请保留文章出处。

本文链接:Emlog Fly模版文章标题自动变颜色教程 - https://www.nswin.cc/discoloration.html

发表评论

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

允许邮件通知

评论

154条评论
  1. avatar

    靖瘫先 Lv.1 IEMobile 10.0 Nokia 回复

    我无懈可击的攻击力度是不是彻彻底底的打击到你的内心地带了呢

    俄罗斯

    1. avatar

      炭朗扒 Lv.1 Safari 6.0 iPhone iOS 6.0 回复

      只可惜你无法挽回你就是个废.物的事实是不是呢儿子,你.爸,爸我随便秒杀你呢

      英国

      1. avatar

        赖怕链 Lv.1 Firefox 33.0 Windows 7 x64 Edition 回复

        你是不是在激动的对我诉说你的黑社会经历?

        蒙古

        1. avatar

          匾吩朔 Lv.1 Internet Explorer 7.0 Windows XP 回复

          你现在是不是没完没了?。动不动就讨论什么草你 吗。

          英国 社会保险安全部

          1. avatar

            乐踩吮 Lv.1 Internet Explorer 6.0 Windows XP 回复

            为什么你对我如此得恐惧呢?你不是喜欢选择在我沉默得时候一度得攻击我吗?

            哥伦比亚