- เครดิต
- 0
- เพื่อน
- ทักทาย
- บล็อก
- อัลบั้ม
- โพสต์
- กระทู้
- แชร์
- สำคัญ
- สิทธิ์อ่าน
- 10
- จำนวนผู้ติดตาม
- จำนวนผู้กำลังติดตาม
- เพศ
- ไม่บอก
|
เจ้าของ|
chayut
โพสต์ 2013-7-9 22:59:28
, v# T+ L7 `- d, }
มันเยอะอะครับ ไม่รู้จะสอนยังไง..แต่บอกเป็นแนวได้ครับ..คือผมลบ code เดิมในไฟล์ discus.htm ออกเกือบหมดเหลือไว้แต่ส่วนหัวและท้ายของ skin เดิม แล้วค่อยปรับแต่ง css ร่วมกับการใช้ diy เอามาแสดงกระทู้ครับ..- <!--discuz.htm-->( F. ^; i! `% ~: j. ]
- <!--{template common/header}-->
1 A% D9 ?$ y: G5 _3 X! r
8 I0 g: D5 o: I0 L# J
! ~& s- R8 Q, m! B3 \- <style id="diy_style" type="text/css"></style>$ V# Q) e' Q$ C; D' r
& r2 _7 O0 S" L& j: O" W- <div class="wp singse_n mtm mbm">: V# ^" |. w, ]0 k& A
- <div class="singse_h1">- c, H0 f/ Y4 W
- <!--[diy=singse_h]--><div id="singse_h" class="area"></div><!--[/diy]-->
) `, s6 F4 v- @: N - </div>
3 ]* {5 u0 ^( B$ x - </div>
- `# O" a8 w' k- n r6 |
7 x0 O9 W* r! F% W% l
+ @( r# v' `+ p2 K% A" L6 u- <div class="wp singse_n mtm mbm">
0 k7 L& ~, |; n - <div class="singse_l">
/ M' P& R+ W5 f2 K% X/ a$ g - <!--[diy=singse_n1]--><div id="singse_n1" class="area"></div><!--[/diy]-->$ F& w' j; G, N% P) q% ]3 U
- </div> 4 _- d( \$ l# r- p/ D9 r7 ~
- <div class="singse_r">
2 T6 E4 ?3 e/ N9 Q; S9 K3 P - <!--[diy=singse_n2]--><div id="singse_n2" class="area"></div><!--[/diy]-->3 Q6 y% d4 P0 G$ Z
-
9 f8 F" S9 C6 S J8 k3 l( l9 S - </div>
# }' w% @# G2 w" G- H# p% b - <div class="singse_x">
8 H4 g2 M6 r( V5 e& y - <!--[diy=singse_n3]--><div id="singse_n3" class="area"></div><!--[/diy]-->% h( o9 M) _- Z3 s0 f3 w0 `
- </div>
: c( [9 L: [4 K$ Q# O: O* \; j& q - </div>
- x) n7 {" V' d$ I- U) R
B/ K' a" a* q- <div class="wp singse_n mtm mbm">! H2 O% S S S: X3 {: Z6 i
- <div class="singse_l8">
" @1 }3 A) K+ b: ? - <!--[diy=singse_l8]--><div id="singse_l8" class="area"></div><!--[/diy]-->
) p1 s4 m- c4 b) q2 b5 q - </div>
. n- {3 g5 W) {$ E. H$ I6 G - <div class="singse_l7">
! C* U% y1 Y+ C - <!--[diy=singse_l7]--><div id="singse_l7" class="area"></div><!--[/diy]-->
5 p, E2 `+ t! B' ?, | - </div>( a2 n% g( f. |; I( E
- </div>
+ p, G& R2 V5 Q) U+ V% Q - 8 y0 {5 d. g V
. g& K5 v9 g* o, W# ?- <div class="wp singse_n mtm mbm">$ r5 ~& [" W. s( t" P, W8 t3 o
- <div class="singse_o">
+ ^6 @, K& i6 Q: h+ l* N - <!--[diy=singse_o]--><div id="singse_o" class="area"></div><!--[/diy]-->
' i% i& e# u; l' }4 W Y% z$ w - </div>
8 y# q3 p3 q9 P4 c: r - </div>$ L& m8 B0 u6 f9 ]* U
5 K+ Y$ G$ ?/ }' C; Y; b! A5 a- <div class="wp singse_n mtm mbm">
" @2 g/ M" y; C5 h" ^* X - <div class="singse_a">! ?% L' W0 b. u0 d9 Z3 g, f
- <!--[diy=singse_a]--><div id="singse_a" class="area"></div><!--[/diy]-->
* T2 r; Q- j) J. [, c& ^ - </div>
& W; I1 X% a0 T8 E- u - <div class="singse_b">) J( D) _! a; I. z; h: ?) j) R
- <!--[diy=singse_b]--><div id="singse_b" class="area"></div><!--[/diy]-->, j3 T* B2 d o+ m
-
7 \# C6 m. b1 p5 G/ ^; F! Y - </div>
- s* j. P) Z: P& w% e$ a+ y - <div class="singse_c">
, L" t1 s( N) i; d- B - <!--[diy=singse_c]--><div id="singse_c" class="area"></div><!--[/diy]-->
- W# n4 P% I5 b- K4 X - </div>
2 C8 C, w6 k' S - </div>
& N0 p/ M0 R, v
6 `* Q9 c9 y+ K4 I- <div class="wp singse_n mtm mbm">
* z$ F8 Q8 Z# e1 S9 k - <div class="singse_d"> `8 q8 x0 G9 S0 J; \
- <!--[diy=singse_d]--><div id="singse_d" class="area"></div><!--[/diy]-->- k' N3 i% Z: n2 g2 k- g
- </div>6 H( d2 k9 O. W! C$ k$ m8 b, Z
- <div class="singse_e">
- x6 e5 N$ P1 Z5 P F9 ?( g - <!--[diy=singse_e]--><div id="singse_e" class="area"></div><!--[/diy]-->
: l, q& f" @6 p) d2 S5 y -
; ^- J4 ]' G& m - </div>. `# ]4 v; u2 ?, K% p& S
- <div class="singse_f"> ! M: V/ G" C2 ~7 F0 u! ?" B
- <!--[diy=singse_f]--><div id="singse_f" class="area"></div><!--[/diy]-->* R) T" s0 Z! T9 W$ i& ?8 p6 R
- </div> U( m5 g+ b- \
- </div>5 d3 T# u9 j4 l7 O9 ]
8 G( ?; X# X" a% x& O- a+ Q: C, G7 l4 T( n- <div class="wp singse_n mtm mbm">- F" R, |% Z/ ^; t! q
- <div class="singse_g"> 6 _, ^2 V# I) _5 Y+ \: p6 @
- <!--[diy=singse_g]--><div id="singse_g" class="area"></div><!--[/diy]-->
! _" M @2 E0 r( Q: w( r( a0 R X - </div>8 x% m3 o) C+ K
- </div>6 k( E2 j% ?* \ ^, h
- 5 h; w. R# V4 [# X% Q
- <div class="wp singse_n mtm mbm">
: V, z) j4 `+ m2 j4 ^0 @4 I: i( E6 N - <div class="singse_i">
) [9 L: ?. r# I- R6 c - <!--[diy=singse_i]--><div id="singse_i" class="area"></div><!--[/diy]-->
% T" r1 [" K: j - </div>
9 P7 Q) P" c3 F- b4 f7 F3 T - </div>6 S I! x9 ` D$ f+ L- b
- 7 p q; E) d5 N0 t3 }/ }
2 @" L: i; w+ T! U' S% A" K: F- <!--{hook/index_top}-->
$ j! |! B) L/ } - <!--{hook/index_middle}--> 6 o1 x& v3 q! ~
- # \0 ~: H- m, [- ~; S. W, d
- <!--{template common/footer}-->
คัดลอกไปที่คลิปบอร์ด และนี่เป็นส่วนของ css ครับเอาไปต่อท้ายไฟล์ common.css ครับ- .singse_n { padding: 0px; position: relative; } & Z+ }0 `' ~/ M7 l
- .singse_n .singse_l {width:660px; height: 657px; overflow: hidden; border-radius: 2px; background:#0099FF;}
6 o5 l" G% x. Z1 f, H% k& M' I - .singse_n .singse_l .frame-tab .tb-c { height: 491px; overflow: hidden; background: #EFEFF1; padding: 10px; border-radius: 0px;}4 h7 l. c9 H1 X! |: P
- .singse_n .singse_l .frame-title, .frametitle, .tab-title { background: none; border: none;}
0 |& D" W+ ` {- g - .singse_n .singse_l .title { height: 37px; padding-left: 0px;}1 y; L" m1 s# m# M% u) z* ^. {
- .singse_n .singse_l .tb li { width: 85px; height: 37px; line-height: 38px; margin-right: 0px; background: url({STYLEIMGDIR}/tab_list.png) no-repeat; text-align: center}* F: [( y& L: h. o( m3 l$ h. |
- .singse_n .singse_l .tb .a a { background: url({STYLEIMGDIR}/tab_cur.png) no-repeat; color: #5A5A5A;}* w% v7 Q* T2 X
- .singse_n .singse_l .tb a { width: 85px; padding: 0; color: #FFF; font-weight: normal; }4 ]( ^4 s/ T; F) [- T! x
- .singse_n .singse_l .tb li, .singse_n .singse_l .tb li a { border: none;}
V& Y( z6 K! l% a0 {" J" w - .singse_n .singse_l .tab-title { width: 98% !important; height: 37px; overflow: hidden;}: P" d% V k, B( F% N4 M
- .singse_n .singse_l .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}+ x6 ]+ \3 Y, k2 W. m: ^# _3 e
- .singse_n .singse_l .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px; background: url({IMGDIR}/dot.gif) no-repeat 0 50%; }3 T9 U8 t6 R" j( C: C2 ~
- .singse_n .singse_l .module li .org { color: #C02E0A;}
- K) |7 W5 N; E! i" J - .singse_n .singse_l a {TEXT-DECORATION: none;}' [3 x7 P" \0 G, a" L7 {
- .singse_n .singse_l h1 {font-size: 30px; color: #A00000; line-height:80px; text-align:center;}
5 P/ ]" c2 M5 f9 j: W0 C- ~
% T+ a0 u2 m5 E- .singse_n .singse_l8 {width:414px; height: 303px; overflow: hidden; border-radius: 2px; background:#0099FF;} 2 o- y; n, M# `: a. F( Y
2 }4 M; Y: `- x5 f6 Y Z8 A! c0 I- .singse_n .singse_l7 {overflow: hidden; border-radius: 2px; background:#0099FF;}* e/ ~3 [2 d$ n" A
- .singse_n .singse_l7 { width: 565px; height: 303px; overflow: hidden; position: absolute; top: 0; right: 0; float: left;}
, f% L1 \1 R- g - : U5 Z" m9 _5 G' f
- .singse_n .singse_r {overflow: hidden; border-radius: 2px; background:#0099FF;}
$ r" i& r) e8 ]4 m' v - .singse_n .singse_r { width: 300px; height: 250px; overflow: hidden; position: absolute; top: 0; right: 0; padding: 10px; float: left; margin-top:387px;}+ I" d) g9 f0 f# p. W0 {* ?6 \/ r
- .singse_n .singse_r .slideshow span.title { width: 240px; text-indent: 0; text-align: center;}) h& C& f) r' y% K8 {9 P
: N8 n7 Z( F' A0 ]- W9 Z- .singse_n .singse_x {border-radius: 2px; background:#0099FF;}
1 H4 q- S) i$ L0 g% N2 b - .singse_n .singse_x { width: 300px; height: 357px; overflow: hidden; position: absolute; top: 0; right: 0; padding: 10px; float: left; margin-top:0px;}
+ B7 A7 J5 j# h/ V - .singse_n .singse_x a {TEXT-DECORATION: none;}
% }! n o* ^/ |+ Y9 k! C) K# B - " i$ {5 L6 O. \8 n0 F; v2 e
- .singse_n .singse_y {border-radius: 2px; background:#0099FF;}
$ A6 S$ {& ]+ r s; ^$ V7 a( u: @" X - .singse_n .singse_y { width: 300px; height: 357px; overflow: hidden; position: absolute; top: 284px; right: 0; padding: 10px; float: left; margin-top:280px;}/ y# W1 o" t" x" | L( A. C
) K9 m: k, c" D8 a- @- .singse_n .singse_z {border-radius: 2px; background:#0099FF;}
4 v9 L* `+ c j3 G5 I. B# D% b8 s - .singse_n .singse_z { width: 300px; height: 357px; overflow: hidden; position: absolute; top: 568px; right: 0; padding: 10px; float: left; margin-top:280px;}6 \* [) p F4 Y7 V& d" N
- % Q1 _' u! x9 ~
- .singse_n .singse_o {border-radius: 2px; background:#0099FF;} 9 g9 V+ t/ X2 j: {$ ~
- .singse_n .singse_o {height: 348px; overflow: hidden; font-size: 14px;}
1 E! n! K6 l T# d8 Y: D( p - .singse_n .singse_o h1 {font-size: 30px; color: #700000;}/ t# q2 r# X4 n9 d- D7 j
- .singse_n .singse_o p {font-size: 12px; color: #180000; padding:10px 10px 0 10px; line-height:25px; }
. v' S5 ?$ F, P# R" j - .singse_n .singse_o .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}; V5 ` S- w3 \' p7 |
- .singse_n .singse_o .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
+ C# {1 L: T# c7 b$ f+ J - .singse_n .singse_o h1 a:link {TEXT-DECORATION: none; color: #700000; }% T+ ^. O" i9 m1 t2 i
- .singse_n .singse_o h1 a:visited {TEXT-DECORATION: none; color: #700000; }0 w2 \" V( Z2 }6 C5 w
- .singse_n .singse_o h1 a:hover{TEXT-DECORATION: none; color: #700000; }" E7 j: O* `; ~) S* f) V+ q% d
- .singse_n .singse_o a {TEXT-DECORATION: none;}
6 c8 r4 ^; u3 A
6 D0 _) |; r. l+ f- F7 D- - x3 c: g; \5 x/ V- t0 D
- .singse_n .singse_a {border-radius: 2px; background:#0099FF;}1 M* |3 K' [' |/ S1 L) ^
- .singse_n .singse_a {width:326px; height: 604px; overflow: hidden; font-size: 14px;}4 |4 M5 x- z4 y% x3 f6 f5 `8 [
- .singse_n .singse_a h1 {font-size: 30px; color: #700000;}
) I8 \) D$ P- s - .singse_n .singse_a p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }
) k3 c' E3 }! R: X8 W - .singse_n .singse_a .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}, Z/ C9 ^2 e6 ?3 h. s3 E7 Z/ g# B
- .singse_n .singse_a .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
* v1 K) Q3 `! I" o( a3 g - .singse_n .singse_a h1 a:link {TEXT-DECORATION: none; color: #700000; }
. R6 e3 L+ |% l8 M6 i0 h# c - .singse_n .singse_a h1 a:visited {TEXT-DECORATION: none; color: #700000; }
) A2 B2 r$ Q; q( M3 o! B! u* d - .singse_n .singse_a h1 a:hover{TEXT-DECORATION: none; color: #700000; }
N- \. k9 E; L& K5 x - .singse_n .singse_a a {TEXT-DECORATION: none;}; c( b$ G$ a& Y3 d
- * h7 {# p# O' S$ [
- .singse_n .singse_b {border-radius: 2px; background:#0099FF;} p7 g: B0 L% B& s% L
- .singse_n .singse_b { width: 302px; height: 584px; overflow: hidden; position: absolute; top: 0; right: 332px; padding: 10px;}
/ S; ]/ ^8 h% ]! S9 h7 r: X8 n" x - .singse_n .singse_b h1 {font-size: 30px; color: #330099;}9 c; X9 w0 y3 b5 [
- .singse_n .singse_b p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }4 b: s2 a$ j5 c
- .singse_n .singse_b .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}# W6 t" | a4 Q. s( `9 @! c
- .singse_n .singse_b .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
) T" L: W1 T; F d. h* ? - .singse_n .singse_b h1 a:link {TEXT-DECORATION: none; color: #330099;}. T- g Q% d8 G; u
- .singse_n .singse_b h1 a:visited {TEXT-DECORATION: none; color: #330099;}3 |" K4 W# M. \; G4 O
- .singse_n .singse_b h1 a:hover{TEXT-DECORATION: none; color: #330099;}
7 p5 ^5 a$ l" E8 ~ - .singse_n .singse_b a {TEXT-DECORATION: none;}
9 J' Q7 i- @) F9 Y - + Z$ G) h2 P; v3 Q: J" P
- .singse_n .singse_c {border-radius: 2px; background:#0099FF;}
1 a% N+ I5 s1 s9 E2 u - .singse_n .singse_c { width: 302px; height: 584px; overflow: hidden; position: absolute; top: 0; right: 0; padding: 10px; float: left;}2 |# X/ p5 F+ J. k' t
- .singse_n .singse_c h1 {font-size: 30px; color: #006633;}2 ^5 O: z4 X0 R4 m8 L+ w$ L
- .singse_n .singse_c p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }" e Q& @" z% O" h
- .singse_n .singse_c .module { background: #EFEFF1; padding: 0 10px 5px 10px; border-radius: 5px}
( @. A0 z. f1 L* \- R- P% d - .singse_n .singse_c .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}5 E3 Q# ^- S3 U6 m8 T
- .singse_n .singse_c h1 a:link {TEXT-DECORATION: none; color: #006633;}% \' E& ]0 H- d
- .singse_n .singse_c h1 a:visited {TEXT-DECORATION: none; color: #006633;}
5 u+ r/ a& V! V' X/ U - .singse_n .singse_c h1 a:hover{TEXT-DECORATION: none; color: #006633;}
# f+ s, B9 m1 U0 {5 w& I' S - .singse_n .singse_c a {TEXT-DECORATION: none;}
) X. f. |! U7 U. X4 ~3 c1 Q
4 C# d x) h- ~; c0 ]% Z- 4 }1 S0 a2 `0 K3 A; Z2 B
- .singse_n .singse_d {border-radius: 2px; background:#0099FF;}
- g7 B2 E5 h3 U H/ L7 K - .singse_n .singse_d {width:326px; height: 600px; overflow: hidden; font-size: 14px;}' ]2 y4 c8 Y) ~5 E i. G
- .singse_n .singse_d h1 {font-size: 30px; color: #FF3300; }
T4 }' s1 F% z1 w/ f - .singse_n .singse_d p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }8 E' h$ \4 A0 s/ a
- .singse_n .singse_d .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px; min-height:310px;}" o1 w# B8 ^0 _/ v: f8 W& Y
- .singse_n .singse_d .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px; }' X5 ~$ @6 ?) u9 t& H7 H
- .singse_n .singse_d h1 a:link {TEXT-DECORATION: none; color: #FF3300;}3 N6 u( r" p1 J$ s( \# K( G
- .singse_n .singse_d h1 a:visited {TEXT-DECORATION: none; color: #FF3300;}
4 L/ v* G2 [: u/ E - .singse_n .singse_d h1 a:hover{TEXT-DECORATION: none; color: #FF3300;}5 p& l' d! _4 V% q) A# P8 _6 L
- .singse_n .singse_d a {TEXT-DECORATION: none;}
1 L6 q6 P6 [9 f. F% {( ? - * v+ @* y/ U% o+ k
- .singse_n .singse_e {border-radius: 2px; background:#0099FF;}$ h! V4 w% I1 @; k1 n
- .singse_n .singse_e { width: 634px; height: 262px; overflow: hidden; position: absolute; top: 0; right: 0px; padding: 10px;}
* ^: Y& K" ?. B7 C - .singse_n .singse_e h1 {font-size: 30px; color: #CC0099; }
9 X5 r( ]- G+ q1 {3 o: _* j - .singse_n .singse_e p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }
1 F y4 M3 _6 o; i; F) r - .singse_n .singse_e .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px; min-height:230px;}
1 F9 m. l8 i5 r8 I' n4 z+ l - .singse_n .singse_e .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}7 O- b" ^$ `* a, b' I
- .singse_n .singse_e h1 a:link {TEXT-DECORATION: none; color: #CC0099;}8 b. m9 S- X- G; ^! N, H
- .singse_n .singse_e h1 a:visited {TEXT-DECORATION: none; color: #CC0099;}
' v' ]7 ]9 X7 D8 U( s/ i - .singse_n .singse_e h1 a:hover{TEXT-DECORATION: none; color: #CC0099;}
+ T3 C B/ N* W) C: C - .singse_n .singse_e a {TEXT-DECORATION: none;}* H9 s9 P. S" S. I( |5 @
( o* _! }8 m6 _- .singse_n .singse_f {border-radius: 2px; background:#0099FF;}
- U, O4 E9 X) ^ - .singse_n .singse_f { width: 634px; height: 287px; overflow: hidden; position: absolute; top: 293px; right: 0; padding: 10px; float: left;}
. _4 i8 V( d1 E T& J; I5 X - .singse_n .singse_f h1 {font-size: 30px; color: #330099 }# `3 N! C) f) `# s2 @' `
- .singse_n .singse_f p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }
2 g2 r; C; Z* d& W: y2 ? Z V4 i) B - .singse_n .singse_f .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}% p& e# r0 S0 m0 v7 u
- .singse_n .singse_f .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
9 W: Z6 c+ K5 F" v9 {- H4 }2 I - .singse_n .singse_f h1 a:link {TEXT-DECORATION: none; color: #330099}
3 X! n6 {' i# C2 R7 E - .singse_n .singse_f h1 a:visited {TEXT-DECORATION: none; color: #330099}& F& q& ~! K2 k8 n
- .singse_n .singse_f h1 a:hover{TEXT-DECORATION: none; color: #330099}9 A' n: c, u! v% s* _
- .singse_n .singse_f a {TEXT-DECORATION: none;}
) i3 k3 m/ V# h
0 ]/ _/ R& Y, s1 o- .singse_n .singse_g {border-radius: 2px; background:#0099FF;}8 N' J$ S1 Z8 U: K# O
- .singse_n .singse_g {height: 338px; overflow: hidden; font-size: 14px;}
, Q6 q: `" `( k - .singse_n .singse_g h1 {font-size: 30px; color: #006600 }
) L n+ i+ G& g' I - .singse_n .singse_g p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }7 @3 I6 ^0 e4 ]; t. M6 j
- .singse_n .singse_g .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}4 l# W! }# T! `$ a7 {4 L7 D# G
- .singse_n .singse_g .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}; ]# \$ H5 R6 Z5 K+ F' X
- .singse_n .singse_g h1 a:link {TEXT-DECORATION: none; color: #006600}- ^: B. d8 S- Z5 p
- .singse_n .singse_g h1 a:visited {TEXT-DECORATION: none; color: #006600}5 u T/ D: {8 C H8 W1 g/ G
- .singse_n .singse_g h1 a:hover{TEXT-DECORATION: none; color: #006600}
?: B- v# U" W1 t - .singse_n .singse_g a {TEXT-DECORATION: none;}
4 F$ O5 s2 {' l
7 U* i6 n/ I, s$ i" Q8 q6 m- .singse_n .singse_h {border-radius: 2px; background:#0099FF;}0 P! S. ?+ I3 Y+ o. n' O; q, Q
- .singse_n .singse_h {width:1024px; height: 120px; overflow: hidden;} 0 u# L. O1 ^$ R' ?! Q6 d/ J5 N1 p. O
" a3 |. Q4 D" d8 E+ a [; w- .singse_n .singse_h1 {border-radius: 2px; background:#0099FF;} ' R$ |0 s0 d' x0 {0 G
- .singse_n .singse_h1 {height: auto; overflow: hidden;} 3 g1 C2 E) D" o5 P) F
- 5 _7 \4 |: m. J* L9 o* N7 Q) }
- .singse_n .singse_i {border-radius: 2px; background:#0099FF;}
2 a3 ~2 C. x) ?0 ^( ?, m& D - .singse_n .singse_i {height: 264px; overflow: hidden;}* B w0 |; c4 ^% ~% [! Y- X+ S
- .singse_n .singse_i h1 {font-size: 20px; color: #006600 }
7 F# r& ~3 z* K) [& p: z( }2 a - .singse_n .singse_i .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}
9 P. M/ g) `0 a; N* T - .singse_n .singse_i .module li { font-size: 12px; width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC;}
: j# {6 c4 k/ s- j1 E( U - .singse_n .singse_i .module li em{ color: #006600}
) e( D( @0 j! S/ O6 f - .singse_n .singse_i .module2 { background: #EFEFF1; border-radius: 5px; min-height :164px; padding-top:20px; padding-left:22px;width:614px;}
) U. F% B8 z7 I. \9 K9 |2 I6 y - .singse_n .singse_i .module2 li { font-size: 12px; }
: M: l: \- O. R5 q( a# G - 9 q* _9 X s2 W3 J' R
- .singse_n .singse_la {width:768px; padding:10px 10px 0 10px; overflow: hidden; border-radius: 2px; background:#0099FF;}
' B1 o/ @) y- q4 a$ ?! a. _- k A - .singse_n .singse_la .module { background: #EFEFF1; padding: 0 15px 10px 15px; border-radius: 5px; margin-bottom:10px;}
& H, Y h1 g6 ]& S/ _ - .singse_n .singse_la a {TEXT-DECORATION: none; color: #003399;}
# c- ?) |1 E1 }9 _) f S9 J9 I - .singse_n .singse_la strong {color: #003399;}7 M8 N# f- ^. c2 ?' k8 Z( a6 x
- .singse_n .singse_la h1 {font-size: 30px; color: #A00000; line-height:80px; text-align:center;}
% g- r4 V5 e) @8 W; f - $ P+ a% {# n' ]$ v* n$ n+ X
- .singse_n .singse_lp {height: 766px; overflow: hidden; border-radius: 2px; background:#0099FF;}
. r7 p" Q9 n7 q5 p r - .singse_n .singse_lp .frame-tab .tb { margin-top: 0; padding-left: 0px; line-height: 32px; border: none; }+ s& B7 l4 V t+ `8 \" Z- z3 I
- .singse_n .singse_lp .frame-tab .tb-c {height: 600px; overflow: hidden; background: #EFEFF1; border-radius: 0px; padding-right:319px}8 X) p$ W* R# r
- .singse_n .singse_lp .frame-title, .frametitle, .tab-title { background: none; border: none;}
- S8 \# E" R1 c, A, R% |5 ? - .singse_n .singse_lp .title { height: 37px; padding-left: 0px;}
" V6 r% \; |0 E5 k - .singse_n .singse_lp .tb li { width: 85px; height: 37px; line-height: 37px; margin-right: 0px; background: url({STYLEIMGDIR}/tab_list.png) no-repeat; text-align: center}
. G) p$ V( z5 S2 f9 _$ c2 e; L - .singse_n .singse_lp .tb .a a { background: url({STYLEIMGDIR}/tab_cur.png) no-repeat; color: #5A5A5A;}
) N% q" s5 Q+ I8 b - .singse_n .singse_lp .tb a { width: 85px; padding: 0; color: #FFF; font-weight: normal; }- W8 i8 T$ I1 K/ S8 A
- .singse_n .singse_lp .tb li, .singse_n .singse_l .tb li a { border: none;}
# k1 F5 r6 }; T9 D: i - .singse_n .singse_lp .tab-title { width: 100% !important; height: 37px; overflow: hidden;}5 d/ B+ Y0 ]$ M1 ~5 _- S
- .singse_n .singse_lp .module { background: #EFEFF1; border-radius: 5px}
0 E8 Y( `) U* v& { - .singse_n .singse_lp .module li {padding: 8px 5px 8px 10px; border-bottom: dashed 1px #CCC; font-size: 14px; background: url({IMGDIR}/dot.gif) no-repeat 0 50%; }" R7 b$ z0 |/ s* A( H3 d: A
- .singse_n .singse_lp .module li .org { color: #C02E0A;}4 F) V$ x. a7 v
- .singse_n .singse_lp a {TEXT-DECORATION: none;}
6 H7 `: Y8 ]; t# L - .singse_n .singse_lp h1 {font-size: 30px; color: #A00000; line-height:80px; text-align:center;}
) |$ {4 o) l: U, b3 m# W - 8 ^) K( t1 V( d/ n
- .singse_n .singse_rp {overflow: hidden; border-radius: 2px; background:#EFEFF1;}
! G3 x1 q/ e' o- v8 m- \ - .singse_n .singse_rp { width: 300px; height: 600px; overflow: hidden; position: absolute; top: 145px;right:20px}" O' x% K: ?( _3 l: |5 D
- .singse_n .singse_rp .slideshow span.title { width: 240px; text-indent: 0; text-align: center;}
- A' U2 U* r/ ~
- ]' x H2 ? S- .singse_n .singse_at {border-radius: 2px; background:#0099FF; margin-bottom:12px}
7 `' N- r* D& T: l" c: `& D' v - .singse_n .singse_at {width:326px; height: 589px; overflow: hidden; font-size: 14px;}
' t" h: k) V, F% F8 K7 @ - .singse_n .singse_at h1 {font-size: 30px; color: #700000;}$ x- Y8 T. q- L3 x1 o& o5 z
4 R2 G0 D: X; p6 A* T- .singse_n .singse_bt {border-radius: 2px; background:#0099FF;}
+ T _4 p7 \) W) }5 Y+ @4 g - .singse_n .singse_bt { width: 634px; height: 287px; overflow: hidden; position: absolute; top: 0px; right: 0px; padding: 10px;}6 Q1 U, ~: Y. I0 `: S8 G
- .singse_n .singse_bt h1 {font-size: 30px; color: #700000;}
- m4 L' f5 P6 y( ~ - .singse_n .singse_i .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}! C! ] w* y+ P( Z/ a* `4 f* e
- ; |0 h1 f! ?7 m8 N( d0 }) g' X
- .singse_n .singse_ct {border-radius: 2px; background:#0099FF;}
# u% f0 T) ], E$ d5 N4 v. W( W - .singse_n .singse_ct { width: 304px; height: 569px; overflow: hidden; position: absolute; top: 318px; right: 0px; padding: 10px; font-size: 14px;}4 ^4 c# |& F4 p* ~
- .singse_n .singse_ct h1 {font-size: 30px; color: #700000;}3 z' a6 X) o/ `% @5 _, j! j7 b
- $ T( f0 D) D; \: G* o, Y3 T
- .singse_n .singse_dt {border-radius: 2px; background:#0099FF;}( _! O0 c0 M$ R# r( N8 O, u! f
- .singse_n .singse_dt {width: 636px; height: 287px; overflow: hidden; top: 600px; padding: 10px;} * U# b, E6 q Z) U/ G6 m' q& I& T( @+ I
- .singse_n .singse_dt h1 {font-size: 30px; color: #700000;}: h {0 h; @7 L, d& i* A
, p: U3 Z. ?8 |- .singse_n .singse_et {border-radius: 2px; background:#0099FF;} % j8 O c) ^# Z3 u; `! j
- .singse_n .singse_et { width: 300px; height: 251px; overflow: hidden; position: absolute; top: 318px; right: 334px; padding: 10px;}
) p) [9 r/ x8 N. { - .singse_n .singse_et h1 {font-size: 30px; color: #700000;}; F/ h; I# N- u: U
# E% G/ K, Q$ I. s" t. F- .singse_n .singse_x1 {border-radius: 2px; background:#0099FF;}
: G1 }" z1 }9 K' X - .singse_n .singse_x1 { width: 171px; height: 600px; overflow: hidden; position: absolute; top: 0; right: 0; padding: 10px; float: left;} 5 M8 v! J. b6 V; f( I" C0 \; l5 z5 d* l
6 E! R5 T% t% p/ V- .singse_n .singse_x2 {border-radius: 2px; background:#0099FF;}
1 K- {5 j- u( a: m5 U - .singse_n .singse_x2 { width: 207px; height: 202px; overflow: hidden; position: absolute; top: 232px; right: 0; padding: 10px; float: left;}
1 j& F6 h/ S. g9 q - ' u; } ?0 O& @ O1 q9 B$ K
- .singse_n .singse_x3 {border-radius: 2px; background:#0099FF;}
- @* `* m' b( O* h: b - .singse_n .singse_x3 { width: 207px; height: 202px; overflow: hidden; position: absolute; top: 464px; right: 0; padding: 10px; float: left;}
คัดลอกไปที่คลิปบอร์ด เอาไปศึกษาดูนะครับไม่หวง
. s* m0 q# l- N" |% i1 l: v, B0 X/ v% u' z7 x2 o @
|
|