侧边栏添加动画挂件和文字

Posted Tracy

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了侧边栏添加动画挂件和文字相关的知识,希望对你有一定的参考价值。

添加动画挂件:

http://abowman.com/

点击进入网址,Start <选择动画>编辑设置>复制嵌入代码>贴到博客侧边栏公告>保存> End

返回博客页面,可以去我博客首页查看效果:http://www.cnblogs.com/lj-cn/

添加文字:

博客侧边公告栏输入如下代码,文字可修改:

<p class="p">
Play or Learn<br/><br/>
It\'s up to you
</p>

改变文字显示特效:

进入我的博客>F12调出源码(作者用的火狐浏览器,查看特定位置源码比较方便)>点下图箭头所指图标,找到文字所属位置,可以看到该段文字包含在blog-news下

进入后台设置,页面定制css代码框,贴入以下代码

#blog-news p {
font-size: 14px;
text-align: center;
font-family: verdana,sans-serif; 
color: #E31B1B;
font-variant: small-caps;
}

保存并返回主页,查看效果。不喜欢这种效果可以自行修改上述代码,你开心就好!(原谅绿:)

 

附:

  • 设置文字标题居中

<h2 style="text-align:center">此处可加文字可加超链接</h2>

示例:<h2 style="text-align:center"><a href="https://www.cnblogs.com/">代码改变世界</a></h2>

这行代码加的是博客园的链接,并将链接名命名为“代码改变世界”

将这段代码贴到博客后台管理的页首html代码框中,效果如下:

 

  • 标题文字换色

 引入一个类class:<h2 style="text-align:center"><a class="cbt" href="https://www.cnblogs.com/">代码改变世界</a></h2>

博客后台管理页面定制css中贴入:a:link { color: #2175;}

color后的颜色可自选。

以上是关于侧边栏添加动画挂件和文字的主要内容,如果未能解决你的问题,请参考以下文章

MS Access 表单侧边栏菜单动画

Xamarin 表单 - 侧边菜单左侧栏、片段和列表视图

如何在 nextjs 应用程序的导航栏上从左到右添加动画?

Angular ngShow侧边栏滑动动画问题

CSS 位置帮助(动画内容结束时显示的水平侧边栏)

切换侧边栏时如何在导航栏中移动/动画文本值