音乐帖可以发的如此美丽（使用Html代码教程帖）

总务长 · 发表于 2009-7-22 18:52

1.前言

为了不断推进音乐区的发展，音乐版特开启可“Html代码”功能。在帖子中使用“Html 代码”可以添加文字、图片、声音、动画、特效等内容，使帖子富有视觉冲击力和感染力。想在短时间内学会Html 代码，是不太现实的，因为Html 代码本身就是一门学科。生米煮成熟饭不是一照一夕的，代码的变化和风格是无穷的。与其说许许多多教材和方法，还不如踏踏实实套用。学习此帖后，直接套用代码，即可做出特效的音乐帖。

2.前提
因为Html代码中夹杂恶意代码会对站点造成一定安全隐患。故论坛用户组在“高级会员”及其等级以上的会员可以在音乐版发帖时使用Html代码。（点此查看自己ID所在用户组）
大致方法：具体办法是：点击发贴→选择下方的更多设定→在Html 代码前面打一个√。

具体代码套用请看下面的隐藏内容：

游客，如果您要查看本帖隐藏内容请回复

总务长 · 发表于 2009-7-22 19:04

游客，如果您要查看本帖隐藏内容请回复

总务长 · 发表于 2009-7-22 19:44

代码详解：（分三部分）

游客，如果您要查看本帖隐藏内容请回复

总务长 · 发表于 2009-7-22 19:57

游客，如果您要查看本帖隐藏内容请回复

总务长 · 发表于 2009-7-22 20:14

游客，如果您要查看本帖隐藏内容请回复

总务长 · 发表于 2009-7-22 20:15

# j0 h$ W+ [* t" N

$ c; Z. k8 V5 d" Q. F* K
3 @, Z) Y F4 e+ ?# v) ~
/ p1 c i, S: N4 Y. R 7 v ~; |( m% B; U; j1 y ) l* P: W/ Z5 {3 qI m In Love

口哨版舞曲

感觉怎么样

感觉怎么样

www.90bbs.cn推荐 ) _) `' _, C5 C: s' O+ _ : }' z: O6 _, m& l2 X; d . B5 \! X2 U: Z) r
0 ^. Q( v4 s/ z( S4 Z+ L. ~+ }
}) v; M0 d# R; i& M. |
8 q" J Q7 p4 j2 N" `4 a: G& A
7 j" T) u8 h, ?' I: N7 R
' J0 G8 _9 m2 R/ M- v
2 b) E H B6 j |; }& e$ D) D
- z" ~ ?2 q! ]% x8 A6 v9 U+ Z4 @
+ g5 _6 z& h& h9 ^) ?5 t
Z0 v! ~; z l0 }! R7 ?# F
% B6 g) h6 H7 Y8 T+ H0 t2 _5 e2 j
) z" {5 F' N! ~6 o: f1 t
2 `" {0 ^3 t7 m5 ^ F6 ^7 o8 T; l# q
0 _1 ?+ H2 o0 ]1 y
4 L5 m. ^! ]2 s0 |' [- C1 O$ \) G
1 X( ~ w0 A4 k
( t/ p+ D7 P3 k( r; {
9 z- m9 M) F A0 ]& H9 I
) F7 b8 F0 Z: p( o1 f, H
$ f5 B' ~# n7 U7 d* `& l9 I6 d
4 T* P; F- M6 v' A, s. b% e
( ^! B0 _4 h& |2 S
7 h! Y e; ?: w' }& `. F
4 u! U \8 |* B4 d% s
1 _* l5 J4 d+ e) O9 z
1 W5 G; v! X+ s+ H
7 I, t2 |& M" Y5 N' Q
6 B& x5 c6 ?; P1 K: D# |: O
1 `4 _( c" H5 S. P! s& ^5 A
- C$ ]. J% K- U% Z: R
( N! x! H: O9 v9 ?. u& \' h

* h# h" t2 r" f& I/ Y8 l* P
# z6 y6 \1 j9 m6 H ]' D/ A
: W! o/ D% @1 h& g( v; }$ x
* v7 F4 s+ K8 U8 }( k* M
+ R( d7 {8 b1 w9 J ?+ m- w
3 p; Y5 U8 ?% e3 @* }# q# K
3 t0 J+ {7 Y5 m" |7 l, }$ \7 A5 m
7 b* W' g# m* Y$ g* g6 I2 B
7 `% n# x" n7 J" M+ j" B

歌曲下载地址：

游客，如果您要查看本帖隐藏内容请回复

总务长 · 发表于 2009-7-22 20:28

整套代码中嵌入透明flash素材: (效果图见下一楼)

游客，如果您要查看本帖隐藏内容请回复

整套代码没有大的变化，加了这一小段，有flash特效。请仔细观察：

# ]( V( d8 z4 B& h: m8 t t
<P align=right><EMBED style="LEFT: 0px; WIDTH: 1000px; POSITION: absolute; TOP: 0px; HEIGHT: 700px" src=http://imgfree.21cn.com/free/flash/3.swf width=1000 height=700 type=application/octet-stream quality="high" wmode="transparent"></EMBED></P>
* d t( K; ^! {& g

6 b( Y: G: ]* d) y
请看红色部分！WIDTH:代表宽度 HEIGHT:代表高度、而这里调节的是透明的flash。相信大家在美化QQ空间时用到过flash，flash的大小自己是可以定的。主要是合适自己美化帖子。透明的flash地址如:http://imgfree.21cn.com/free/flash/3.swf 透明flash地址在网上搜搜，会有很多的，选择适合的替换上面的地址就好了。还等什么呢，自己快试试吧。
' R d, I5 f/ p+ ^( U

总务长 · 发表于 2009-7-22 20:30

* s8 [) G3 R: h; f% z3 @) o

7 g8 a' O! p; ^- W. i0 _
7 R! L8 B" Y* A( J
+ z9 X' ?$ g7 J5 y C' o( A! r
5 N% f) \( ^# B( }, T& t 9 i6 d' X# i( l$ I0 d$ U 5 ]# o g+ L( T' a* p' V I m In Love

口哨版舞曲

感觉怎么样

感觉怎么样

www.90bbs.cn推荐" Y. l: M& R! w3 q& N1 l & \2 D& P6 s# k# X6 k8 ~0 b: M" a( T& d9 ]( ~: G7 o {
# g- E! g3 j3 m- K0 Y2 C
8 _3 j% n" Z$ a* |$ l4 j9 Z
. j6 C, K4 n+ p& v; d/ r7 r, [
' C8 V, }% D5 j8 _% |# I/ m5 H' j+ U5 B
$ \3 L1 V% }( h3 I* h
7 u5 d& p3 R5 O, `; k
$ l/ `, i& W: {" V, l- J
) _# v, J% [, a1 P
. L( o5 _3 N8 d; M+ U! `& n
5 e3 L6 _' H8 z/ H( Y
9 W( |& a: ?5 W4 p. t& B
y9 h! i5 M( {
7 @2 r! q3 I% M
7 Y( h7 _; N7 t' h( N0 T
! O6 A0 I) T' F' i+ O' P% J' [- h
: M1 x) |* e/ o1 B% O9 e
K+ @) |" y* k2 n" O4 Z3 w
- L3 D& H" H; [ Y
0 T9 w$ e, c7 u6 O& ^0 e
$ O. @/ o& H' J) F* L" i
9 C0 Y" ^: \: J* u. t6 O( _
+ f' a' }0 V( i
+ U% N. p0 m. |8 J1 h2 l% p
. |5 T6 A8 k# p" e; u! w" A y
" H! Z# q7 u" l3 L! X+ h( |) g
7 t0 h3 X+ g) i- Q0 Y
$ R# S9 d4 k; y& {! J
* ?8 T& K$ I7 `; }5 O4 O. ?& C4 c

- y, s5 r2 R( V( @0 b
0 }" `+ U) U N# M% u( _( W
3 i% r6 `5 {. E: Q5 f/ \" L
+ q- D1 c' p6 C
+ d) A* g. M4 i A+ k: q
! y* U% z4 b1 y0 V, o( s
* J4 p8 u# I k- L. b- K9 X4 T& }; o
! o2 [( F& c) M& w
2 @) v9 r" }/ p$ L

下载地址:http://vfile.home.news.cn/music/public/vd05/200905/05/04/MUfs052009050522023352045698.mp3

总务长 · 发表于 2009-7-22 20:35

最后：这套代码的另一种用法（效果图见下楼）

游客，如果您要查看本帖隐藏内容请回复

总务长 · 发表于 2009-7-22 20:38

6 Y1 [# T% m0 U+ Q& J9 x

6 S+ p5 e* _& Y; @) X
2 {7 A! A9 I% R9 s
, o1 s8 t8 ] ?8 s
& g: ~3 {5 D6 \, ?2 W$ G 8 l6 s$ N% E& _8 T9 }9 A9 F - t( O) B3 \0 J2 K% SI m In Love

口哨版舞曲

感觉怎么样

感觉怎么样

www.90bbs.cn推荐 . y- x- e! Z C2 [- q3 V * k. u/ r- V S9 N l# {9 g# T: g2 w
+ T9 Z' p* p8 D3 z. X6 J5 d 7 H1 H1 B3 n* u# U: z) H
' N2 I2 {# L& n
# _* r0 e i; N2 a4 u: J& D1 V( K
7 y w7 z) ]3 z, O6 f0 j2 c( _
; y6 d' m$ R4 T% ^9 L! m' m7 c
7 Y v4 a" K' h4 N* p, s
6 ]' o, t' H( t7 c" a5 {% |
1 C4 _. D9 l8 o/ J: y* l
; a: p1 u2 g( ~ s4 k
5 B V0 \' M* @0 w! y6 z
% k; M: v/ r2 k' c$ g+ g5 _) Q
" X9 ~8 ?8 i# f
6 t* Q* B9 X' e0 _5 Z' b" b4 a; W8 q
" p9 E0 ]4 O O7 j# l
% M1 N* h, k9 |& Q1 x' M
' O" B" d' \/ g
/ ?* d8 n7 h% I
4 Q8 w& a5 O) B7 B: E
$ K- l1 C# W7 m% ^. ?
& t- C6 r+ `5 B" N1 f% c2 d* Q" r: V
9 V* H- P) ~; }2 ?2 F6 H' Q2 v
5 L; B' }! h) {6 e
# ~; V- [) e ~* U# e4 I
: G2 W" y. v+ y" s$ C
- h; ?/ T V% g$ N, I7 B
- ?) V; L4 M- a% }) |

! k$ f, \+ s' S R0 L# p
% {' B9 ?" _3 s. p9 M
2 R' ~) n7 j5 R# l! G/ x
8 S( F8 [; x8 a$ q/ e* t& e* E% e
4 S5 n+ b+ S% s8 { K8 E
4 X; }4 L% |8 B" x
- g$ t/ D4 `$ ^7 V' h/ O6 F
9 \( U0 Z8 {) h, b& b% P; J
C$ s' [ U6 G, ^
1 }7 F& N$ m+ w k: w

下载地址:http://vfile.home.news.cn/music/ ... 522023352045698.mp3

账号		自动登录	找回密码
密码			3秒快速注册

[其他类别] 音乐帖可以发的如此美丽（使用Html代码教程帖）

添加flash特效效果图

浏览过的版块