Lovey Diary

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: 教程分享