Click !


帮我按下广告,谢谢你! :)
<body>
Bonjour Sweeties!
You are currently landing on
>> http://lurvelynn.blogspot.com <<
Do leave your tag before you leave and do follow me to subscribe for my latest update. I will appreciate it.
Updated 2013.11.03.

+ FOLLOW | DASHBOARD
Chit-Chat

♔ This is Tagboard not Spamboard!
♔ Just enter once will do!
♔ Link exchange is available!
♔ Please talk politely!
♔ You may ask me if you have any questions!



Contact Me

• Facebook: Elynn
• Twitter: lurvelynn
• We♥it: lurvelynn
• Instagram: _lurvelynn
• Weibo: love_零
• WeChat: lurvelynn

Appreciate it ♥

• Basecode : MaryChee
• Designed : Elynn
• Image by : Google / We♥It
• Cursor by : Elynn
• Owned by : Elynn

Copyrighted © Elynn 2013 Nov 03.
All right reserved.

Blockquote II
Updated on Saturday, May 25, 2013 3:19 PM | 0 echoes


Muahaha~!我又上来咯!刚刚到学校参加Renjer Kem真的是闷到半死!又练Marching,step到脚酸>.< 话说最近又研究Blockquote效果,乱加代码加到有这样的一个效果出来,感觉还不错就分享咯!老实说,我也不知道为什么会有这样的效果呢!重点是,我超喜欢两旁那有旋转的感觉!哈哈,目前应该没有人分享过此效果,请亲们不要乱转载!


Blockquote效果:

啦、啦、啦! 我就是效果啦!


是不是很特别呐?我个人也觉得特别呢!以下就是代码啦!
blockquote{
background: #fff;
border-left: 30px solid #FFD2D2;
border-right: 30px solid #FFD2D2;
font-family: comic sans ms;
text-align: center;
color:#000;
font-size:12px;
padding-bottom:5px;
margin-bottom:3px;
-webkit-transition-duration: 1.0s;
border-bottom-left-radius: 5px;
border-top-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
blockquote:hover {
border-right: 50px dashed #FFD2D2;
border-left: 0px dashed #ffffff;
-webkit-transition-duration: 1.0s;
}

拷贝以上的代码然后放在:


[Blogskin]
放在</style>的上面

[Blog Template]
放在]]></b:skin>的上面


红色字体:背景颜色
橙色字体:框框的厚度
黄色字体:框框的颜色
青色字体:内容的颜色
蓝色字体:字体的颜色



*在使用之前,记得把所有 blockquote 的代码 remove 掉才会有效果哦~!
*Code请不要乱换,否则就没有效果了!

最后,Preview看看有没有效果,好了就 save 咯!


效果是不是很棒呐?帮我按按广告啊!谢谢!

Labels: