]动网论坛程序精美背景发帖代码使用说明

社区技术服务

 
　　 l~ld (P!  
m}]O NLe  
　　DVBBS　动网论坛程序是比较普遍的论坛，但不少人不会如何编辑漂亮的帖子． CRw 1@*  
sb`Qh>Tb+  
　　不懂html 代码的也没问题，教你如何使用html代码编辑漂亮的帖子来． +}433)  
nI*)*zh  
　　 8R\Rq&Dj  
<HHb:VJ  
　　只要copy下面代码到你的发贴的模式下．然后切换会模式，就可以看到效果了 M5t,0>>  
eFoUvnR  
&( l^|y V;  
WV*
t 9  
　　HTML新手练习基地~~~ 352Ty090I  
a/|"TA#&a  
　　教你做最简单的 边框和背景。 K8Rh,y  
! Qho|6  
　　 kM, 6kNc^  
M Bu2dQF  
　　1.先做表格。 D\W|AP)M  
点 a+>)T'ZJ'  
3BOMP '[p  
　　，边框粗细你任意选，一般在10。其他你不要动。（等你学会后还可以自由编辑） 9K7UG  
|2RU.Lw  
　　2.选边框颜色。有个小三角点#CCCCC你喜欢什么就点确定。如图： mDJM_Ns>  
=]weM;Tm  
　　选边框颜色。有个小三角点#CCCCC你喜欢什么就点确定。如图： (Z2?w&hw  
J b[rh!b  
~>)6v[1Pt  
　　 AN$^*Q:U  
g]_Ldr\u  
　　3.加背景颜色。“#FFFFF”也是你任意选，如图： FlhDKN8O  
Zn5r9T;Y8  
　　加背景颜色。“#FFFFF”也是你任意选，如图： sR)yY}@w  
Vg }t(Y[F'  
　　4.图片复制到边框空格里。方法是：你将鼠标放在你需要的图片上，点右键，点复制，然后粘贴到你做好的边框里 NhE6dWP  
7RJS]f^LO  
M:KXBN0  
JBq{Q[u\  
rmmX'd~  
　　 W}jb!vi-X  

a p%*S:g  
　　 j~#HO~*  
PN9LnQY  
　　图片加文字效果 2}%z$ VWp  
=+ #{"O  
6`2[MWSJ  
代码如下： E03}3*  
N0Y~I  
</B><BR> Ii ZZ:laO  
<TABLE background=http://www.gs.whu.edu.cn/gsweb/Entertainment/ourchance/bj2.jpg border=0 height=500 width=600> UQA;UaA  
<TBODY> q'u 0)-Y  
<TR> >1g/pK7  
<TD align=middle> j@ w2A}f  
<MARQUEE direction=up height=200 scrollAmount=2>
IH]3[BOM  
<CENTER><FONT color=red face=华文新魏 style="FONT-SIZE: 32pt"><B>图片加文字效果</B> </FONT></CENTER></MARQUEE></TD></TR></TOBDY></TBODY></TABLE> L3 bs ]  
<CENTER></CENTER><BR> vt.sIBr  
<DIV></DIV> }IZsU  
<></P> ~),-*F  
R:e+qr,T;  
H1JXO9B  
　　图片加文字效果 N ,3aD`Q7  
qtm]v < ;  
　　蓝色部分：图片地址 Pcf0iB2  
1@}"Ld{q#  
　　粉色部份：图片高度 (E- WB-Gr  
o3P^2< l  
　　红色部份：图片宽度 w2#h.c  
.{dnH\7 O  
　　绿色部份：加入文字 RU0 ;" E_  
`51H:t  
　　黄色部份：字体颜色 w))e9["a~b  
]#8\hW9lb  
{q6G=qy6Q  
a_v8Xr  
uVkTO!~Lxb  
iV1m5SV"  
HTML成品代碼----壹學就會 81qz/{q  
SI|X{'q  
&l([PQ)&  
边框： s9 n IWh  
1.两层 F cHj+T>  
q[R1Cg@  
< ALIGN=CENTER> wqo_b7IVG  
<TABLE cellSpacing=10 cellPadding=8 width=480 bgColor=#000000 border=1> dM-@_A52  
<TBODY><TR><TD><TABLE cellSpacing=2 cellPadding=2 width=480 bgColor=#000000 border=0> bt"Dvxr  
<TBODY><TR><TD>加入内容</td></tr></tbody></table></td></tr></tbody></table> ,]>*iQ  
4Z:1@?7  
Gk #tW20@  

[此贴子已经被作者于2006-11-3 15:24:44编辑过]

社区技术服务

2.八层 ghV8H7"  
<TABLE cellSpacing=0 cellPadding=4 width="95%" align=center background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0> SZ.PyYcu  
<TBODY> f)}vti8  
<TR> U^#: BQ  
<TD> {c3>c[MUX  
<TABLE height=315 cellSpacing=0 cellPadding=15 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0> m"ZLNS+  
<TBODY> 5u4-Ms++  
<TR> yTgYr6UAs  
<TD> J+|+{%Y_,  
<TABLE height=355 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0> BI*v{b$*  
<TBODY> {M8JV)6~g  
<TR> Z!9qs`i6  
<TD> r=)EiK,  
<TABLE height=387 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0> $r&"%X  
<TBODY> SvZ3$0  
<TR> J1#}}<E  
<TD> hW+B&l0  
<TABLE height=365 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0>  Ssd_jz#  
<TBODY> X /( WZn  
<TR> 7B>|`?V  
<TD> P<Q^?^`'R  
<TABLE cellSpacing=0 cellPadding=15 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0> Y.8$A)  
<TBODY> P$9{}&m  
<TR> VYLLd0/`  
<TD> 'Xw%t
Z@\>  
<DIV align=center> p`xJo5 f3  
<TABLE height=362 cellSpacing=0 cellPadding=2 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2strip.jpg border=0> L>T
[d@  
<TBODY> 4~_6^8[  
<TR> DFLZPQIh  
<TD> qEru'0vF  
<DIV align=center> "ILequ  
<TABLE height=361 cellSpacing=0 cellPadding=4 width="100%" background=http://www.enchantingdesignz.com/linkware/parker/p2background.jpg border=0> sx8$}E0vG  
<TBODY> /]!'/ YF?  
<TR> q Jyg?z  
<TD> 0:G@vg!j$Y  
<TABLE height=204 cellSpacing=0 cellPadding=4 width="100%" border=0> _ar;{+HP  
<TBODY> $ 9Nx @  
<TR> /JK?f<=i  
<TD> jV?M~'vMX  
加入内容 B_"^
|i8  
</TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></DIV></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> Xdu\PXEz2  
>\CNB  
3.三层 @_M ui 4  
<CENTER><TABLE cellSpacing=10 cellPadding=2 width=450 bgColor=#000000 border=1><TR><TD><TABLE cellSpacing=8 cellPadding=10 width=450 bgColor=#000000 border=1><TR><TD><CENTER><TABLE cellSpacing=8 cellPadding=10 width=450 background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0153.gif border=0><TR><TD>加入内容</TD></TR></TABLE></CENTER></TD></TR></TABLE></TD></TR></TABLE> mV$PN6aE  
4.一层 25' 0.r  
<TABLE cellSpacing=1 cellPadding=0 width="100%" align=center background=http://pugongyingw.51.net/image/bj/10.jpg border=5> !ZA`N;A~  
<TBODY> .X3J^  
<TR> pc98{f8  
<TD>加入内容</TD></TR></TBODY></TABLE> jc5AsS:\  
5.两层 'WB!'9\  
<CENTER> 9QQlUjG8  
<TABLE borderColor=#0000ff cellSpacing=0 borderColorDark=#ffffff cellPadding=0 width=480 border=1> }pB qJRez  
<TBODY> 6(]fG
(d  
<TR> aK)3"5E  
<TD> 7Pj>}  
<TABLE cellSpacing=5 cellPadding=5 width=430 align=center background=http://znrs.2000y.net/UploadFile/2004-6/200467181958882.jpg border=0> 18#EUq+8  
<TBODY> 
GNw3_4IL  
<TR> 8|FA&379  
<TD> 7"dmi"hr  
加入内容 " $ 5re.  
</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> @N CT@dU5!  
</CENTER> ?dplW^b  
R~y4`c9J  
 Y 6 'H  
=1w-SY7}v  

社区技术服务

2nWi!nXU  
　　3.加入图片代码： C=7ak~CGFa  
foGFf/z  
　　一、单纯的一张图片 Z%0F}i  
M17ZVd  
　　http://forum.xicn.net/uploadFile/2004/05/29/AqSegBJrrq214800bingchuan4.jpg>>
L^B<t~  
caF7zbC]U  
　　二、加框有一层FLASH的图片 +-EcOr!XW  
b@iT
COE<  
　　三、加框用两层FLASH的图片 YCS{]m8^E  
fE{gnW  
　　四、两个FLASH上下排列的图片： 
Q)mc"3!  
` nb'tfK  
　　五、下上移动的图片们： L74 z Hw*.  
.V^,.D\@{  
　　http://www.7ecn.net/bbs/http://www.xying.net/bbs/http://www.zhenshui.com/ttbbs/http://www2.itsqq.com/bbs/http://www.52050.com/http://www.yyltz.com/bbs/http://znrs.2000y.net/http://forum.xicn.net/uploadFile/2004/05/29/43akqeHuYd214718bingchuan4.jpg"%20target="_blank"%20>http://forum.xicn.net/uploadFile/2004/05/29/43akqeHuYd214718bingchuan4.jpg">> i5iY +n3  
(L[uHG,Xg  
　　http://www.7ecn.net/bbs/http://www.xying.net/bbs/http://www.zhenshui.com/ttbbs/http://www2.itsqq.com/bbs/http://www.52050.com/http://www.yyltz.com/bbs/http://znrs.2000y.net/http://forum.xicn.net/uploadFile/2004/05/29/DLSKfBs53V215623bingchuan4.jpg"%20target="_blank"%20>http://forum.xicn.net/uploadFile/2004/05/29/DLSKfBs53V215623bingchuan4.jpg">> &&#B~=>H  
X Yu&No3`  
　　http://www.7ecn.net/bbs/http://www.xying.net/bbs/http://www.zhenshui.com/ttbbs/http://www2.itsqq.com/bbs/http://www.52050.com/http://www.yyltz.com/bbs/http://znrs.2000y.net/http://forum.xicn.net/uploadFile/2004/05/29/ZEd88baGsn215638bingchuan4.jpg"%20target="_blank"%20>http://forum.xicn.net/uploadFile/2004/05/29/ZEd88baGsn215638bingchuan4.jpg">> 1<r]Majf>  
'_uco!tm  
　　六、左右移动的图片们：（要有个背景哟） 49 IcDu2`  
m$."X^a+  
　　七：图片雾化效果： CA e(  
Jm!pqkn3SH  
　　(使用时必须去掉"HTML"旁边"自动修正"的钩.) }0b eS&H  
@Gp?8UQl  
　　八：图片倒影效果： i8YT  
)8'UP UKA  
　　(使用时必须去掉"HTML"旁边"自动修正"的钩.) j&wnup"  
H =# ,c8a  
　　http://www.7ecn.net/bbs/http://www.xying.net/bbs/http://www.zhenshui.com/ttbbs/http://www2.itsqq.com/bbs/http://www.52050.com/http://www.yyltz.com/bbs/http://www.snsn.net/user/zn/http://www.smba-china.com/upload/upfile/2004430154320.gif"%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20>http://www.smba-china.com/upload/upfile/2004430154320.gif"> id=ew style="FONT-SIZE: 27pt; FILTER: wave(strength=3,freq=3,phase=0,lightstrength=30) blur() flipv(); WIDTH: 220px; COLOR: #3333ff; HEIGHT: 10px">http://www.7ecn.net/bbs/http://www.xying.net/bbs/http://www.zhenshui.com/ttbbs/http://www2.itsqq.com/bbs/http://www.52050.com/http://www.yyltz.com/bbs/http://www.snsn.net/user/zn/http://www.smba-china.com/upload/upfile/2004430154320.gif"%20target="_blank"%20%20target="_blank"%20%20target="_blank"%20>http://www.smba-china.com/upload/upfile/2004430154320.gif"> gJvIU W  
n&!er,=  
　　> DH=tJ"m}  
8<<(gz  
　　九：图片向左右相反的方向移动的效果： # igB7  
3IE6M1zP  
　　加入背景音乐代码： MwKH|uI  
{Mz" ~U  
　　所用元素： =qU!?#Zh\  
'D: FG0e  
　　参数： X#&mAy[R  
LIN/&97kf\  
　　src：音乐文件的URL； tF}t?%0C3  
{`/3m]Bi.  
　　hidden：=true为不可见，=false反之； +Y%Ke-}sm  
_ ]ON3    
　　type：指定音频类型； aZj3H5F11

符江新诚摄影

分享拉