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.

浮式链接
Updated on Sunday, April 14, 2013 2:20 PM | 0 echoes
---------------- Tutorial Requested by Lollipop ----------------

第一次写教程,写到很辛苦一下。但是写完过后好有一番的成就感^^
因为是第一次,所以写的不是很好,但是我会继续努力的~ 
这个浮式链接是我使用这个Blogskin Template的时候研究出来的~
好了,废话不说,教程马上开始!


首先,什么是浮式链接呢?

将将~! 旁边那五颜六色的Button就是啦!

[ Blogskin ]
拷贝以下的代码,然后放在</style>的下面!

[ Blog Template ]
拷贝以下的代码,然后放在HTML/Gadget 那里!

<style>
a.you{
width:13px;
display:inline-block;
color:#fff;
text-align:left;
padding:2px;
overflow:hidden;
height:18px;
text-decoration:none;
padding-left:7px;
-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;
font-family:calibri;
margin:5px;
font-size:12px;
border-radius:333px;
}
a.you:hover{
width:80px;
{
</style><br />
<br />
<div style="position:fixed; top:200px;left:20px;"><br />
<a class="you" style="background:#FF8888;" href="链接"> <span style="padding-right:10px;font-size:16;">*</span>显示内容</a><br />
<br />
<a class="you" style="background:#FFBBBB;" href="链接"> <span style="padding-right:10px;font-size:16;">*</span>显示内容</a><br />
<br />
<a class="you" style="background:#9BF1D2;" href="链接"> <span style="padding-right:10px;font-size:16;">*</span>显示内容</a><br />
<br />
<a class="you" style="background:#5EDFC9;" href="链接"> <span style="padding-right:10px;font-size:16;">*</span>显示内容</a><br />
<br />
</div>


粉红字体: 你要的颜色
粉红字体: 换成你要的内容
青色字体: 链接

好了,Preview 看看有没有效果!有就可以Save了^^
有什么问题可以到cbox问我!







Labels: