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 I

Updated on Wednesday, April 24, 2013 9:45 PM | 2 echoes

啊！又要考试了，好懒惰上来更新！最近没有东西写，只好分享Blockquote咯！这次的Blockquote 的 code 是我自己加的，在别的部落格是找不到的哦！请大家不要擅自转载哦！如果要使用，记得不要乱改代码，否则会失效。好了，废话不多说，先看看教程吧！

Blockquote效果：

啦、啦、啦~ 我就是效果啦！^^

要如何使用呢？首先，先拷贝以下的代码

blockquote{
background:url(图片URL);
padding:10px;
color:#000;
letter-spacing:1px;
border-radius:10px;
border:2px solid #ffd5d5;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
blockquote:hover{
background:url(图片URL);
background-position:70% 70%;
border-radius:20px;
-webkit-transition: 1.5s;
-moz-transition: 1.5s;
-o-transition: 1.5s;
-ms-transition: 1.5s;
transition: 1.5s;
-webkit-box-shadow: 5px 5px 8px #ffd5d5;
-moz-box-shadow: 5px 5px 8px #ffd5d5;
box-shadow: 5px 5px 8px #ffd5d5;
}

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

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

蓝色字体：放自己要的图
青色字体：内容颜色
橙色字体：外面框框的颜色

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

最后，Preview看看有没有效果，好了就 save 咯！

Labels: 教程分享