高县金线岭网友社区

标题: ]动网论坛程序精美背景发帖代码使用说明 [打印本页]

作者: 社区技术服务 时间: 2006-11-3 15:22
标题: ]动网论坛程序精美背景发帖代码使用说明

　　 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编辑过]

作者: 社区技术服务 时间: 2006-11-3 15:26
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%tZ@\>
<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

作者: 社区技术服务 时间: 2006-11-3 15:26

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@iTCOE<
　　三、加框用两层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

作者: 符江新诚摄影 时间: 2006-11-3 17:26
分享拉

欢迎光临高县金线岭网友社区 (http://bbs.cnjxl.com/)