自制闪字空间名称方法!!!
现在来说一下"空间名称"的制作,原来的"空间名称"只能通过变化字体的样式改变形态,很局限,所以现在我们可以通过自己制作jpg图片来让标题动起来.
3 ]/ P5 R- O# X& N, [ K, d
4 S7 \# r3 g9 t# e# h; {. L◆很简单,原理就是把做好的闪字图片放在"空间名称"的背景图里面,"空间名称"有左右两个背景图,分别是#header div.lc和#header div.rc,顾名思义,l即left,左背景图;r即right,右背景图. 0 ^) b; p" Z9 y) r* I, d; l
7 J" E9 m, q1 z9 |* [* m" o+ T
◆大家先把做好的闪字上传到相册,复制下图片地址. # u; U. h1 F2 I- U! d
: t+ c* k7 i d
◆粘贴到代码里面 9 f0 S1 g+ o6 X; M! E! K
: Q- o* p0 U* ~% Z0 u' T#header div.lc{background:url(图片地址) no-repeat 830px 0px}
" w# E# R9 z: n. X#header div.rc{background:url(图片地址) no-repeat 830px 0px} , A: S' R6 v4 c2 m2 I( k% r) Z6 l
) ?/ L3 |, D) r# h! Z/ i# Q
◆放入图片后可以通过多次预览来调整图片的位置. # B( B; N3 w0 b4 e2 o8 f- |' \
9 ?5 O7 J+ E0 n" s
◆注意:如果你已经添加过时间代码或者本来就有背景图片的话,就会受到影响.因为"空间名称"只有两个背景图,不能同时添加多个图片的,有得有失哦. 0 j- Z* N0 q9 w7 o
4 W. H5 T$ H1 T" ^9 b◆这样自己制作的个性"空间名称'就完成啦,那么以前的怎么办?
9 q g- v, x' K- _5 c" M5 L$ L
, R" |9 y- }& z7 E8 o% M$ x9 h1.最简单的方法是进入设置,在空间名称的地方打空格.
X4 ?3 @. Z7 r0 G6 U+ K6 _! O( m) E7 C% E- h+ `* i
2.也可以把"空间名称"转化为"空间介绍"的样子,就像我那样,空间名称被修改成◆百度空间CSS代码收集站◆站长QQ:7974985放在空间接受的上面.
, }9 B$ U3 f- O) I: M6 |& c$ {4 ?1 M3 ~' @- y+ J& _$ O
空间名称的代码是:
. D0 L, L" ]& Y0 a) ?8 v; ?
* u ^% s$ {5 t#header div.tit{top:15px;left:20px;line-height:55px;font-size:50px;font-family:幼圆;FILTER: glow(color=#0066FF,direction=2)}
9 O Q; f. R. \" f#header div.tit a.titlink{color:#330099;text-decoration:none} 2 ]# M# N0 R( H: i) p9 ]
#header div.tit a.titlink:visited{color:#330099;text-decoration:none}
, H2 W t( G, u0 o) g/ J. `8 i; O+ I
分析一下: 5 A7 D4 X2 Q5 ^6 i/ C. u9 W
V* s5 c/ ^6 z
#header div.tit{top:15px【到顶部的距离】;left:20px【到左边的距离】;line-height:55px【行高】;font-size:50px【字体大小】;font-family:幼圆【字体】;FILTER: glow(color=#0066FF,direction=2)【字体发光效果】}==>名称主体样式
* X. C* M* x3 N. Q; Y! s# M4 O7 X
( d4 T) |. V- }7 G* H H$ L! n& N0 T1 q& S
#header div.tit a.titlink{color:#330099【链接字体的颜色】;text-decoration:none} ====>空间名称链接状态
2 i- K! q+ Z B% K3 H
1 [2 W6 T% f; u# R#header div.tit a.titlink:visited{color:#330099【链接后字体颜色】;text-decoration:none}===>空间名称链接后状态
) ?5 [1 u7 h, b) e8 y) p
. \3 _& j1 F5 M. J" G) T9 c( U- E! }其他用得上的调整：
1 f& x! D8 y( ~: v, y2 r. V& k; C2 D8 E
#header{height:200px;repeat-x}====>模块到顶部的距离,调整这个可以加大空间名称的空间. & X5 E5 w: k- }
& w2 ]* M& I6 C! z1 l) w0 _% N1 S
分界线,导航栏都可以通过他们top: xp来修改
搜索更多相关主题的帖子:
闪字 名称 空间 header div
