OREO Queen ♥: 教程/Tutorial || 特别的底线/Spacial Underline

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;
}