; Elaine0211
HOME TUTORIALS MATERIALS LINKS FOLLOW CHATBOX

# 课程; 渐变的标题背景
2013/03/26 21:27 ♥ 6 SARANG(s)

Tutorials Require By Xshengx Purple

下图为范例 :


> 此课程乃博主亲手操刀、不允许转帖!
> 抄袭此课程者必定在部落格公开.
> 请勿盗图!

----------------------------------------------------------------------------------------------

BT / BS 皆可使用

在任何你想要置放这个效果的位置添加以下代码

height:18px;
color:#000;
background-image:-webkit-linear-gradient(left, #ccc , #fff);
padding:2px 0 0 22px;
text-align:left;

Explain ;
红色字体 ; 背景的高度
橙色字体 ; 字体的颜色
黄色字体 ; 背景从哪里开始渐变 [ 只供应 left , right , top , bottom ]
青色字体 ; 渐变的颜色 [ 可以由多种颜色结合 用逗号 ( , ) 来区分 ]
蓝色字体 ; 字体距离背景上下左右的大小
紫色字体 ; 字体的位置 [ left , center , right ]

----------------------------------------------------------------------------------------------

Extra ;
此效果能放在footer、帖子标题等等

BT 使用者 :

footer → .post-footer {...}
post-title → h3.post-title {...}
sidebar-title → h2 {...}

BS 使用者 :

∴ 由于BS 的代码不一致,,所以亲们pandai pandai 自己找相关代码 ><
不好意思嗯

----------------------------------------------------------------------------------------------

课程完毕、
如果有哪里不明白可以再此帖子留言询问
Cbox 询问将不回复哦 :)
就这样,,祝你们成功 ;)

{{ Tutorial writed by BabeX eling ,, 2013 / 03 / 26 . }}

标签: , , , ,

◁ NEWER
OLDER ▷
© 2017 Designed By Elaine0211.