如何美化博客首页

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

如何美化博客首页木铎校园 BBS 社区8r.|6Ua#e4Cp

 木铎校园 BBS 社区vt.w&},t%Q

9KIUY$?Q0^0   大家发现博客首页及其它页面两侧的空白部分了吗?这两个地方浪费了大家太多的可用空间,而且十分单调,在操作当中,我发现这个背景其实也是可以更换的,

Z/I#Rz?P-P iKKlc0木铎校园 BBS 社区(Z(N1nG8i+c!eut

代码如下:木铎校园 BBS 社区4R$mR'i!^

木铎校园 BBS 社区D5y T&e8V u4tL&z l

 木铎校园 BBS 社区gj#f"?3H/~

&l W5PW\J'NA3L0<STYLE>body {background:url("http://bbs.oomusic.net/UploadFile/2005-6/200562312311635838.bmp") repeat scroll!important;}</STYLE>木铎校园 BBS 社区&Hc!xwZ!S{1o7m

v8w|6sU_ z0 木铎校园 BBS 社区5wt/at:KFI0c

_.JG8ep.^7mz0    把代码当中的红色部分(即图片地址)换上自己喜欢的图片地址链接,就可以更改首页部分的背景了,赶快看一下效果吧。代码会根据首页页面大小而平铺占满背景的空白空间。此更改当前仅限于首页部分,其他页面部分暂时不能更改。

6s0j3L"\ dp;?D0木铎校园 BBS 社区SJ-VNp

 

!_R*pZ#~%qJ9BP"R0木铎校园 BBS 社区]r(k uiq

这是部分图片链接地址,请参考:

mBe/] P0木铎校园 BBS 社区.Y,^F;u2Gey7C

 木铎校园 BBS 社区&i3O Fc+Y

1c0a%sNp;A0http://bbs.oomusic.net/UploadFile/2005-6/20056231227811522.bmp木铎校园 BBS 社区 ?;G3d0lPV.M8D~XH

木铎校园 BBS 社区!uI6Yu~1X"f4J

http://bbs.oomusic.net/UploadFile/2005-6/200562312275382596.bmp

3B9ih@o0

!C+[/i `:@~1T*]0 http://bbs.oomusic.net/UploadFile/2005-6/200562312293331093.bmp木铎校园 BBS 社区"f]&yV ~u

木铎校园 BBS 社区UZ!l1C8I.n

(二)、在博客首页两侧添加个性的漂亮挂件:

I$z0M'~ }2I \0O0

Yn[.`(e Am0D0 

-_'C u1v:p(eh0

{)}`2RF%tNE ? z0在首页左边的代码:木铎校园 BBS 社区[5O\wp.[I g K

木铎校园 BBS 社区A G$A^R[

 木铎校园 BBS 社区4z z5C z Q3C M*z ~9C

3Ghuuc)E$g/_9~0<IMG style="LEFT: 10px; POSITION: absolute; TOP: 100px" src="http://photo.ff88.com/upphoto/25549/2005F10F31800836547.gif">

;r6LP],^'d0木铎校园 BBS 社区$@9fyH)nuF

 

4Yq(pY `9d~*e L8^n0

0c4cd$Q S3s6Ts)g0在首页右边的代码:木铎校园 BBS 社区'?;Gt5fl(|9r

木铎校园 BBS 社区'y @~9G/E

 木铎校园 BBS 社区jNb*m5[ E-`^

木铎校园 BBS 社区'h IE$|;L0sW,pP*O

<IMG style="RIGHT: 10px; POSITION: absolute; TOP: 100px" src="http://photo.ff88.com/upphoto/25549/2005F10F31800836547.gif">

n*Rz)l9ce0

0A5@m2b\)`0 木铎校园 BBS 社区0J6^&W~kc"rB

木铎校园 BBS 社区T1`.[.zMz-b%T'i

木铎校园 BBS 社区c7Sl$C L#]!G
top:图片与空间顶端的距离
/Z;@|#y'i9m/W0left:图片与空间左端的距离

,}j&a#Wa)fbo0木铎校园 BBS 社区t1~x1S h'o6_


Bzc_%F~#p0   大家可以用以上方法下载了QQ空间里的挂件图片文件后上传到免费的网页空间去(例如个人主页、论坛、博客、相册等)得到图片文件的地址。如果你对此也不清楚,没关系,请看用QQ相册打造免费QQ空间皮肤和挂件

#Elg d;n0

c:B3@ePRNdiP0这里列几个图片地址供大家参考:

us V U)@U0

3AzgCj.P'q}m0http://photo.ff88.com/upphoto/25549/2005F10F31800836547.gif木铎校园 BBS 社区?n LlF T7Yz_"A2x

:](Z/^ml4@L0http://photo.ff88.com/upphoto/25549/2005F10F31800836546.gif

bg~6EK#P,^1G@3\0木铎校园 BBS 社区3v4seKJ

http://blog.forshine.net/vip/17/upload/20051099589.gif木铎校园 BBS 社区#xl`]5E|0S9E

木铎校园 BBS 社区`5d1g `\{

 木铎校园 BBS 社区+f-A-l{8EUg9od h

BU mv5SU`0  以上代码经过精简,占用不了多少代码空间,且在BOOKE网中均可适用,请大家放心选用!好东西大家分享。

w1o,r4q~'h-V0木铎校园 BBS 社区 ag{ V/[Gu$V{

 木铎校园 BBS 社区*eoQ.S1D*e[H

木铎校园 BBS 社区}(A0BJ d*^7W

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

B\Po#l0木铎校园 BBS 社区,C9Uu+vn4Eh

 

I#J"ZB%~'vg0木铎校园 BBS 社区+s'B4Q.~*y

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

A*o{c#w0

 

.xm {W'DV)Zctn0

一、在公告栏中插图片(.gif格式的图片支持动画)

!nB/Gn[2g0j ui [0

 木铎校园 BBS 社区.lYW v)W

1、带方框的图片

5A9_!J8lK0

 木铎校园 BBS 社区GPa I5g;z

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

%f0|}/E7eW0

 

$fAD};Wb0

 木铎校园 BBS 社区h_[1L*W[-q)j

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

D!p/V[!j0

 木铎校园 BBS 社区@1Uc5\~(s]9g

<IMG height=110src="http://www.ngjc.net/upload/forum/200441875942.jpg" width=370 border=2>木铎校园 BBS 社区gaSdwq$T

 

)NF7]&px0

height指图片高度木铎校园 BBS 社区ioq5zQs/v"q

width指图片宽度木铎校园 BBS 社区s f3W2lI:uO{

 木铎校园 BBS 社区 ^zTI%o9j

  以后大家可以找自己喜欢的图片地址更换即可,只是图片上面不能添加文字(有点遗憾),公告栏上的文字只能在图片上端或下端显示。

:VHxn K#|1D0

 

"GRX8rt8X0

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

-i7T]!B#s0

 木铎校园 BBS 社区$I3E:ht f[K+J7k

图片可以是“.gif”、“.jpg”、“.bmp”等格式的

r RM"A2R)M V8t J$}8@0

 

CJc5l;hsh3ng+z4q0

二、飞舞的文字木铎校园 BBS 社区/OzS5V,NJ}

 木铎校园 BBS 社区rH7@zS:Uo gT

    <marquee scrollamount=8 direction=right behavīor=alternate><b><font color=#7700bb size=5><font color=lime>木铎校园 BBS 社区B;C8sT'O3h9Wso+C

<marquee direction=up behavīor=alternate width=40 height=200 align="middle">http://panpan3384.bokee.com/</marquee><font color=red>木铎校园 BBS 社区5j$t+@Y,N A&J%V

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

,H#F F2F9~'@?6Z%_!Z0

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

&Os n8KHE,zB*u0

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

!FSM(}CpVZ0

 木铎校园 BBS 社区3^8KRHWx)~_

    文字满屏飞舞,不过占的空间大了一些,已经超过500字了,大家试的时候把咖啡色的代码去掉就可以了。

CT(WoVOK7y_a0

 

`k yB&}FB6Z4U0

    没办法,好东西就这样啊木铎校园 BBS 社区 Z5COZw5P[2EU

 

z&W#V/b-X/a0

三、两色字——鼠标点上去会变色:

E-T N%ztMH0

 

D6o#D0B.}'oM8G8@0

        <FONT ōnmouseover="this.style.backgroundColor = 'red';" style="BACKGROUND-COLOR: green" ōnmouseout="this.style.backgroundColor = 'Green';" face=arial size=3>欢迎光临我的博客</FONT>

IqD0K{p0

 木铎校园 BBS 社区R:Da(rA)U3i.^T

    怎么样,效果还可以吧,size指文字大小,颜色也可以改变,大家用颜色的英文单词更改即可.木铎校园 BBS 社区 xM @}g6pIwe f

 

/FK4i1l C3e%T3Fj0

Cd%?!H{0木铎校园 BBS 社区|Oh#Dt5b!n7[4F6[wKiC

    其实很多的文字特效只是另外一些代码的变种,有兴趣的朋友可以研究一下。

.L R$K!\P3I5J!P0

4}q\#^e3B/X0 

(` |-sQ B a0木铎校园 BBS 社区*Ny`[H.K W+cn

    (3)如何添加博客首页QQ系统

#Gz:zM9U"Zuj0

E#Du0J+r,Z}#Kks1e0 

tA)Df#A,`$W.L0

(Y)h tb.wY-E0 木铎校园 BBS 社区!j3Y \)lr}P.iP

木铎校园 BBS 社区 J8s&FuN.H0[

i"]5V:Mc@0t z]0

                                

vfB)S.j2r2g/Tbs&f0

 木铎校园 BBS 社区hu c9p)]-zS

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

%zOqs8o)O5H!D.mv0

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

{V5kw(e)Y7N0

 

:N!xTj"[ JUMt8B6N0

红色数字更改你的QQ号码和网页地址。绿色数字为更改你QQ的链结图像。从1-13数字任改。

]i g/L)[H0

 木铎校园 BBS 社区nD pR9SN

 

*T IR^qJ0

 木铎校园 BBS 社区'rU[7J.Qhh?

 

xOFCq0

 

7Sv["T0f#Y*Qr;~0

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

b2Bk ZG_4y9B3G0

如图点[添加项目]--[链接]里粘贴 地址代码 再填[标题和描述]---[添加],完成.木铎校园 BBS 社区(l+T4VZ;@8q.D'M

 木铎校园 BBS 社区0vw$f5|2u&u1d

7LodXh YfQ#H0

 木铎校园 BBS 社区3q!{*l.eb4lr6}

 木铎校园 BBS 社区w%G*LKD@

代码如下:木铎校园 BBS 社区Q-j5}3At8F ~K

)L.C4} ^B%oi0

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

Rs0Nr,[&ar6E0

 

c@'e#c5mU7GoX5WS0

红色数字更改你的QQ号码和网页地址。

Se%Q G]rs8B0

 

.L` o2FAl;~Q0

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

i$lx,~ Tj]"O"u XX0

TAG: 他山之石

 

评分:0

我来说两句

显示全部

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

关于作者