; Elaine0211
HOME TUTORIALS MATERIALS LINKS FOLLOW CHATBOX

# 课程 ; Special Font Effect
2013/03/26 18:57 ♥ 7 SARANG(s)

Tutorials Require By Yuen Thing & Dear KC

好久没发课程啦
久违的课程 :3 接下来发的课程 / 素材都会列为是回馈的哦
所以要什么课程敢敢问! 我一定会发布 :P
好啦、言归正传
何谓 special font effect ? [ 自己乱取的名字 -.- ]
简单的来说就是融体字啦 XD
还不明白吗? 请看下图 ↓↓



他们不是用美图秀秀去edit 出来的效果,,
是用唯美图 / 有色背景去"垫底"的效果啦 ;P
不罗嗦 开始课程咯!!

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

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

BT / BS 皆可使用

在任何你想要拥有这个效果的地方置放以下的代码

color:#FFF;
-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image:url(图片 direct link) ;
background-position:60% 20%;

- Explain ;
紫色字体 ; 图案网址
黄色字体 ; 图案的位置 [ 可更改至你喜欢的位置 ]

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

- Extra ;
你可以把以上代码作为banner 效果

BT 使用者 ;

Ctrl+F 找 .Header h1 { [ 基本上每个BT 都会有这个代码 ]
如果找不到、就找 /* Header ,, 并在 /* Header 添加 .Header h1 {.....}
在.Header h1 { 下面添加以上的代码 .

BS 使用者 ;

Ctrl+F 找 </style>

在 </style>  的下面 添加以上的代码

<div style="-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-image: url(图案 direct link); background-position:10% 20%; font-family: '????', cursive; font-size: 85px; margin-top: 2px; position: absolute; width: 100%;"><center>内容</center></div>

紫色字体 ; 图案网址
黄色字体 ; 图案的位置 [ 可更改至你喜欢的位置 ]
青色字体 ; 字体名字 [ 可查阅 这篇 ]
蓝色字体 ; 字体的大小
红色字体 ; 距离上面的位置 [ 可自己添加left / right ]
橙色字体 ; 整体( banner ) 的位置 [ absolute / fixed ]

也可以将以上的代码添加在 a:link,a:visited {....} 或任何你想要你位置

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

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

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

标签: , , , ,

◁ NEWER
OLDER ▷
© 2017 Designed By Elaine0211.