如何美化博客首页

上一篇 / 下一篇  2007-03-02 01:16:29 / 个人分类:他山之石

如何美化博客首页

GH.f'i?0 

6E~ D"K4w2Xn6N0木铎校园 BBS 社区zG S.cQvN o Or

   大家发现博客首页及其它页面两侧的空白部分了吗?这两个地方浪费了大家太多的可用空间,而且十分单调,在操作当中,我发现这个背景其实也是可以更换的,木铎校园 BBS 社区T?.rZ}

Z}F1vf(y0代码如下:

k5C,eGE\U0

'I9e,_}8w0 木铎校园 BBS 社区;f{#|{_9J

,r(J,^*u,}v Z0<STYLE>body {background:url("http://bbs.oomusic.net/UploadFile/2005-6/200562312311635838.bmp") repeat scroll!important;}</STYLE>

V d&[(a"J(Id0

[mQ9XxbP0 

!Y.Zp rx\)n0木铎校园 BBS 社区%m ]p^AA

    把代码当中的红色部分(即图片地址)换上自己喜欢的图片地址链接,就可以更改首页部分的背景了,赶快看一下效果吧。代码会根据首页页面大小而平铺占满背景的空白空间。此更改当前仅限于首页部分,其他页面部分暂时不能更改。木铎校园 BBS 社区C/Ssm DL&vc

)TCg d oAgK2qq0 

T2R-h)Em2`m M0

7wr/u7[6A-Z@O9U e:|0这是部分图片链接地址,请参考:木铎校园 BBS 社区(S'KX)M(Au4k"g#E

木铎校园 BBS 社区^6Q9Qf*lK

 木铎校园 BBS 社区d E edE

7QD'o{ au^0http://bbs.oomusic.net/UploadFile/2005-6/20056231227811522.bmp

}^{u(c a;Od0

Pd-S(p;]0http://bbs.oomusic.net/UploadFile/2005-6/200562312275382596.bmp

x^d9M5^wJ2uhb0木铎校园 BBS 社区v'a2{ RF2BFR

 http://bbs.oomusic.net/UploadFile/2005-6/200562312293331093.bmp木铎校园 BBS 社区cj4eA#Pw(v i[rc?

木铎校园 BBS 社区YM"o)Z,u;h[

(二)、在博客首页两侧添加个性的漂亮挂件:木铎校园 BBS 社区]U|2W*G-o7{.l

4B~BJ]~`;d0 

/eMTF%m0木铎校园 BBS 社区.d(qx.W`xsRg;lI

在首页左边的代码:

:N8t4k:_"tN l1k![-d0木铎校园 BBS 社区A2z FoF^_ Lw

 

#d3a?B.h0

T!K}|"Q0<IMG style="LEFT: 10px; POSITION: absolute; TOP: 100px" src="http://photo.ff88.com/upphoto/25549/2005F10F31800836547.gif">木铎校园 BBS 社区Ap2p O QA^ j2O

/{0VP/Oxmm2GKN0 

*f sy+c2PRf0

e+WXi5~4VV0在首页右边的代码:木铎校园 BBS 社区W)K1px2k+ipc#w

木铎校园 BBS 社区 hq-Et,uJ

 

:r _`'Y DzW0

K6P(@+ry&|2Z0<IMG style="RIGHT: 10px; POSITION: absolute; TOP: 100px" src="http://photo.ff88.com/upphoto/25549/2005F10F31800836547.gif">木铎校园 BBS 社区gc+I[e?rI

(qOD2j7p$JjW/I0 木铎校园 BBS 社区l} VJ|`&s

o)` yC e0木铎校园 BBS 社区@:{ H3zEv
top:图片与空间顶端的距离
q` p k\E6C0left:图片与空间左端的距离

DFaE'I"?O/z0

_ B%r?'V0w$q0
'lpGb0Z D:N5b0   大家可以用以上方法下载了QQ空间里的挂件图片文件后上传到免费的网页空间去(例如个人主页、论坛、博客、相册等)得到图片文件的地址。如果你对此也不清楚,没关系,请看用QQ相册打造免费QQ空间皮肤和挂件木铎校园 BBS 社区!p1m|Ad fI2H

5u6{9L7}{K0这里列几个图片地址供大家参考:木铎校园 BBS 社区+q3\.m+D$E5\%^T

f-[vr.F?Q |yx0http://photo.ff88.com/upphoto/25549/2005F10F31800836547.gif

)r;C+V[q&E$T0木铎校园 BBS 社区U~~/z4Q.sSp

http://photo.ff88.com/upphoto/25549/2005F10F31800836546.gif

f(Cg1{-q+kC rt0

Lz.D0r2oy4] E0http://blog.forshine.net/vip/17/upload/20051099589.gif木铎校园 BBS 社区)qDx4K2G9}

+Fz&UA]-cV,~ YN ]0 

C:Z DYs#`/T0木铎校园 BBS 社区0D*V0sX4Q2` wI

  以上代码经过精简,占用不了多少代码空间,且在BOOKE网中均可适用,请大家放心选用!好东西大家分享。木铎校园 BBS 社区n xC j t`

)HteEKFiOD0 

+t)KUH'B+Y8X0木铎校园 BBS 社区+J,Lt2t9aUt

   (2)如何添加博客公告栏图片

uQ X"h%UY0

z/Ld_ y0 

x"? Wb&{!A3xR0

]+I)za#MS"G0

前面代码其实在很多博客里面都已经讲过了。在这里,我再向大家介绍BOKEE公告栏可用的超强代码。

a4z@2{4D^#S0

 木铎校园 BBS 社区O:`:G%|2k^

一、在公告栏中插图片(.gif格式的图片支持动画)木铎校园 BBS 社区W%xrTa$I6mz

 

0VG$WT(G-vLd,Mlk(h6@0

1、带方框的图片木铎校园 BBS 社区&Ib6s3pz

 木铎校园 BBS 社区1q[-Mf?%qJSm y?

    <a href="http://www.ngjc.net/upload/forum/200441875942.jpg" target=_blank><img src="http://www.ngjc.net/upload/forum/200441875942.jpg"></a>

,Ng8E2iH U|;S^ n0

 木铎校园 BBS 社区"]*qW Z!H,B @B

 

?(y)?j$]$V*}:Z,Y$c\K0

2、精简后的可用在公告栏中的图片代码(强烈推荐,就是我用在公告栏上图片代码,可调整图片宽度及高度)

thWwE9~ {5}9h0b0

 木铎校园 BBS 社区Rl5tj;f&l4@

<IMG height=110src="http://www.ngjc.net/upload/forum/200441875942.jpg" width=370 border=2>木铎校园 BBS 社区t3R)j:`XZ

 木铎校园 BBS 社区!b n#f9| bkvq

height指图片高度木铎校园 BBS 社区c;sqyx

width指图片宽度

iW.R'I H R%ZX0

 木铎校园 BBS 社区e#I*f k.A

  以后大家可以找自己喜欢的图片地址更换即可,只是图片上面不能添加文字(有点遗憾),公告栏上的文字只能在图片上端或下端显示。木铎校园 BBS 社区4m_,s#TIW0G&{VW

 木铎校园 BBS 社区[|:Str/i

超级搞笑,大家一定要试一试

Y]c|}$lFlT*}0

 木铎校园 BBS 社区b?n j7C2V'^

图片可以是“.gif”、“.jpg”、“.bmp”等格式的木铎校园 BBS 社区1W]Ak7E5W{

 木铎校园 BBS 社区6G/I,h.ur

二、飞舞的文字

c.qpO ?2f0

 

q s6@B%R]*De&T0

    <marquee scrollamount=8 direction=right behavīor=alternate><b><font color=#7700bb size=5><font color=lime>木铎校园 BBS 社区*G$T0z$~/}5s"q Y t

<marquee direction=up behavīor=alternate width=40 height=200 align="middle">http://panpan3384.bokee.com/</marquee><font color=red>

vO/vtN4\!BD"^4Jl(f0

<marquee direction=up behavīor=alternate width=40 height=150></marquee><font color=red>木铎校园 BBS 社区 B7|~] S@y e

<marquee direction=up behavīor=alternate width=40 height=200></marquee><font color=orange>木铎校园 BBS 社区,}i2a\*v6I1J

<marquee direction=up behavīor=alternate width=40 height=150></marquee><font color=orange></font></b></marquee>

FM+L9l)Z2R0

 木铎校园 BBS 社区 r;d tSp@"L

    文字满屏飞舞,不过占的空间大了一些,已经超过500字了,大家试的时候把咖啡色的代码去掉就可以了。木铎校园 BBS 社区C2Xl;Q*o1C7BsAw,~

 

P,qM&V;Tq,b0

    没办法,好东西就这样啊

j;f#`I)}N1f0

 

Q3n4fL B}U0

三、两色字——鼠标点上去会变色:木铎校园 BBS 社区E5d |*{T6c

 木铎校园 BBS 社区 S b)I9P*u%EGPc

        <FONT ōnmouseover="this.style.backgroundColor = 'red';" style="BACKGROUND-COLOR: green" ōnmouseout="this.style.backgroundColor = 'Green';" face=arial size=3>欢迎光临我的博客</FONT>木铎校园 BBS 社区C+g\0~n1Zu@ T+Y

 木铎校园 BBS 社区-{p^a[4`

    怎么样,效果还可以吧,size指文字大小,颜色也可以改变,大家用颜色的英文单词更改即可.

5~^P;UO0

 

%b&B5|*`0L7k$O0

5tD8b'K8R }ANA0木铎校园 BBS 社区+d-O#N$E^&e$BP@

    其实很多的文字特效只是另外一些代码的变种,有兴趣的朋友可以研究一下。木铎校园 BBS 社区g's.iN(E-X

木铎校园 BBS 社区)Q+@;`H5H

 

B i2?{`UB0

1BS5WK7H0H0    (3)如何添加博客首页QQ系统木铎校园 BBS 社区 n1WD"QN]peP`

!OzT+il lX0 

)mq bd2l9Z]0木铎校园 BBS 社区6BH/`3d S Z

 

^ T!{o0r6g G0木铎校园 BBS 社区)s%q'j^:]^8|r O

木铎校园 BBS 社区#y!CS:zALr6~Z

                                木铎校园 BBS 社区2Je7@IP!{9f

 

~Fs;m4GqdF0

1.在公告里粘贴代码如下:

_1m*H7vcaAh0

<a target=blank href=tencent://message/?uin=123943745&Site=roy0769.bokee.com&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:123943745:1alt="点击这里给我发消息"></a>

a-X+H8V U1NT0

 

c1i)CS V.o1F0

红色数字更改你的QQ号码和网页地址。绿色数字为更改你QQ的链结图像。从1-13数字任改。木铎校园 BBS 社区x yY(M&H G

 

0{+Rx&[sK9g5V%dR7~W0

 木铎校园 BBS 社区$nF$J?B!gA3f#|

 

I-m-q8Yp*U7u9P0

 木铎校园 BBS 社区-VV1Q2v.j u5X4q

 

4gZ6O;}f6d}2r0

2.在页面栏目里添加自定义栏目 粘贴代码如下

0\;_"Y}'G0

如图点[添加项目]--[链接]里粘贴 地址代码 再填[标题和描述]---[添加],完成.

F,E1jI \&B0J0

 

8ca$o}at HNW0

木铎校园 BBS 社区&Z]{o5o i

 

!z nBo%F1zQnA0

 

y!n$N\d z Ee+I0

代码如下:

*y i:Rg)^l0

%S0}g3])jMte3I0

http://wpa.qq.com/msgrd?V=1&Uin=123943745&Exe=QQ&Site=roy0769.bokee.com&Menu=yes

2@e9Ci:D;T._K0

 木铎校园 BBS 社区 ?M`r'U!vv5E

红色数字更改你的QQ号码和网页地址。木铎校园 BBS 社区 LW6OEK/rG

 木铎校园 BBS 社区 A M ??s%mS B

注:如果要修改的话,必须重新开始设置,如要在本机试用就必须用其它的QQ号码登陆,否则会提示,不能和自已会话木铎校园 BBS 社区/O1EQ;vYB%c8H

木铎校园 BBS 社区;^ u$p;s%P Hi _.t:D


TAG: 他山之石

 

评分:0

我来说两句

显示全部

:loveliness: :handshake :victory: :funk: :time: :kiss: :call: :hug: :lol :'( :Q :L ;P :$ :P :o :@ :D :( :)

关于作者