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 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: