home about me stuff links follow dashboard

Thursday, October 13, 2011

教程/Tutorial || 特别的底线/Spacial Underline





别碰我,Dont touch me!!

哈哈,开玩笑的
用你的鼠标碰它呗 =)

碰了吗?觉得怎么样?
神奇吧?
告诉你一个秘密
它就是我今天要教的教程
当你在句子下边放底线时候
就会变成这样!!

Haha,i'm just kidding
use your cursor and touch it =)

Have you touch it?How do you feel?
Is it feel magical?
Tell you a secret,
That is my tutorial today!!

跟着我的脚步做
Follow my step

点它/Click it:

中文/Chiness:
① 信息中心 --> 设计 --> 修改HTML

② Ctrl+F寻找以下代码
/* Header
③ 把以下代码放在/* Header的上面
u {
text-decoration:none;
-moz-border-radius: 2px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
background:
#000000;
border-radius: 2px;
-webkit-transition-duration: 2s;
color:
#FFFFFF;
}
u:hover {
-moz-opacity:0.80;
opacity:.80;
-webkit-transition:0.5s;
transition:0.5s;
filter:alpha(opacity =80);
padding-top: 1px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
background:
#000000;
border-radius: 2px;
-webkit-transition-duration: 2s;
color:
#FFFFFF;
粉红 - 背景颜色
     橙色 - 字体颜色

⑤ 先预览后储存。

完成!!


英文/English:
① Dashboard --> Design --> Edit HTML

② Ctrl+F to find the code was given below
 /* Header
③ Copy the code was given below and paste it above /* Header

u {
text-decoration:none;
-moz-border-radius: 2px;
filter:alpha(opacity=100);
-moz-opacity:1.0;
opacity:1.0;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
background: #000000;
border-radius: 2px;
-webkit-transition-duration: 2s;
color: #FFFFFF;
}
u:hover {
-moz-opacity:0.80;
opacity:.80;
-webkit-transition:0.5s;
transition:0.5s;
filter:alpha(opacity =80);
padding-top: 1px;
padding-bottom: 1px;
padding-left: 3px;
padding-right: 3px;
background: #000000;
border-radius: 2px;
-webkit-transition-duration: 2s;
color: #FFFFFF;
}

Pink - Background's colour
     Orange - Font's colour

⑤ Preview first before you Save

Done!!



链接我/Link Me





sticker









2 Oreo ♥:

Post a Comment