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.

浮式链接

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