✟ 神秘の科学城 ✟: 标记 Link 『框框式』

标记 Link 『框框式』


sticker












这种标记Link的方式很特别哦,整齐又美观,虽然代码有一些复杂,其实并没有那么难~

目前没有看过任何人发布类似教程,转载必须附上连接哦!

这种连接方式适合用在:更换链接,教学分类,帖子列表等等~自己发挥创意啦!~O(∩_∩)O~

1. 把以下的Code Paste在你的HTML帖子里:

<div style="text-align: center;">
<style>
a.jeonjin {
display:inline-block;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
padding-top:3px;
width:100px;
text-decoration:none;
font-family:calibri;
font-size:13px;
height:18px;
text-transform:uppercase;
color: #FFDBEC;
background:#FFFFFF;
border: 2.5px double  #FFDBEC;
border-radius:6px;
text-align:center;
cursor:vertical-text;
}

a.jeonjin:hover{
color: #FFC0CB;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
background:#FFFFFF;}
border: 2.5px double #FFC0CB;
border-radius:6px;
</style>

<u style="font-size: xx-large;"><span style="color: orange;"><br /></span></u></center>
<a class="jeonjin" href="连接">连接名字</a>
<a class="jeonjin" href="连接">连接名字</a>
<a class="jeonjin" href="连接">连接名字</a>
<a class="jeonjin" href="连接">连接名字</a>

</div>
<div style="text-align: right;">
<br /></div>
<div style="text-align: right;">
</div>










  红色字体
☪ width ☞ 框框的宽度
☪ height ☞ 框框的高度
☪ font-size ☞ 框框里字体的大小



  粉红字体
☪ 这些都是颜色代码,可以自行更换
☪ 如果想把背景颜色替换成背景图的话,就把代码里的『background:#FFFFFF;』替换成『background:url(图片背景 URL/Direct Link);



  绿色字体
☪ 这些是框框的种类,可以更换成自己喜欢的~ :D
☪ 『框框的种类



  褐色字体
☪ 记得更改哦!
☪ 连接 ☞ 如:http://sherrytan.blogspot.com
☪ 连接名字 ☞ 如:神秘の科学城
☪ 想添加更多的连接的话,就Paste一下的Code,

<a class="jeonjin" href="连接">连接名字</a>





没有评论:

发表评论

人,要学会聆听,听智者之言可以启迪智慧,听批评之言可以反躬自省。

即使记忆总有一天会消逝,就让我们一起留下欢乐的一点一滴、美好的回忆~ :D

Popular Posts