如何美化博客首页

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

如何美化博客首页木铎校园 BBS 社区j;yym8|2SWo

 木铎校园 BBS 社区%V)R}@T5@

木铎校园 BBS 社区 o0FNa3DS$rQ

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

;NYD|Zq0木铎校园 BBS 社区A*a:t5x$@ T zX

代码如下:

Y,fAne2n8~0

It(Q:_m*KG0 木铎校园 BBS 社区,\y*v[b9y*Gh0^

9^-k2w'Ibk0<STYLE>body {background:url("http://bbs.oomusic.net/UploadFile/2005-6/200562312311635838.bmp") repeat scroll!important;}</STYLE>木铎校园 BBS 社区r f!MbB3V

木铎校园 BBS 社区9n&H8CR0Rnp@6n

 木铎校园 BBS 社区 I%A8{$RJ.K~d8S

木铎校园 BBS 社区Zi YK;R4A beN

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

3J r wneJ0木铎校园 BBS 社区?o8QMh5K

 

~Fl4DZ N2`S.v0

9s j q!@:t*sXn Q3v'f0这是部分图片链接地址,请参考:木铎校园 BBS 社区|+o/u@PM6dQ

木铎校园 BBS 社区C*G{u;Fl

 木铎校园 BBS 社区lm0H5z1hr&qJUw u

木铎校园 BBS 社区.Q W$EK+jX7D

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

.zQ b0cve0木铎校园 BBS 社区g7w:lX6XH-|mO

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

6|+m8Y,_j JI0木铎校园 BBS 社区7wCQrk%E+o8Ar)?

 http://bbs.oomusic.net/UploadFile/2005-6/200562312293331093.bmp木铎校园 BBS 社区~Q},K a$nV:eE

木铎校园 BBS 社区T~h$b8Iz

(二)、在博客首页两侧添加个性的漂亮挂件:木铎校园 BBS 社区^ SGkZ] d

2X7ic9I~;Q0_/Xj0 

1K#~Uw)?4|0

n7Zd |"o1_*I%|0在首页左边的代码:

Un co bxh0

;C f*U(A J"^_5N"N3_'XZ0 木铎校园 BBS 社区 gJe-?+x h

木铎校园 BBS 社区y~Y/lZ6w;_LR

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

V$Bjb5L(U)fz2X3j0

#NHr@^,L/U6a0 

tG"@F8l.P0Me-@ K0木铎校园 BBS 社区u;p:gi2_t5l$k

在首页右边的代码:

|(f5Cw7d0

wThjb+{l$~5BE'm0 

6[0A.u8p_3b0木铎校园 BBS 社区%_)oX8}C

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

8m4i Z j ^_S0木铎校园 BBS 社区;f!ojl!Y+W

 

._-p)Lw pL2})L^/?0

R.M2X6f%b0木铎校园 BBS 社区qBcJ8l7j$a(h
top:图片与空间顶端的距离木铎校园 BBS 社区AK gZ|+WT
left:图片与空间左端的距离

x%IRP f.n+I#A+cA0木铎校园 BBS 社区?3b&g&d8zx1t(Q

木铎校园 BBS 社区(])` fn%XP |0P+y
   大家可以用以上方法下载了QQ空间里的挂件图片文件后上传到免费的网页空间去(例如个人主页、论坛、博客、相册等)得到图片文件的地址。如果你对此也不清楚,没关系,请看用QQ相册打造免费QQ空间皮肤和挂件木铎校园 BBS 社区j9A9bPq

木铎校园 BBS 社区%}T&i0u5~rx9cxC%f

这里列几个图片地址供大家参考:木铎校园 BBS 社区8T(m xO7I(ld R

木铎校园 BBS 社区e*PT7b$I1hu

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

"gO3Jba0

H(f&tp"P6j0http://photo.ff88.com/upphoto/25549/2005F10F31800836546.gif

4{@3j)Lm@_as!k0

8|y-bM~E0http://blog.forshine.net/vip/17/upload/20051099589.gif木铎校园 BBS 社区zq%W4Q'_

:b [/D5Uc%k0 

L!iB7o GP0

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

#n,M2k1g2A?yX2X,x0木铎校园 BBS 社区 zR8w t9w+Q3`q

 木铎校园 BBS 社区1KA:@I:{%C? N

(dwIR,nPvn%l0   (2)如何添加博客公告栏图片

iT8jxu0

/Q m%K*vA0 

;aB0nC U&X0q%V/iM/D$d7H0木铎校园 BBS 社区uvY b)k4]t"L7dl,b

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

0Q0eemhH3SNCR)?_0

 木铎校园 BBS 社区C_(l4ce:d

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

Q0KN/[p4R0

 木铎校园 BBS 社区#d|vNM9L%m.Y

1、带方框的图片

`!TuF\ i-r0

 木铎校园 BBS 社区\r0y4S:c/l

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

6j7E:xIwO0

 木铎校园 BBS 社区-cL.e&{a-t,e(h

 木铎校园 BBS 社区 Bt4]k:q8h\!d

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

0q&u9epZ U*~0

 木铎校园 BBS 社区 Nk.X6O"vR/mS)Z:x

<IMG height=110src="http://www.ngjc.net/upload/forum/200441875942.jpg" width=370 border=2>木铎校园 BBS 社区7S!@T+i4v)u:J

 

bG$jp:q(~$V0

height指图片高度

gx T? @-Ro0

width指图片宽度

N\1y(RdS0

 木铎校园 BBS 社区b9^(@g;mxK

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

 木铎校园 BBS 社区*p4K4]*tH$w

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

:P*nf&p+]!zX@@&Pj?/h0

 木铎校园 BBS 社区r&Ip_ u6|

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

&B|0qH"Mj!Up]0

 

1L){0LNPd0

二、飞舞的文字

? l3W.x;m0

 木铎校园 BBS 社区+D W)g-bAV+y

    <marquee scrollamount=8 direction=right behavīor=alternate><b><font color=#7700bb size=5><font color=lime>

i4cDm.bD2w0

<marquee direction=up behavīor=alternate width=40 height=200 align="middle">http://panpan3384.bokee.com/</marquee><font color=red>木铎校园 BBS 社区|m7~P Q TX

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

(R-si`}H0

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

\B;Q s%v.K0

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

"G hBo0E~ Rs+xS7B0

 

FnZ.w4PZ[%P0

    文字满屏飞舞,不过占的空间大了一些,已经超过500字了,大家试的时候把咖啡色的代码去掉就可以了。木铎校园 BBS 社区4|SXe#N9Z)w|

 木铎校园 BBS 社区lTG,@MG{9Z2@

    没办法,好东西就这样啊

3ug@:w9{,]xv0

 木铎校园 BBS 社区"u?5W/^z9\bOy

三、两色字——鼠标点上去会变色:木铎校园 BBS 社区{dna.@Z[We4I

 木铎校园 BBS 社区#p$_]h3R"g

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

.Bvcoe1`&R%^0

 

1C^Z4E*e~%_'}r0

    怎么样,效果还可以吧,size指文字大小,颜色也可以改变,大家用颜色的英文单词更改即可.木铎校园 BBS 社区n~;qRX1{ N_&IY

 

T:gH8snCR+x$e0

木铎校园 BBS 社区;]8KtZp I'Z"E

%_z#\)pG^6T9g0    其实很多的文字特效只是另外一些代码的变种,有兴趣的朋友可以研究一下。

o4T5\9FUl0木铎校园 BBS 社区 y}s!Ft!u%mR&H*Ye A

 木铎校园 BBS 社区)f#f;iVj-U&X&j

木铎校园 BBS 社区aOVq%X`Wq:O

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

*XGl}?-t;~n6A0

Ah-Y:fI?*A0 

)F:].X J(u*~8S0木铎校园 BBS 社区wAGmf

 木铎校园 BBS 社区*Ru1@)ZJ Zf4Ea

木铎校园 BBS 社区9I$E4|2D,_tI.lj3r

p `-r1J${0

                                

V P [/Ch"I%eW1O0

 木铎校园 BBS 社区k'oyLw~3lmEm

1.在公告里粘贴代码如下:木铎校园 BBS 社区AB.NJ B$R

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

K1hg]!`1@9yQs;j0

 

(ts#D{.n?q0

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

*Gv:V EL#Em!hOC'b`0

 木铎校园 BBS 社区/Ik p"uL5\4En0X

 

@z ZU,sJ0@0

 木铎校园 BBS 社区%G8Qu4~%Vrf2_-P

 木铎校园 BBS 社区s%K0i+P~

 木铎校园 BBS 社区8xI!e1VpK3h4jF\t

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

7R:Z!p}m)L]_0

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

o%V$p[;F9Mc w0

 木铎校园 BBS 社区8A:ij)m)j&{SNQ

|-oOwU$b.G0

 

$\(N8r{D0[0a[\0

 

4C*W5nL P!B C0

代码如下:

J?d ?$C9r2GHU0

t(c^ s*Y(f2gk0

http://wpa.qq.com/msgrd?V=1&Uin=123943745&Exe=QQ&Site=roy0769.bokee.com&Menu=yes木铎校园 BBS 社区 d GUN7Vr|To

 木铎校园 BBS 社区W!w+~9c"B0V,S;^M

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

 

S u4y}:C;j0

注:如果要修改的话,必须重新开始设置,如要在本机试用就必须用其它的QQ号码登陆,否则会提示,不能和自已会话

pEl^gm5W0

5~T&fw'~)Kj0

TAG: 他山之石

 

评分:0

我来说两句

显示全部

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

关于作者