๑๘. [css] general section ค่ะพี่ ;D

posted on 12 May 2010 20:01 by zunzhine
/* General */
body {
background:#c7e1e9 url(urlรูปแบล๊กกราวน์ค่ะ) repeat-x top left;
color:#333;
font:12px Tahoma, "MS Sans Serif";
line-height:1.5em;
text-align:center;
}

ส่วนบอดี้ค่ะ (:
#' สีของพื้นหลังค่ะ เป็นสีที่ขึ้นหลังรูป เวลารูปยังโหลดไม่ขึ้น สีนี้จะอยู่ข้างหลังค่ะ
#' ช่องใส่ url ของรูปค่ะ เป็นแบบ http://...../xxx.jpg อะไรประมาณนี้อ่ะค่ะ
#' เอาไว้ใสคุณสมบัติรูปค่ะ มี...
    repeat-x = ซ้ำรูปแนวนอน
    repeat-y = ซ้ำรูปแนวตั้ง
    no-repeat = ไม่ต้องซ้ำรูป
    fixed = รูปอยู่กับที่
    scroll = รูปไหลไปที่เราเลื่อน
    top = รูปเริ่มเรียงจากข้างบน
    bottom = รูปเริ่มเรียงจากข้างล่าง
    left = รูปเริ่มเรียงจากทางซ้าย
    right =
รูปเริ่มเรียงจากทางขวา
    ให้เอาไปใส่แทนตงสีเขียวได้เลยค่ะ ใช้เว้นวรรคในการใช้ค่ะ
#' สีของตัวหนังสือ(ฟอนท์)บนแบล๊กกราวน์ค่ะ
#' ขนาดของฟอนท์ค่ะ
#' ชนิดของฟอนท์ค่ะ
#' ชนิดของฟอนท์ ในกรณีสำรองค่ะ หรืออาจจะเป็นชนิดของฟอนท์เวลาเราพิมพ์ (อันนี้มิ้วคิดเองนะ -.,-)
#' ใช้กำหนดระยะห่างระหว่างบรรทัดค่ะ
#' การจัดวา่งฟอนท์ค่ะ


a:link, a:visited{
color:#3985a2;
text-decoration:none;
}

a:link คือสถานะของลิ้งค์
a:visited คือ สถานะลิ้งค์ที่ถูกเปิดและปิดไปแล้ว

#' สีของลิ้งค์ และลิ้งค์ที่เคยคลิ๊กดูไปแล้วค่ะ
#' เป็นการตกแต่งลิ้งค์ค่ะ อย่างให้ขึดเส้นใต้ เส้นผ่ากลางค่ะ
    underline = ขีดเส้นใต้ค่ะ
    overline = เส้นข้างบนค่ะ
    line-through = เส้นผ่ากลางค่ะ
    blink = กระพิบค่ะ (มิ้วเคยลองใช้แล้ว แต่มันไม่กระพิบอ่ะ ลองดูๆ ได้แล้วบอกมิ้วนะ อยากมาก! T T;)

TIPs ; +
    เราสามารถแยกลิ้งค์ กับลิ้งค์ที่เคยดูแล้วออกจากกันได้ค่ะ จะได้แยกสี แยกลักษณะออกจากกัน เป็น.,

     a:link {
     color:#3985a2;
     text-decoration:none;
     }

     a:visited{
     color:#3985a2;
     text-decoration:none;
     }

a:hover, a:active{
color:#28a9d9;
}

a:hover คือ สถานะลิ้งค์เมื่อเอาเมาส์ไปแตะ a:active คือ สถานะเมื่อลิ้งค์หน้านั้นถูกเปิดอยู่

#'สีของ hover กับ active ค่ะ

+;
ส่วนการใช้โค้ด จะเป็นเหมือนกับข้างบนค่ะ
 

#page{
margin:auto;
padding-top:15px;
text-align:left;
width:780px;
}

#header, #neck, #belly, #leg, #footer{
float:left;
width:780px;
}

*======================================================================*/

 

 

ปล. วันนี้มิ้วรีบกลับบ้าน ของค้าง(เติ่ง)ไว้ก่อนนะคะ >/\<

Comment

Comment:

Tweet

ทำสกอบาร์ในนี้ยังไงอ่ะครับ? embarrassed

#13 By โด่ง (?) (112.142.151.179) on 2010-05-30 18:24

บล๊อกนี้น่ารักมากๆเลยจ้า
ชอบเจบีเหมือนกันเลย > <

#12 By pinkboii on 2010-05-25 20:53

v r BIELIEBER. JBJBJBJBJBJBJBJBJBJB

#11 By uneay。 on 2010-05-22 10:36

ข้างบนเป็น Bieber Fever

เหมือนกับเจ้าของบล็อกชัวร์

sad smile sad smile sad smile

#10 By U_$h!_Kung on 2010-05-19 19:10

บลอคเริ่ดมากเลยค่ะ X)

คือ(หลงเข้ามา = =;)และตกใจกับเจบี
แอร๊ยยยยยยยยยยย!~ ปลื้มมมม.

#9 By ★ I.IM on 2010-05-16 22:24

งงเกี่ยวกับโค้ดมากกว่ามั้ง

55555+

sad smile sad smile

#8 By U_sa_gi Kung on 2010-05-16 15:26

งงของที่เค้าอธิบายอ่ะนะ หรือว่าไงวะ?

#7 By uneay。 on 2010-05-14 18:34

ใจจ้ากับการอธิบายการแก้โค้ด

ยังงงบางจุดอยู่เลย

confused smile confused smile confused smile

#6 By Besuto KunG on 2010-05-13 13:06

งง...embarrassed
ไม่ค่อยรุเรื่องแหะ

#5 By ✖ Retsu Chan ✖ on 2010-05-13 12:51

sad smile sad smile

เหอะ ๆ ดูไม่ค่อยรู้เรื่องเลยแหะ

sad smile sad smile

#4 By U_sa_gi Kung on 2010-05-13 07:57

ไว้พี่จะลองมั่งนะ

ขอบใจจ๊ะbig smile

#3 By hobbyburn on 2010-05-12 23:42

big smile

#2 By wesong on 2010-05-12 23:33

โอ้ว สู้ๆนะ cry cry

#1 By Hu waa' on 2010-05-12 20:25