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

添加动画挂件:

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;
}

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

时间: 2024-10-23 16:09:42

侧边栏添加动画挂件和文字的相关文章

给单元素艺术添加动画

原文:Animating Single Div Art 翻译:nzbin 导读:学习工具的最好的方法就是尝试新技术,本文通过“单元素艺术”介绍了 CSS 变量的使用以及给单元素添加动画的几种方法.通过学习作者编写的复杂的“单元素”示例,相信你对 CSS 变量以及 CSS 动画会有一个深刻的认识. 如果你深入挖掘你的工具,你可以使用最基本的 HTML 做一些令人称奇的东西.我对 Lynn Fisher 以及其他人的“单元素艺术”(“Single Div Art”)印象深刻,所谓“单元素艺术”就是你

布局添加动画效果

1. 布局添加动画效果 ① 视图 五个按钮 <?xml version="1.0" encoding="utf-8"?> <LinearLayout android:orientation="vertical" xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent&q

WPF codebehind 添加动画,移除动画

在做WPF开发的时候,有的时候需要在后台cs来控制动画的添加与移除,在前台XAML和后台添加动画与移除动画的代码如下: 前台XAML: <i:Interaction.Behaviors> <ei:TranslateZoomRotateBehavior x:Name="eiPic" ConstrainToParentBounds="True" TranslateFriction="0.1" RotationalFriction=&

破船哥的给tableview cell添加动画

首先假设你已经能够熟练使用UITableView了.那么我们只需要实现UITableViewDelegate中的tableView:WillDisplayCell:ForRowAtIndexPath:即可.当cell显示之前,会先调用该方法,因此给cell添加动画,在这个方法里面即可.(瞬间爆炸) -(void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:

cocos2dx实例开发之2048(添加动画版)

网上找了好多教程写2048,不过都没有实现卡片的移动动画,自己写了一个不太完美的带动画版. 开发步骤: 1,设计一个CardSprite类. 2,设计主游戏场景GameScene,实现游戏逻辑,添加动画逻辑. 3,添加游戏胜利或者游戏失败的层. 4,添加声音等其他元素,专门弄了一个声音预加载的场景. 贴上主场景关键代码: GameScene.h #pragma once #include "cocos2d.h" #include "cardSprite.h" #in

企业级项目,给布局的弹出与吟唱添加动画

企业级项目,布局很枯燥,无奈之余,给布局添加动画, 使用了LayoutTransition 原本只是使用了setVisibility(View.VISIBLE), 但是显示与消失太突然.于是加入了动画, 看代码 http://download.csdn.net/detail/kan1kan5/7965869 //声明动画 resetTransition(); //初始化动画 initAnim(); private void resetTransition() { mTransitioner =

【转】ListView,GridView之LayoutAnimation特殊动画的实现 ps:需要学习的是在getView中添加动画的思想

LayoutAnimation干嘛用的?不知道的话网上搜一下. Android的Animation之LayoutAnimation使用方法有两种用法,我的通常写在代码中,像下面这样: 1 /** 2 * Layout动画 3 * 4 * @return 5 */ 6 protected LayoutAnimationController getAnimationController() { 7 int duration=300; 8 AnimationSet set = new Animatio

为UIView视图切换添加动画效果

我们定义了一个动画类来实现视图切换的动画效果,这个类只包含一个类方法,可直接调用,具体代码如下: 头文件: + ? 1 2 3 4 5 6 7 8 9 10 11 12 13 #import <Foundation/Foundation.h> @interface ViewAnimation : NSObject /*============================页面切换的方法==============================     View1 表示当前页面     Vi

给列表项目添加动画

本文由 伯乐在线 - J.c 翻译,进林 校稿.未经许可,禁止转载!英文出处:cssanimation.rocks.欢迎加入翻译小组. 当网页某部分发生改变时,添加一些动画有利于让用户知道发生了什么事情.因为动画能预告新内容的到达,或者让用户知道信息被移除.在这篇文章里,将会看到如何运用动画帮助新内容的引进,例如显示或隐藏列表里的项目. (可在原文查看效果) 引进内容 动画有个很好的用处,它能够让访客知道你的网站内容在何时发生了改动.当添加或删除内容而没有任何动画进行过渡时,内容的突然改变会让用