- เครดิต
- 0
- เพื่อน
- ทักทาย
- บล็อก
- อัลบั้ม
- โพสต์
- กระทู้
- แชร์
- สำคัญ
- สิทธิ์อ่าน
- 10
- จำนวนผู้ติดตาม
- จำนวนผู้กำลังติดตาม
- เพศ
- ไม่บอก
|
เจ้าของ|
chayut
โพสต์ 2013-7-9 22:59:28
$ ~8 R4 |$ z' t" v6 T! {0 d
มันเยอะอะครับ ไม่รู้จะสอนยังไง..แต่บอกเป็นแนวได้ครับ..คือผมลบ code เดิมในไฟล์ discus.htm ออกเกือบหมดเหลือไว้แต่ส่วนหัวและท้ายของ skin เดิม แล้วค่อยปรับแต่ง css ร่วมกับการใช้ diy เอามาแสดงกระทู้ครับ..- <!--discuz.htm-->
4 C6 C3 }3 ?! E- G m; o' a - <!--{template common/header}-->
- Q: n5 r( _2 F9 |/ J, z( S) r( T
3 j1 \" Y7 c6 C R, {. Y' r- 0 p% u; G$ ?* G" Z; N
- <style id="diy_style" type="text/css"></style>
x. l0 }6 ^$ F: ]( n$ B - % c/ V0 I$ z, @8 B
- <div class="wp singse_n mtm mbm">! [' `# P3 V. I- G( u- c. [
- <div class="singse_h1">' n/ I# e# O+ W2 \
- <!--[diy=singse_h]--><div id="singse_h" class="area"></div><!--[/diy]--> : t5 G6 z% [4 s8 I, h e5 b6 c+ s. R
- </div>
2 \- L. ?/ o( u3 H/ E - </div>
- N% i% x, L0 X" J* `- | - : r4 j* M. u8 h
- & @4 M. A$ s& [
- <div class="wp singse_n mtm mbm">
- o0 w. |0 E. ]" V% u - <div class="singse_l">- a: c1 S0 m% a; X+ X. D: X
- <!--[diy=singse_n1]--><div id="singse_n1" class="area"></div><!--[/diy]-->
O( z. t+ n8 z3 J' d5 j - </div>
. a }; t/ N- r& F, V- E0 s2 S& \ - <div class="singse_r">
3 K! u0 `( K0 ~% h3 l - <!--[diy=singse_n2]--><div id="singse_n2" class="area"></div><!--[/diy]-->2 ^; m, {8 n/ |; m, n
- 2 ]+ }$ }) v6 G$ G3 V: p; d# w i
- </div>6 Q' _% ~8 h/ O
- <div class="singse_x">
- P1 i% Z3 e+ B4 G0 |5 i/ N - <!--[diy=singse_n3]--><div id="singse_n3" class="area"></div><!--[/diy]-->& z0 X; v! ]$ i: V$ s: H7 F
- </div>
4 _, _! Z& \# B - </div>
/ C! b: b9 r3 U
/ { l6 U N* H& y. U$ l- <div class="wp singse_n mtm mbm">
5 h- _# Q; {' F$ y - <div class="singse_l8">
' _$ ]+ }- C3 N7 n$ q' o - <!--[diy=singse_l8]--><div id="singse_l8" class="area"></div><!--[/diy]-->
- X+ y4 w6 q1 n9 g - </div>& J8 X4 H* l5 Q
- <div class="singse_l7">$ P* \! s% M6 o3 z z. F
- <!--[diy=singse_l7]--><div id="singse_l7" class="area"></div><!--[/diy]-->
8 g9 d7 r3 T) a - </div># P; z5 c) }# l; z: B6 m
- </div>
$ M0 {! A( F' I* ^8 V9 Y o! c' |! A - : o, }4 q0 `3 |% T- g. K
! o0 Q3 n4 j- }5 }8 G5 E- <div class="wp singse_n mtm mbm">% l& N) Q% Q0 B% q9 V" h) v
- <div class="singse_o">
: l2 Y! E( l! Y# D) h* p0 U - <!--[diy=singse_o]--><div id="singse_o" class="area"></div><!--[/diy]-->
1 d1 A+ O+ r# | [ - </div>
! T$ E: U* O( W. j4 U& O2 W - </div>6 s# M9 O% M' q
- k: L: ^) r* k8 G, x- <div class="wp singse_n mtm mbm">
1 |8 u( ?) C4 o h' e4 Q" p; U- T - <div class="singse_a">, O1 C* \7 _! {8 A! J
- <!--[diy=singse_a]--><div id="singse_a" class="area"></div><!--[/diy]-->8 N d- s4 R. u( S
- </div>2 K. I! Y! Y; f* M0 a
- <div class="singse_b">
# d. T; Y+ T8 H& Q% H7 V - <!--[diy=singse_b]--><div id="singse_b" class="area"></div><!--[/diy]-->
/ Q: B8 d: H8 j& M; A -
0 _$ p: r, Z& y U# S! Q9 [ - </div>
$ d! y, z$ u9 V$ M- q - <div class="singse_c">
3 R; u( y4 d4 q! @5 Y5 i4 j, {) a - <!--[diy=singse_c]--><div id="singse_c" class="area"></div><!--[/diy]-->, ~# [' h3 J$ w# V
- </div>* I) o- t+ F" `) V% ^
- </div>
- }6 @# T+ G( Z3 G5 [, _
" c {8 E T: _ q+ l- <div class="wp singse_n mtm mbm">' W" c% I' d" ]( B5 @ P
- <div class="singse_d">$ t; r% T/ e2 W2 e. I" D4 K9 q+ m
- <!--[diy=singse_d]--><div id="singse_d" class="area"></div><!--[/diy]-->( p5 T8 O( `( {# `$ G' r/ G
- </div>
2 O0 E m% t' U8 x - <div class="singse_e">
6 G6 U5 q4 F' h# G/ y: F - <!--[diy=singse_e]--><div id="singse_e" class="area"></div><!--[/diy]-->; N5 ?$ l: u- E1 ~) ?0 G
-
, E& W2 y3 i! y0 y+ C! N - </div>
6 x- r5 ]9 t( y8 A( d - <div class="singse_f">
4 A+ ?) @- @" V7 P( k - <!--[diy=singse_f]--><div id="singse_f" class="area"></div><!--[/diy]-->/ v' l' V$ F7 q5 y# |; c8 Y/ j
- </div>
8 Z8 ?: i8 j0 \' V+ j. x - </div>0 n& ~8 v R( Y, Q# i1 `$ p
/ \. s @9 m: O4 g% G' l2 o- <div class="wp singse_n mtm mbm"># ]% k4 u j1 J8 ~
- <div class="singse_g"> 6 y% r7 ^8 f8 Z4 w+ r L3 l
- <!--[diy=singse_g]--><div id="singse_g" class="area"></div><!--[/diy]-->2 ~7 L7 C& G) @* i" x6 L
- </div>+ `9 m* r6 @+ N* O0 O m' k
- </div>
$ d8 T/ P$ [ I: D0 a1 y0 m4 T
6 v9 y E- `& a( e- <div class="wp singse_n mtm mbm">
# n z3 N8 j0 h; [6 U& E# l' E) q - <div class="singse_i"> " {9 N B; Z6 n3 F) o+ W: u
- <!--[diy=singse_i]--><div id="singse_i" class="area"></div><!--[/diy]-->0 n ?2 [% X$ z+ D6 `
- </div>+ \3 P5 h" v3 v3 b
- </div>; U3 i0 M6 p" R% ~
- 8 o0 q( J7 I1 k1 f2 c8 l
$ Z' s! a9 I1 N5 U9 Z- <!--{hook/index_top}--> & ]5 v6 ^! o- H/ p3 D- c
- <!--{hook/index_middle}-->
* |+ q0 A$ y1 V3 p0 k - : k- m7 f- O8 e1 X1 r0 g
- <!--{template common/footer}-->
คัดลอกไปที่คลิปบอร์ด และนี่เป็นส่วนของ css ครับเอาไปต่อท้ายไฟล์ common.css ครับ- .singse_n { padding: 0px; position: relative; }
2 q8 r! d0 y2 X8 ] - .singse_n .singse_l {width:660px; height: 657px; overflow: hidden; border-radius: 2px; background:#0099FF;}
3 q' C% g' U' l$ v4 @# F - .singse_n .singse_l .frame-tab .tb-c { height: 491px; overflow: hidden; background: #EFEFF1; padding: 10px; border-radius: 0px;}3 K+ A7 p5 N N& R, ^2 g
- .singse_n .singse_l .frame-title, .frametitle, .tab-title { background: none; border: none;}
9 {: }) @7 [ a# A - .singse_n .singse_l .title { height: 37px; padding-left: 0px;}
, K; o% n( G% P7 \( D6 g' u - .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}& Y; n7 e% {" R0 d
- .singse_n .singse_l .tb .a a { background: url({STYLEIMGDIR}/tab_cur.png) no-repeat; color: #5A5A5A;}
8 o0 v- g% A$ _ - .singse_n .singse_l .tb a { width: 85px; padding: 0; color: #FFF; font-weight: normal; }# d# p0 ^7 o5 }
- .singse_n .singse_l .tb li, .singse_n .singse_l .tb li a { border: none;}$ b; O5 u# Y3 L' Q
- .singse_n .singse_l .tab-title { width: 98% !important; height: 37px; overflow: hidden;}
( A5 l( l7 j. G% P5 x& C) ~$ _' `5 n - .singse_n .singse_l .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}0 _3 s3 `. `* }
- .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%; }
" ]- ~2 ]0 E( a% A, n/ O4 M6 x - .singse_n .singse_l .module li .org { color: #C02E0A;}9 T* w" m: {, P9 J+ f: g7 ^2 v8 c
- .singse_n .singse_l a {TEXT-DECORATION: none;}% o4 l, c+ H: m7 ^# j0 n
- .singse_n .singse_l h1 {font-size: 30px; color: #A00000; line-height:80px; text-align:center;}, \& H1 K Y& { v: y
- 9 b! `1 [) _* P- z3 I
- .singse_n .singse_l8 {width:414px; height: 303px; overflow: hidden; border-radius: 2px; background:#0099FF;}
6 e6 R9 v% `. H' z: W( ?+ Y4 g - " `4 Y+ }2 w8 A$ N
- .singse_n .singse_l7 {overflow: hidden; border-radius: 2px; background:#0099FF;}( U G5 g) b- W; }
- .singse_n .singse_l7 { width: 565px; height: 303px; overflow: hidden; position: absolute; top: 0; right: 0; float: left;} L! V3 ?4 d& L( K
, E3 k' O' c3 Q, T& t6 k- .singse_n .singse_r {overflow: hidden; border-radius: 2px; background:#0099FF;}
+ A1 q* Q0 Z, N) K ^- @ - .singse_n .singse_r { width: 300px; height: 250px; overflow: hidden; position: absolute; top: 0; right: 0; padding: 10px; float: left; margin-top:387px;}: M) y) I/ \2 T, ]* v( a1 x, x- }! @
- .singse_n .singse_r .slideshow span.title { width: 240px; text-indent: 0; text-align: center;}. l1 J: a. s+ m( \
- " F; u* T/ I3 @. y: J' ^) |) Y
- .singse_n .singse_x {border-radius: 2px; background:#0099FF;}
+ H+ h2 q% A# M' X' y - .singse_n .singse_x { width: 300px; height: 357px; overflow: hidden; position: absolute; top: 0; right: 0; padding: 10px; float: left; margin-top:0px;}
8 w+ d6 \. l+ g, J- b+ I) | - .singse_n .singse_x a {TEXT-DECORATION: none;}
1 q( _9 F' g# ^0 ]+ l
" r% I, s, C0 ]- .singse_n .singse_y {border-radius: 2px; background:#0099FF;}% w9 G! b: s$ F% J- g
- .singse_n .singse_y { width: 300px; height: 357px; overflow: hidden; position: absolute; top: 284px; right: 0; padding: 10px; float: left; margin-top:280px;}+ c- z5 a# V! m6 V
- # ?7 t2 ^5 b5 ~2 [/ s6 e. {* n# @
- .singse_n .singse_z {border-radius: 2px; background:#0099FF;}
$ r5 q8 R1 s: ?9 [ - .singse_n .singse_z { width: 300px; height: 357px; overflow: hidden; position: absolute; top: 568px; right: 0; padding: 10px; float: left; margin-top:280px;}$ S" S' m3 b. v
- / W7 }) d0 m L g
- .singse_n .singse_o {border-radius: 2px; background:#0099FF;} / H U2 c& g. `; ?" L, R$ Z
- .singse_n .singse_o {height: 348px; overflow: hidden; font-size: 14px;}4 B' o5 b8 N* [1 l3 c, Y
- .singse_n .singse_o h1 {font-size: 30px; color: #700000;}- p2 L% o: X9 V& ~3 a# p
- .singse_n .singse_o p {font-size: 12px; color: #180000; padding:10px 10px 0 10px; line-height:25px; }
& O0 s8 c1 Z4 P4 z5 @+ \ - .singse_n .singse_o .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}
# I8 W7 j- {$ k8 W: z - .singse_n .singse_o .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
: e6 q; N. i/ ^' L9 h# W - .singse_n .singse_o h1 a:link {TEXT-DECORATION: none; color: #700000; }! Q j: ^+ E n' { B4 R
- .singse_n .singse_o h1 a:visited {TEXT-DECORATION: none; color: #700000; }
1 a) w) n% n1 J4 L7 Z - .singse_n .singse_o h1 a:hover{TEXT-DECORATION: none; color: #700000; }: Q7 {) U( z2 H9 |. f4 K8 a
- .singse_n .singse_o a {TEXT-DECORATION: none;}; `9 ^1 u0 P7 X5 c; O
- * i- ^+ M2 s' T/ Z% _+ f0 o
8 e# v/ ^. h' o1 G9 Q( n- .singse_n .singse_a {border-radius: 2px; background:#0099FF;}' s4 s+ [: X; o6 G. r B
- .singse_n .singse_a {width:326px; height: 604px; overflow: hidden; font-size: 14px;}
4 b7 j# ` S2 g2 x6 x - .singse_n .singse_a h1 {font-size: 30px; color: #700000;}
3 [$ f% R) U/ B) k8 j+ S( E: _# T - .singse_n .singse_a p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }( M, J* d# s" B, u9 g* V
- .singse_n .singse_a .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}% K9 \7 V4 H4 O, {! A
- .singse_n .singse_a .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
9 {" z: T/ Y( K1 ` - .singse_n .singse_a h1 a:link {TEXT-DECORATION: none; color: #700000; }
) z: z: i8 V' ^7 e/ c1 _4 X - .singse_n .singse_a h1 a:visited {TEXT-DECORATION: none; color: #700000; }
4 b( x6 ^+ h3 d, G2 v! b - .singse_n .singse_a h1 a:hover{TEXT-DECORATION: none; color: #700000; }9 _/ n/ @! ^0 h
- .singse_n .singse_a a {TEXT-DECORATION: none;}
! ~6 ]: Q; t5 E - ( p; Z3 _1 A0 K1 a- ^2 H5 L! r
- .singse_n .singse_b {border-radius: 2px; background:#0099FF;}
* y! }8 f& V% L- u# K - .singse_n .singse_b { width: 302px; height: 584px; overflow: hidden; position: absolute; top: 0; right: 332px; padding: 10px;}
6 ?6 |+ ?! E- X2 ~9 l( T7 o9 } - .singse_n .singse_b h1 {font-size: 30px; color: #330099;}6 l/ J) E5 T. ^+ N
- .singse_n .singse_b p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }: @) V$ i! Y$ j( k2 m6 A) E; O
- .singse_n .singse_b .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}$ Z1 n! t/ U+ l7 K
- .singse_n .singse_b .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
/ y4 c* Z2 M" t2 D* D - .singse_n .singse_b h1 a:link {TEXT-DECORATION: none; color: #330099;}
! L7 T% o! B$ b& M E9 g; B; y. g - .singse_n .singse_b h1 a:visited {TEXT-DECORATION: none; color: #330099;}
4 b4 w" E$ x4 Y! \( n. X7 J - .singse_n .singse_b h1 a:hover{TEXT-DECORATION: none; color: #330099;}
9 Y. P# a' g3 R& G q5 { - .singse_n .singse_b a {TEXT-DECORATION: none;}
5 r% q' T0 c0 P% a l5 t" ~7 n' M2 Y
: k: r; K: x" R6 ?- .singse_n .singse_c {border-radius: 2px; background:#0099FF;}
. s# h7 `' T9 L( g! C - .singse_n .singse_c { width: 302px; height: 584px; overflow: hidden; position: absolute; top: 0; right: 0; padding: 10px; float: left;}
: C8 [# S4 j3 [ - .singse_n .singse_c h1 {font-size: 30px; color: #006633;}
/ Y) w7 {; c; z$ B - .singse_n .singse_c p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }
% d( A6 T3 A0 k* H - .singse_n .singse_c .module { background: #EFEFF1; padding: 0 10px 5px 10px; border-radius: 5px}
2 U" _' ~- G% x( b - .singse_n .singse_c .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
0 u! ^$ `# g/ V5 C- v! e2 ] e9 t+ U - .singse_n .singse_c h1 a:link {TEXT-DECORATION: none; color: #006633;}
1 X# S1 @0 O* U. d( H - .singse_n .singse_c h1 a:visited {TEXT-DECORATION: none; color: #006633;} " g2 G! Z( W2 S; m
- .singse_n .singse_c h1 a:hover{TEXT-DECORATION: none; color: #006633;}
D! x: S" E8 m& j+ Z - .singse_n .singse_c a {TEXT-DECORATION: none;}
8 s3 ~, {; \1 \8 p( [0 f% z) ? - 1 M9 q4 e% c! G" v* k" S
0 O- M- a. t2 V5 V) R- .singse_n .singse_d {border-radius: 2px; background:#0099FF;}9 H' ?" h9 B5 u; Q* n8 ]) `
- .singse_n .singse_d {width:326px; height: 600px; overflow: hidden; font-size: 14px;}+ O& D3 p( x, v X1 c2 b5 B+ q
- .singse_n .singse_d h1 {font-size: 30px; color: #FF3300; }
( T& _) g8 |/ g1 X$ n" K- {3 t! ^7 u - .singse_n .singse_d p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }" T0 Y0 I4 w) q$ o5 P7 r
- .singse_n .singse_d .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px; min-height:310px;}: D1 d7 c% G3 A6 i' D
- .singse_n .singse_d .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px; }
/ Z9 d0 o& Z# s% K - .singse_n .singse_d h1 a:link {TEXT-DECORATION: none; color: #FF3300;}+ e7 m5 g) X7 D; ]
- .singse_n .singse_d h1 a:visited {TEXT-DECORATION: none; color: #FF3300;}7 E& A8 j' A/ D8 C1 F3 d, R# O3 t
- .singse_n .singse_d h1 a:hover{TEXT-DECORATION: none; color: #FF3300;}9 _* {8 x- f: t/ ?
- .singse_n .singse_d a {TEXT-DECORATION: none;}! k7 w, X0 v$ l
% J' _: s. U1 `# R- .singse_n .singse_e {border-radius: 2px; background:#0099FF;}5 s$ G( \; |# T& @' b2 x& {& }% I
- .singse_n .singse_e { width: 634px; height: 262px; overflow: hidden; position: absolute; top: 0; right: 0px; padding: 10px;}, t/ y2 q7 z1 X* ?% n; A
- .singse_n .singse_e h1 {font-size: 30px; color: #CC0099; }- n# C z% V3 x3 b7 E
- .singse_n .singse_e p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }2 x/ }8 o0 q. \$ ?# ?- |! N e" P
- .singse_n .singse_e .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px; min-height:230px;}' p) {3 d) V& h/ t3 g
- .singse_n .singse_e .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}6 M4 K6 j& g" v% s H
- .singse_n .singse_e h1 a:link {TEXT-DECORATION: none; color: #CC0099;}
$ M* p" @3 s' u4 f - .singse_n .singse_e h1 a:visited {TEXT-DECORATION: none; color: #CC0099;}/ {; e8 \; l: d: P
- .singse_n .singse_e h1 a:hover{TEXT-DECORATION: none; color: #CC0099;}4 l& V4 \& O9 x% X6 B3 |+ L- H) h, V
- .singse_n .singse_e a {TEXT-DECORATION: none;}- D6 v! f" B( V4 t* N, g
6 _ Y* d# Q* D2 D2 m8 A- .singse_n .singse_f {border-radius: 2px; background:#0099FF;}+ M9 b% h# X. q! ^5 q4 |/ o" N7 _
- .singse_n .singse_f { width: 634px; height: 287px; overflow: hidden; position: absolute; top: 293px; right: 0; padding: 10px; float: left;}' n' X# p3 w# d Z: X; }
- .singse_n .singse_f h1 {font-size: 30px; color: #330099 }! Q7 r( G7 K& k& \
- .singse_n .singse_f p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }
: o# h v, m1 g - .singse_n .singse_f .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}( o# g4 Z* z2 R
- .singse_n .singse_f .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}
8 p! n8 q8 ]. F3 l. A - .singse_n .singse_f h1 a:link {TEXT-DECORATION: none; color: #330099}- Z: N- z4 J$ K, R# B7 B, i, U
- .singse_n .singse_f h1 a:visited {TEXT-DECORATION: none; color: #330099}
, H) S0 {5 X# A" ]; d6 d, p - .singse_n .singse_f h1 a:hover{TEXT-DECORATION: none; color: #330099}
! ^, J: `+ {2 L! J# T9 ?& Y( k - .singse_n .singse_f a {TEXT-DECORATION: none;}+ Z# N% C7 ~" l/ ]$ ]+ m
- $ ?' u8 V" A6 @: A8 @4 x
- .singse_n .singse_g {border-radius: 2px; background:#0099FF;}2 @8 L; K: B6 n8 q2 m) W, _
- .singse_n .singse_g {height: 338px; overflow: hidden; font-size: 14px;}
* N! Z1 J' }4 \! Z( {+ s - .singse_n .singse_g h1 {font-size: 30px; color: #006600 }
- U6 J, k D+ u - .singse_n .singse_g p {font-size: 12px; color: #180000; padding:10px; line-height:25px; }$ n/ a- S. E( s' m: U* _
- .singse_n .singse_g .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}% U; u2 r/ V- Z& I% J4 a0 i; s
- .singse_n .singse_g .module li { width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC; font-size: 14px;}+ [$ C5 q8 _/ S, d
- .singse_n .singse_g h1 a:link {TEXT-DECORATION: none; color: #006600}
$ A" w5 a- g& g; H% r$ i! ~ - .singse_n .singse_g h1 a:visited {TEXT-DECORATION: none; color: #006600}
: O1 {# X/ Z0 ]% m6 U' ^6 ?3 R$ ~5 _# D# e - .singse_n .singse_g h1 a:hover{TEXT-DECORATION: none; color: #006600}; R- B6 }. l+ q2 J9 N) Y
- .singse_n .singse_g a {TEXT-DECORATION: none;}7 ?! Y7 f4 q0 N; x1 W
- : R& U6 M3 H& ^. p
- .singse_n .singse_h {border-radius: 2px; background:#0099FF;}
6 Q1 e ^4 d7 s/ K+ r - .singse_n .singse_h {width:1024px; height: 120px; overflow: hidden;} $ z/ y) z- ?, \% H
2 o+ W+ k" ?3 Q. L# j+ o- ?- .singse_n .singse_h1 {border-radius: 2px; background:#0099FF;}
5 n4 s" J. s( e8 | q( \6 D - .singse_n .singse_h1 {height: auto; overflow: hidden;}
0 {& J: @3 \% ~( S1 C - 6 I* j: S1 ], J$ Y9 m5 ~0 @5 q3 B" B2 C
- .singse_n .singse_i {border-radius: 2px; background:#0099FF;}2 c( v2 C4 B% T: a2 W, P1 d
- .singse_n .singse_i {height: 264px; overflow: hidden;}5 t2 P2 I& \0 {( y& [: Q) V' V
- .singse_n .singse_i h1 {font-size: 20px; color: #006600 }
! I" d; j& J! E- Y+ z7 e1 } - .singse_n .singse_i .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}, Q: j5 x9 K- z
- .singse_n .singse_i .module li { font-size: 12px; width: 98%; padding: 4px 5px 4px 10px; border-bottom: dashed 1px #CCC;}
! ?! ^& E/ G1 U9 ~. L - .singse_n .singse_i .module li em{ color: #006600}; v) [9 G5 v9 S. r+ o
- .singse_n .singse_i .module2 { background: #EFEFF1; border-radius: 5px; min-height :164px; padding-top:20px; padding-left:22px;width:614px;}
3 x* z0 v, d( Z. a - .singse_n .singse_i .module2 li { font-size: 12px; }
" f7 D6 K1 k% U3 } o0 m; H' t! i; j
: O* h& P0 X- _& i' l* a4 @. b- .singse_n .singse_la {width:768px; padding:10px 10px 0 10px; overflow: hidden; border-radius: 2px; background:#0099FF;}& Q `2 W# D& E9 H) X
- .singse_n .singse_la .module { background: #EFEFF1; padding: 0 15px 10px 15px; border-radius: 5px; margin-bottom:10px;}
& K( T4 A% u1 p( | - .singse_n .singse_la a {TEXT-DECORATION: none; color: #003399;}+ v% Y3 P9 w% ^) L+ @ u) _7 e
- .singse_n .singse_la strong {color: #003399;}
# t; `- R6 e( H. n - .singse_n .singse_la h1 {font-size: 30px; color: #A00000; line-height:80px; text-align:center;}
2 I8 E7 J8 }" O: {$ D8 X0 R8 x - , e. F" w- N/ w, p! }# _. @! B4 f g
- .singse_n .singse_lp {height: 766px; overflow: hidden; border-radius: 2px; background:#0099FF;}
/ } [- e1 S1 M( J: M - .singse_n .singse_lp .frame-tab .tb { margin-top: 0; padding-left: 0px; line-height: 32px; border: none; }2 s9 x: D& j5 s2 \+ P
- .singse_n .singse_lp .frame-tab .tb-c {height: 600px; overflow: hidden; background: #EFEFF1; border-radius: 0px; padding-right:319px}
+ ?: M. O+ k2 C& Z - .singse_n .singse_lp .frame-title, .frametitle, .tab-title { background: none; border: none;}
8 ?7 Y5 L/ A4 a8 N z( Q/ H - .singse_n .singse_lp .title { height: 37px; padding-left: 0px;}
7 R" Z$ |6 T7 B1 b - .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}
# E' ? F, T/ [. F - .singse_n .singse_lp .tb .a a { background: url({STYLEIMGDIR}/tab_cur.png) no-repeat; color: #5A5A5A;}$ u/ ~6 R7 Z- w' w; K
- .singse_n .singse_lp .tb a { width: 85px; padding: 0; color: #FFF; font-weight: normal; }
7 m( f, S* E+ N# T: |! h- O4 f \ - .singse_n .singse_lp .tb li, .singse_n .singse_l .tb li a { border: none;}! R$ w6 I& ]# ]) G% C+ T4 ?; _
- .singse_n .singse_lp .tab-title { width: 100% !important; height: 37px; overflow: hidden;}
b2 m6 Q4 B+ S8 Q - .singse_n .singse_lp .module { background: #EFEFF1; border-radius: 5px}6 O: o" ~; S0 ^( T4 R
- .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%; }8 C' m% O: |/ I9 E- u
- .singse_n .singse_lp .module li .org { color: #C02E0A;}0 v5 e8 f. R @0 k# E
- .singse_n .singse_lp a {TEXT-DECORATION: none;}) L. p o3 Y5 v8 |$ f
- .singse_n .singse_lp h1 {font-size: 30px; color: #A00000; line-height:80px; text-align:center;}
) E/ `2 `( Z- B$ u9 ~* E - , T9 K( H4 n2 K0 O# V0 h8 z! {
- .singse_n .singse_rp {overflow: hidden; border-radius: 2px; background:#EFEFF1;}' Z; g: T0 F5 d% l, C2 U
- .singse_n .singse_rp { width: 300px; height: 600px; overflow: hidden; position: absolute; top: 145px;right:20px}! A! C. v- w& ?; t; R! l
- .singse_n .singse_rp .slideshow span.title { width: 240px; text-indent: 0; text-align: center;}2 V& }% ^& W5 w1 O
- # N) V$ ^% C# O( i) H. ]8 R! T
- .singse_n .singse_at {border-radius: 2px; background:#0099FF; margin-bottom:12px}
/ N5 @+ D! g, I P0 J7 b7 W% X - .singse_n .singse_at {width:326px; height: 589px; overflow: hidden; font-size: 14px;}
0 v W, c% P' h6 ^ - .singse_n .singse_at h1 {font-size: 30px; color: #700000;}
# q/ \: I* S2 V
$ j0 q8 Z1 v' V8 f$ }9 w- .singse_n .singse_bt {border-radius: 2px; background:#0099FF;}5 R0 U: Z6 }; F* ~; T1 a
- .singse_n .singse_bt { width: 634px; height: 287px; overflow: hidden; position: absolute; top: 0px; right: 0px; padding: 10px;}* F7 X$ t& N. n" L& \ J5 L2 p
- .singse_n .singse_bt h1 {font-size: 30px; color: #700000;}( [5 z# r" }5 M) K) k6 q; ]1 l
- .singse_n .singse_i .module { background: #EFEFF1; padding: 0 10px 10px 10px; border-radius: 5px}
+ k' f7 q2 [$ a. n4 y3 K
" ]9 {0 `1 |- y5 Z0 K- .singse_n .singse_ct {border-radius: 2px; background:#0099FF;}
8 O" \3 R) J/ F4 y8 y2 I6 {- [ - .singse_n .singse_ct { width: 304px; height: 569px; overflow: hidden; position: absolute; top: 318px; right: 0px; padding: 10px; font-size: 14px;}6 P9 |) w8 ~2 f
- .singse_n .singse_ct h1 {font-size: 30px; color: #700000;}" n+ u8 {. \; e& L6 X8 w# u+ t
- 8 F8 w* w9 p p1 E& T/ e
- .singse_n .singse_dt {border-radius: 2px; background:#0099FF;}
) r& g, v9 W0 V - .singse_n .singse_dt {width: 636px; height: 287px; overflow: hidden; top: 600px; padding: 10px;} ( ~8 H5 d) Z! \* x$ X6 B
- .singse_n .singse_dt h1 {font-size: 30px; color: #700000;}
- @9 \6 ?# g' h6 i1 |" d. [% z
! g2 S" S+ e/ n' h6 T5 h4 X3 H5 x- .singse_n .singse_et {border-radius: 2px; background:#0099FF;} $ M, l+ [5 _ x6 Y4 e/ x
- .singse_n .singse_et { width: 300px; height: 251px; overflow: hidden; position: absolute; top: 318px; right: 334px; padding: 10px;}! x+ L3 \$ N+ {0 y6 d
- .singse_n .singse_et h1 {font-size: 30px; color: #700000;}, S1 b+ [; a/ l
/ N( U7 P0 l2 ]* q& w' i' o- .singse_n .singse_x1 {border-radius: 2px; background:#0099FF;} ' I" F2 o9 n1 T
- .singse_n .singse_x1 { width: 171px; height: 600px; overflow: hidden; position: absolute; top: 0; right: 0; padding: 10px; float: left;}
+ J/ N/ p h8 C- n
: G( Y$ H; n! B$ W3 ~" Q2 _- .singse_n .singse_x2 {border-radius: 2px; background:#0099FF;}: t4 R: S; ?) K( [: A D7 j8 ^/ {
- .singse_n .singse_x2 { width: 207px; height: 202px; overflow: hidden; position: absolute; top: 232px; right: 0; padding: 10px; float: left;}& n( _ W5 f l5 m6 [
9 [: p M0 S& O6 ^* M- .singse_n .singse_x3 {border-radius: 2px; background:#0099FF;}
, x9 T! H U0 m - .singse_n .singse_x3 { width: 207px; height: 202px; overflow: hidden; position: absolute; top: 464px; right: 0; padding: 10px; float: left;}
คัดลอกไปที่คลิปบอร์ด เอาไปศึกษาดูนะครับไม่หวง
& w1 t. e+ Y8 K+ b4 _: D6 l& M- p' l
|
|