- เครดิต
- 0
- เพื่อน
- ทักทาย
- บล็อก
- อัลบั้ม
- โพสต์
- กระทู้
- แชร์
- สำคัญ
- สิทธิ์อ่าน
- 10
- จำนวนผู้ติดตาม
- จำนวนผู้กำลังติดตาม
- เพศ
- ไม่บอก
|
เจ้าของ|
chayut
โพสต์ 2013-7-9 22:59:28
7 m+ X+ i6 a; `# s H
มันเยอะอะครับ ไม่รู้จะสอนยังไง..แต่บอกเป็นแนวได้ครับ..คือผมลบ code เดิมในไฟล์ discus.htm ออกเกือบหมดเหลือไว้แต่ส่วนหัวและท้ายของ skin เดิม แล้วค่อยปรับแต่ง css ร่วมกับการใช้ diy เอามาแสดงกระทู้ครับ..- <!--discuz.htm-->
' R2 N& o# a( a( m; ^4 p - <!--{template common/header}-->
# _; X$ x# T5 U: U# P `
: L, ]- p# F1 H+ ~) V- 3 S; y- ?+ Q5 K7 j9 c
- <style id="diy_style" type="text/css"></style>
: c4 `- |5 U' b
1 `8 B" M! X* L0 Y e6 s* d( K- <div class="wp singse_n mtm mbm">
5 [$ r5 [# {( |3 e( d7 t$ O' D - <div class="singse_h1">, \- l& V9 E4 ?
- <!--[diy=singse_h]--><div id="singse_h" class="area"></div><!--[/diy]--> 9 S; B: T& r: U3 N
- </div>
! s* z0 y, }% t5 M - </div>
% @( [3 M' M$ E2 ^; L
! F& V7 o; f; i# t* K( R
0 V6 z1 |6 z4 f- <div class="wp singse_n mtm mbm"> & S; W& K, r9 u2 S9 A8 S+ O2 A4 a
- <div class="singse_l">
8 J2 E& U$ ~5 E - <!--[diy=singse_n1]--><div id="singse_n1" class="area"></div><!--[/diy]-->, E! i$ k! h$ D! M- L1 T }2 ?
- </div>
) c! x. p& J* U# U% V% J! D - <div class="singse_r">
# l1 K! _- r6 B - <!--[diy=singse_n2]--><div id="singse_n2" class="area"></div><!--[/diy]-->
- T' X5 _ l0 M+ \; }% a: B' K - & V' E2 [! l% @% q' l* {
- </div>5 |" {. X) H; t6 i( }7 I
- <div class="singse_x"> 5 x O0 M3 T% q- p
- <!--[diy=singse_n3]--><div id="singse_n3" class="area"></div><!--[/diy]-->
; k) T8 W1 c8 `7 b - </div>! s( j4 O+ C8 P( T" n
- </div>
. S9 D" F, A% Q - & I6 S5 Q9 M) I# F1 l B* t
- <div class="wp singse_n mtm mbm">% ~; W! O# q s
- <div class="singse_l8">% q( b$ Z' G p! F7 V6 _9 M n
- <!--[diy=singse_l8]--><div id="singse_l8" class="area"></div><!--[/diy]-->
& A/ c, V7 i( F - </div> |2 W- d& c9 A) v0 A
- <div class="singse_l7">
& N. m% W% Y$ G - <!--[diy=singse_l7]--><div id="singse_l7" class="area"></div><!--[/diy]-->+ R4 T- x/ |! N r# ~$ v1 d
- </div>; `- u9 E* Z- X! H% ^
- </div>
% s5 b: ]( x+ G# D, }: R4 T! O - , s" |! g' _9 x8 u) R, W
- 8 p8 M/ ]9 Z+ \# h
- <div class="wp singse_n mtm mbm">
' n3 _% }) r* D. n' P - <div class="singse_o">' G O2 P5 N; g/ C. N3 ]) ~
- <!--[diy=singse_o]--><div id="singse_o" class="area"></div><!--[/diy]-->1 i2 l( V0 l# q% p
- </div>
3 `5 ^) |) D( b. s9 {; \9 J - </div>
! X( Y5 D6 ?+ G0 O s6 k - 4 L* Q/ z" M1 x: h+ p: k+ l! T
- <div class="wp singse_n mtm mbm">
8 p0 s( [9 p& H( ?. S Z1 {: d+ M$ Y - <div class="singse_a">- D, p! j1 Y( H3 l& c7 i7 w5 g
- <!--[diy=singse_a]--><div id="singse_a" class="area"></div><!--[/diy]-->
3 O3 @- j! s+ h( X - </div>
7 y/ Z4 T/ r2 l% i - <div class="singse_b">
7 t' B `* [8 O - <!--[diy=singse_b]--><div id="singse_b" class="area"></div><!--[/diy]-->; m0 e, A& S) D6 u
-
7 W( O: {) R2 G# ^5 D# }1 T - </div>, T( o m9 ]9 ]) j7 Z0 V
- <div class="singse_c"> 6 V3 j& R- I9 Q/ U% F0 h) c
- <!--[diy=singse_c]--><div id="singse_c" class="area"></div><!--[/diy]-->
+ k* Q, [2 O0 b: h" W: X2 g - </div>
7 A( Q* i; r7 c: N - </div>
% }9 Y) [- L' W3 w- v! ~" t - . d* }$ B% S N
- <div class="wp singse_n mtm mbm">( R: p2 Y4 s4 W
- <div class="singse_d">
) ^" U: x8 i P' ~- G3 z4 }. t - <!--[diy=singse_d]--><div id="singse_d" class="area"></div><!--[/diy]-->8 I( Z) r. E7 b) c" b, o! g
- </div>
* K+ ]5 R- i/ i, Y - <div class="singse_e">
! r, t& _+ [+ V) K - <!--[diy=singse_e]--><div id="singse_e" class="area"></div><!--[/diy]-->5 ?& Q0 V( W V& |' g @: B1 g' S
- 7 J7 c" n7 l9 A! E: J9 Y
- </div>
8 ^ M! m) }3 a6 b3 X7 Y - <div class="singse_f">
! n8 w7 o) f% [' D3 e8 O$ d - <!--[diy=singse_f]--><div id="singse_f" class="area"></div><!--[/diy]-->5 j# t9 x8 g( `+ k- ^$ `* a
- </div>
8 `: H& r9 m$ x* i$ y. E0 @1 A - </div>! O+ F1 }* W. |/ R" M
- " |3 Q1 [& e: ]
- <div class="wp singse_n mtm mbm">$ ]9 |& |9 i/ C5 I0 u5 z
- <div class="singse_g"> : \4 W2 O; V$ ~; {: t9 m' s( |3 T" C
- <!--[diy=singse_g]--><div id="singse_g" class="area"></div><!--[/diy]-->
+ c/ {# D% b+ J% }. Y6 n; C) q! \ - </div>
+ O7 h v7 O, ~' x! s, W ]1 c - </div>8 Z5 n* Z2 g {
3 y7 k1 K4 W% ]3 _/ u+ `- <div class="wp singse_n mtm mbm">
& L+ u$ G* a* w& y$ ` - <div class="singse_i">
?& Z; h9 }1 q- I/ I; A+ H8 j - <!--[diy=singse_i]--><div id="singse_i" class="area"></div><!--[/diy]-->
/ W& Z$ I/ T/ }' p* o - </div>
! W" C8 J, {" x; A5 ~( Q* R& d - </div>
4 Q" R) }% v; W3 G - : {+ A: s. S% f
- * G- W- m& [ F
- <!--{hook/index_top}-->
3 X9 Y4 [9 z5 F5 I+ P6 b - <!--{hook/index_middle}--> 6 Y: X0 o: s& j" d
- " c+ C- L$ S: q7 Z6 l
- <!--{template common/footer}-->
คัดลอกไปที่คลิปบอร์ด และนี่เป็นส่วนของ css ครับเอาไปต่อท้ายไฟล์ common.css ครับ- .singse_n { padding: 0px; position: relative; }
1 |; h! G% l4 E. @ - .singse_n .singse_l {width:660px; height: 657px; overflow: hidden; border-radius: 2px; background:#0099FF;}
# k2 N/ ]1 c+ s5 F; \ - .singse_n .singse_l .frame-tab .tb-c { height: 491px; overflow: hidden; background: #EFEFF1; padding: 10px; border-radius: 0px;}; x" v. t! b5 P0 X0 ] y6 D. I# s
- .singse_n .singse_l .frame-title, .frametitle, .tab-title { background: none; border: none;}
2 W2 U: s# ]- q3 U0 m# R3 B - .singse_n .singse_l .title { height: 37px; padding-left: 0px;}; V$ t" t4 _0 C
- .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}9 g3 D7 @% P5 q+ t( j# C
- .singse_n .singse_l .tb .a a { background: url({STYLEIMGDIR}/tab_cur.png) no-repeat; color: #5A5A5A;}
9 y" L( {$ U. u, }8 O. k - .singse_n .singse_l .tb a { width: 85px; padding: 0; color: #FFF; font-weight: normal; }
/ |/ L3 T7 V0 D7 v ]- E - .singse_n .singse_l .tb li, .singse_n .singse_l .tb li a { border: none;}
3 {. V8 U# D# v* s3 n: S - .singse_n .singse_l .tab-title { width: 98% !important; height: 37px; overflow: hidden;}0 H9 {. Z8 a. U( E3 j& o3 r
- .singse_n .singse_l .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}0 a! N9 S2 x+ U. C
- .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%; }& G5 S1 `$ I0 I( ?$ Z
- .singse_n .singse_l .module li .org { color: #C02E0A;}% W* g* z( M% G- r( t! v3 a8 ?: E4 c8 Z' z
- .singse_n .singse_l a {TEXT-DECORATION: none;} K/ M, T" C3 J! A4 C4 h5 _
- .singse_n .singse_l h1 {font-size: 30px; color: #A00000; line-height:80px; text-align:center;}
9 ]" p! c: s; U - 3 }1 q3 _. `; p% H# ~- [+ b
- .singse_n .singse_l8 {width:414px; height: 303px; overflow: hidden; border-radius: 2px; background:#0099FF;} 7 U* A; d& l7 ^' G* }8 f
Q8 _) ?, o1 K1 O# h- .singse_n .singse_l7 {overflow: hidden; border-radius: 2px; background:#0099FF;}
& K; L" ^5 a+ l - .singse_n .singse_l7 { width: 565px; height: 303px; overflow: hidden; position: absolute; top: 0; right: 0; float: left;} , Z* D4 G+ [! x
9 q9 n* ~; F% {! m( q2 N- .singse_n .singse_r {overflow: hidden; border-radius: 2px; background:#0099FF;}, C/ F/ s5 W5 _! w4 G
- .singse_n .singse_r { width: 300px; height: 250px; overflow: hidden; position: absolute; top: 0; right: 0; padding: 10px; float: left; margin-top:387px;}4 J. O& K6 |3 r P4 H* N
- .singse_n .singse_r .slideshow span.title { width: 240px; text-indent: 0; text-align: center;}4 G, ]+ n0 K% o/ O/ t
- , ^! k) M( l. S# Z
- .singse_n .singse_x {border-radius: 2px; background:#0099FF;}
! o" P& g8 b% l) ] - .singse_n .singse_x { width: 300px; height: 357px; overflow: hidden; position: absolute; top: 0; right: 0; padding: 10px; float: left; margin-top:0px;}
# P3 b. V& L, T6 b# ?( M - .singse_n .singse_x a {TEXT-DECORATION: none;} 6 S( m. q* h6 B8 ] `4 C3 {
- 1 O/ A$ k1 n8 }% K5 v+ y e- c2 Y
- .singse_n .singse_y {border-radius: 2px; background:#0099FF;}
7 ~ m U# c! o* O8 I - .singse_n .singse_y { width: 300px; height: 357px; overflow: hidden; position: absolute; top: 284px; right: 0; padding: 10px; float: left; margin-top:280px;}% w o4 j! j9 p& c1 F
- # ~; X1 E' e/ z9 V6 O% S
- .singse_n .singse_z {border-radius: 2px; background:#0099FF;} + A3 a* @( [! o( M; a! z
- .singse_n .singse_z { width: 300px; height: 357px; overflow: hidden; position: absolute; top: 568px; right: 0; padding: 10px; float: left; margin-top:280px;}
* ^3 N+ ^. p2 f( ~5 j - ( [' e+ `, K% ~( ^2 H6 S- C
- .singse_n .singse_o {border-radius: 2px; background:#0099FF;} 0 O7 P" w, Z, j; @) `& T
- .singse_n .singse_o {height: 348px; overflow: hidden; font-size: 14px;}
) D5 K; D; S+ x: Y - .singse_n .singse_o h1 {font-size: 30px; color: #700000;}4 d" c0 G- y4 q
- .singse_n .singse_o p {font-size: 12px; color: #180000; padding:10px 10px 0 10px; line-height:25px; }7 R& M( D' s7 g: K
- .singse_n .singse_o .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}
3 \1 p- J* d. x1 I' ^" S( Y | - .singse_n .singse_o .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
/ F! d9 R" |2 B- ^ - .singse_n .singse_o h1 a:link {TEXT-DECORATION: none; color: #700000; }! @% J7 _: ?- }0 T6 w; k" n
- .singse_n .singse_o h1 a:visited {TEXT-DECORATION: none; color: #700000; }
3 y% w7 ?: R+ x4 P( t - .singse_n .singse_o h1 a:hover{TEXT-DECORATION: none; color: #700000; }, Z) S! A; t4 p2 ^
- .singse_n .singse_o a {TEXT-DECORATION: none;}; n' L+ L+ p( z6 x4 F( E
5 g! e$ O9 b1 M6 K+ j L, r- 9 M$ H R- ]% ?, ~& [3 ]% w
- .singse_n .singse_a {border-radius: 2px; background:#0099FF;}- `# V2 C" R% \/ X: Z
- .singse_n .singse_a {width:326px; height: 604px; overflow: hidden; font-size: 14px;}' v# x$ h* }4 H, Q( D) R# `
- .singse_n .singse_a h1 {font-size: 30px; color: #700000;}
# \/ W8 z5 Y$ l2 ~% n/ B - .singse_n .singse_a p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }. Q# D$ n9 Y" y L0 U' E0 C2 o! Q
- .singse_n .singse_a .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}& x" _8 R3 h; I% O/ n5 m# j
- .singse_n .singse_a .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}: ^; k" X& W* K
- .singse_n .singse_a h1 a:link {TEXT-DECORATION: none; color: #700000; }: C2 Z( P8 z! U& Z
- .singse_n .singse_a h1 a:visited {TEXT-DECORATION: none; color: #700000; }6 t- m. \1 Z* S$ V
- .singse_n .singse_a h1 a:hover{TEXT-DECORATION: none; color: #700000; }
1 b7 ]3 l6 c7 b! @, ? - .singse_n .singse_a a {TEXT-DECORATION: none;}) ^, b1 S! v% g
- # P7 v' O" X- j2 n" I& a! g. o/ @
- .singse_n .singse_b {border-radius: 2px; background:#0099FF;}4 \* c# c( n: h! E; `) B# Y' Q Q
- .singse_n .singse_b { width: 302px; height: 584px; overflow: hidden; position: absolute; top: 0; right: 332px; padding: 10px;}' h2 b6 p' e1 Q( u; d: U1 r
- .singse_n .singse_b h1 {font-size: 30px; color: #330099;}1 i0 C5 b6 U0 N" ~
- .singse_n .singse_b p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }
: ~% Y& I/ P, H$ ?% H8 I* Y3 r - .singse_n .singse_b .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}: g/ c4 {8 v7 l3 Q u
- .singse_n .singse_b .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}1 q& n# ~6 Q1 t2 I& t
- .singse_n .singse_b h1 a:link {TEXT-DECORATION: none; color: #330099;}7 A$ P. |& m/ R5 }2 Y! I0 @
- .singse_n .singse_b h1 a:visited {TEXT-DECORATION: none; color: #330099;}
! j5 E# k1 u, p1 W - .singse_n .singse_b h1 a:hover{TEXT-DECORATION: none; color: #330099;}
; P; O8 q% I6 Z' _ - .singse_n .singse_b a {TEXT-DECORATION: none;}" I. F+ f! y1 d0 k
- : W9 _) ?3 C9 ~
- .singse_n .singse_c {border-radius: 2px; background:#0099FF;}
# @4 M, T" F2 e) K1 K" Y- C - .singse_n .singse_c { width: 302px; height: 584px; overflow: hidden; position: absolute; top: 0; right: 0; padding: 10px; float: left;}
: c% `$ |' N' g0 _ - .singse_n .singse_c h1 {font-size: 30px; color: #006633;}% q7 w7 E! j& `. @: `& h$ G' H
- .singse_n .singse_c p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }/ k! P2 ]. {4 U# J. A& h G3 S; H) W
- .singse_n .singse_c .module { background: #EFEFF1; padding: 0 10px 5px 10px; border-radius: 5px}
& K4 R7 Y1 U. a4 k, X - .singse_n .singse_c .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
- M' L* ?/ G$ Z7 q, o) ~9 z) V3 | - .singse_n .singse_c h1 a:link {TEXT-DECORATION: none; color: #006633;}
4 }# _- o! M, R) X( C+ { - .singse_n .singse_c h1 a:visited {TEXT-DECORATION: none; color: #006633;}
7 i+ H% r# h# Q - .singse_n .singse_c h1 a:hover{TEXT-DECORATION: none; color: #006633;}
) x2 S- K5 k0 [) v$ u7 p7 B! |. ^ - .singse_n .singse_c a {TEXT-DECORATION: none;}
% x/ y# Z" N* I$ j( w- e
. f1 m2 d* W1 O7 {4 u) `- 7 J4 |# x! v2 G1 }4 x
- .singse_n .singse_d {border-radius: 2px; background:#0099FF;}
+ g1 i3 a/ K( k$ Y9 \ - .singse_n .singse_d {width:326px; height: 600px; overflow: hidden; font-size: 14px;}
+ ]# j% }0 q, v - .singse_n .singse_d h1 {font-size: 30px; color: #FF3300; }8 p! M6 B+ n* U: i0 f) b
- .singse_n .singse_d p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }; E, F1 b6 i) T6 ^% a
- .singse_n .singse_d .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px; min-height:310px;} k# F. U! t$ R8 \& L
- .singse_n .singse_d .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px; }7 X- X9 E1 O6 ~3 g
- .singse_n .singse_d h1 a:link {TEXT-DECORATION: none; color: #FF3300;}
& Z7 i" ^8 B2 W/ @" b; L7 L - .singse_n .singse_d h1 a:visited {TEXT-DECORATION: none; color: #FF3300;}
. A j- s' @; Q7 J/ M - .singse_n .singse_d h1 a:hover{TEXT-DECORATION: none; color: #FF3300;}8 I7 m) P/ h# s, _% I8 W! m
- .singse_n .singse_d a {TEXT-DECORATION: none;}! G3 F' t/ [" }7 {3 b& C# P
' f% G( [7 t: W: \! P- .singse_n .singse_e {border-radius: 2px; background:#0099FF;}
% E9 }: u! z1 Z* x$ j7 ?2 c - .singse_n .singse_e { width: 634px; height: 262px; overflow: hidden; position: absolute; top: 0; right: 0px; padding: 10px;}
7 H0 A; {% D/ R( P: I' q: s - .singse_n .singse_e h1 {font-size: 30px; color: #CC0099; }
0 E7 ^! X0 e2 k/ C6 W - .singse_n .singse_e p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }
4 X4 w7 g- E" Z3 `2 F - .singse_n .singse_e .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px; min-height:230px;}: \% L n N/ C0 y; }6 r3 [
- .singse_n .singse_e .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}6 X/ N) Y# P6 o# J' Q ~; M) n7 ~
- .singse_n .singse_e h1 a:link {TEXT-DECORATION: none; color: #CC0099;}
5 W% T1 m) N- I2 B - .singse_n .singse_e h1 a:visited {TEXT-DECORATION: none; color: #CC0099;}+ K0 M# a. L' v: ]/ r& p% J
- .singse_n .singse_e h1 a:hover{TEXT-DECORATION: none; color: #CC0099;}4 a% K ^) P8 h' R. m% D
- .singse_n .singse_e a {TEXT-DECORATION: none;}
- X) j1 O) @! O4 M k
. d5 L" j3 Q5 |& K- .singse_n .singse_f {border-radius: 2px; background:#0099FF;}
. A2 @$ m# x3 `! |/ W. W - .singse_n .singse_f { width: 634px; height: 287px; overflow: hidden; position: absolute; top: 293px; right: 0; padding: 10px; float: left;} q6 ~# B. e7 W' X5 p' b
- .singse_n .singse_f h1 {font-size: 30px; color: #330099 }
7 | b1 D7 I1 q( R - .singse_n .singse_f p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }
: M b- R) G% C7 V r% j. b8 B - .singse_n .singse_f .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}) {- {7 P& t6 _( \! w: {
- .singse_n .singse_f .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
6 b+ u" J/ S, d; s7 l Q - .singse_n .singse_f h1 a:link {TEXT-DECORATION: none; color: #330099}
& S( g. u$ b7 R - .singse_n .singse_f h1 a:visited {TEXT-DECORATION: none; color: #330099}
& `5 W z1 W% {7 v5 m, W3 u+ G8 f - .singse_n .singse_f h1 a:hover{TEXT-DECORATION: none; color: #330099}
* \$ N6 U' E/ t' Q- L9 y' o4 K - .singse_n .singse_f a {TEXT-DECORATION: none;}, u- k/ g7 @/ c9 E, q( V6 k5 Z
- V( p8 o$ p, x4 d( t2 \
- .singse_n .singse_g {border-radius: 2px; background:#0099FF;}% g% N" T* S6 l7 ?: C. j& V
- .singse_n .singse_g {height: 338px; overflow: hidden; font-size: 14px;}+ k* f1 d7 e4 \ J5 Z$ R# n
- .singse_n .singse_g h1 {font-size: 30px; color: #006600 }7 Q y: F1 b" Z/ e' z; }7 L: N" A
- .singse_n .singse_g p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }
( P ^9 y7 {5 e - .singse_n .singse_g .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}
* u5 P) h* X/ F - .singse_n .singse_g .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}7 @0 o% p: H% e6 B5 H1 y+ x7 _ e
- .singse_n .singse_g h1 a:link {TEXT-DECORATION: none; color: #006600}7 D6 n. q7 H/ A+ C ?+ u/ F
- .singse_n .singse_g h1 a:visited {TEXT-DECORATION: none; color: #006600}
1 U9 m. T K# B - .singse_n .singse_g h1 a:hover{TEXT-DECORATION: none; color: #006600}7 y5 m4 _% p4 v, Y
- .singse_n .singse_g a {TEXT-DECORATION: none;}6 e! X U# Z' o3 J$ u. L- @
- 1 I% D1 x- V' x) B! W+ Z6 F$ K- w: g
- .singse_n .singse_h {border-radius: 2px; background:#0099FF;}
, V0 x) k1 ?; M$ S - .singse_n .singse_h {width:1024px; height: 120px; overflow: hidden;} " F: b6 s$ H# ?; p. T
: ]# I+ J: h% T! \3 g3 A- .singse_n .singse_h1 {border-radius: 2px; background:#0099FF;} + d4 x6 C: B" I9 b* k4 J) w
- .singse_n .singse_h1 {height: auto; overflow: hidden;} 9 V! t" A( z! j# I
- 1 ]2 O: U5 j9 ~5 i& o- D8 ]
- .singse_n .singse_i {border-radius: 2px; background:#0099FF;}
/ D, A( o/ A: V5 O - .singse_n .singse_i {height: 264px; overflow: hidden;}
1 Q0 |! x! C- d: R7 a - .singse_n .singse_i h1 {font-size: 20px; color: #006600 }
+ h7 R; e0 o: h0 ]7 X5 O( U# K - .singse_n .singse_i .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}
( v/ [! Y! G" c+ _* N7 k9 { - .singse_n .singse_i .module li { font-size: 12px; width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC;}
7 I! d9 g: u7 z7 T! e - .singse_n .singse_i .module li em{ color: #006600}5 [ }7 s& d4 S0 f5 M# U6 k
- .singse_n .singse_i .module2 { background: #EFEFF1; border-radius: 5px; min-height :164px; padding-top:20px; padding-left:22px;width:614px;}3 Z4 k- {) M+ l% R( L3 U
- .singse_n .singse_i .module2 li { font-size: 12px; }2 ?7 f# c6 _: L8 q
- 4 ?6 U& J/ g. p* K, _. z; @: S" H
- .singse_n .singse_la {width:768px; padding:10px 10px 0 10px; overflow: hidden; border-radius: 2px; background:#0099FF;}
' G( K' m. X2 L5 L4 |0 K$ x* f - .singse_n .singse_la .module { background: #EFEFF1; padding: 0 15px 10px 15px; border-radius: 5px; margin-bottom:10px;}
7 o6 l8 b( L, Y9 X+ b/ y - .singse_n .singse_la a {TEXT-DECORATION: none; color: #003399;}% q# Q9 u, E, B9 t' _
- .singse_n .singse_la strong {color: #003399;}
5 l# U6 K* T7 B1 G - .singse_n .singse_la h1 {font-size: 30px; color: #A00000; line-height:80px; text-align:center;}
2 V2 N3 e5 o4 t$ D7 c# c1 L; y1 ` - , h) z9 D) F1 V
- .singse_n .singse_lp {height: 766px; overflow: hidden; border-radius: 2px; background:#0099FF;}
) o. `+ A1 E" y+ y3 G - .singse_n .singse_lp .frame-tab .tb { margin-top: 0; padding-left: 0px; line-height: 32px; border: none; }6 b3 u% O9 p4 d2 B" Z6 a
- .singse_n .singse_lp .frame-tab .tb-c {height: 600px; overflow: hidden; background: #EFEFF1; border-radius: 0px; padding-right:319px}
# a1 \; }. y# P - .singse_n .singse_lp .frame-title, .frametitle, .tab-title { background: none; border: none;}
6 j" H+ C0 n- A8 y# | - .singse_n .singse_lp .title { height: 37px; padding-left: 0px;}' T; s. g! q6 p% T8 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}) o5 ^1 h" ?8 g/ U5 M0 i4 }/ V
- .singse_n .singse_lp .tb .a a { background: url({STYLEIMGDIR}/tab_cur.png) no-repeat; color: #5A5A5A;}
- D2 ^1 F4 X! S+ u$ ^/ k v, O - .singse_n .singse_lp .tb a { width: 85px; padding: 0; color: #FFF; font-weight: normal; }% x+ E7 _* j: R3 \. x7 l( _
- .singse_n .singse_lp .tb li, .singse_n .singse_l .tb li a { border: none;}
1 _8 r8 C8 p+ \: A9 v - .singse_n .singse_lp .tab-title { width: 100% !important; height: 37px; overflow: hidden;}; P! p, X$ i- s: J5 w
- .singse_n .singse_lp .module { background: #EFEFF1; border-radius: 5px}
, N4 r7 W8 f* ]- I2 V0 s - .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%; } S; L1 {( n& [; m
- .singse_n .singse_lp .module li .org { color: #C02E0A;}
" T! [& v5 h7 `/ K3 o2 \# H - .singse_n .singse_lp a {TEXT-DECORATION: none;}" U/ ^' ~8 N5 n3 {# G* B
- .singse_n .singse_lp h1 {font-size: 30px; color: #A00000; line-height:80px; text-align:center;}
$ g' z% u# R0 _! U3 s6 D' G - " l& }! R: j. T' V" u/ d7 X
- .singse_n .singse_rp {overflow: hidden; border-radius: 2px; background:#EFEFF1;}
( g# c9 |# h1 A5 O6 z- Z- \ - .singse_n .singse_rp { width: 300px; height: 600px; overflow: hidden; position: absolute; top: 145px;right:20px}* G6 A" g- G- H
- .singse_n .singse_rp .slideshow span.title { width: 240px; text-indent: 0; text-align: center;}+ T" M- j* P" f5 w
; |: a) }7 `( \( ^, [% J- .singse_n .singse_at {border-radius: 2px; background:#0099FF; margin-bottom:12px}
# Y8 v3 M% M3 C+ }& z5 I" V9 W - .singse_n .singse_at {width:326px; height: 589px; overflow: hidden; font-size: 14px;} 6 d! t9 y4 t; N5 m, R# L k* `8 R
- .singse_n .singse_at h1 {font-size: 30px; color: #700000;}
# N. _* s. R6 j1 ^. q, t - 9 P4 L# S x4 ]3 H/ P3 I
- .singse_n .singse_bt {border-radius: 2px; background:#0099FF;}) y9 U7 L5 c# w" ^
- .singse_n .singse_bt { width: 634px; height: 287px; overflow: hidden; position: absolute; top: 0px; right: 0px; padding: 10px;}; h% v- Z- T: l( H0 R/ y5 h# O
- .singse_n .singse_bt h1 {font-size: 30px; color: #700000;}$ q+ d0 r. k3 W. f+ B( c5 J4 b
- .singse_n .singse_i .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}: c# _6 t5 J$ o/ k; k" B
1 @6 ~: |7 j5 A8 x$ k- .singse_n .singse_ct {border-radius: 2px; background:#0099FF;}1 j$ g* x( |. }% V9 t+ N3 B
- .singse_n .singse_ct { width: 304px; height: 569px; overflow: hidden; position: absolute; top: 318px; right: 0px; padding: 10px; font-size: 14px;}
& _$ s5 b* u* q/ L0 ^- Z - .singse_n .singse_ct h1 {font-size: 30px; color: #700000;}& e& ~9 E9 I, M; @
$ [, D% w( q* f& O, E! G- .singse_n .singse_dt {border-radius: 2px; background:#0099FF;}
- {) q) u, c3 ~6 k( }5 ?! \- _- `# `3 |2 F - .singse_n .singse_dt {width: 636px; height: 287px; overflow: hidden; top: 600px; padding: 10px;}
$ v7 N. s6 H/ e; `* ?0 s6 c - .singse_n .singse_dt h1 {font-size: 30px; color: #700000;}& [6 \4 s; k2 f4 g* b- V' X5 G
- ' U* R3 Q" @+ J. w
- .singse_n .singse_et {border-radius: 2px; background:#0099FF;}
' N7 W5 i4 ~+ A: { - .singse_n .singse_et { width: 300px; height: 251px; overflow: hidden; position: absolute; top: 318px; right: 334px; padding: 10px;}
4 G5 {7 Z; h# ~* _: _9 o7 b) ] - .singse_n .singse_et h1 {font-size: 30px; color: #700000;}9 B9 {. T f2 E
- $ D. Z7 a, h. b' v- Z* Q
- .singse_n .singse_x1 {border-radius: 2px; background:#0099FF;}
! l- q% N( L7 j3 u0 g6 ] - .singse_n .singse_x1 { width: 171px; height: 600px; overflow: hidden; position: absolute; top: 0; right: 0; padding: 10px; float: left;}
/ X8 q' P- Z- ~; m9 o7 d u, A, q - 8 g( F9 n& `* [- h+ |
- .singse_n .singse_x2 {border-radius: 2px; background:#0099FF;}8 ~9 V3 N. ^& y. M
- .singse_n .singse_x2 { width: 207px; height: 202px; overflow: hidden; position: absolute; top: 232px; right: 0; padding: 10px; float: left;}
+ |+ f# y, u; J" k* M* o% c
- S5 A, X/ B) \" g4 d- .singse_n .singse_x3 {border-radius: 2px; background:#0099FF;}
( s2 J0 P5 A& F% P# R - .singse_n .singse_x3 { width: 207px; height: 202px; overflow: hidden; position: absolute; top: 464px; right: 0; padding: 10px; float: left;}
คัดลอกไปที่คลิปบอร์ด เอาไปศึกษาดูนะครับไม่หวง
2 |0 V; n$ J. N% U# S4 j& H- N! O6 j) R$ Y) d1 L% T5 b
|
|