Nattatida

        คราวนี้ขอมาแปลกหน่อยนะจ๊ะ

        เนื่่องจากความเวิ่นเว้อของดา บวกกับโดนมนต์พี่โบเข้าไป เลยทำให้ดาอยากสอน(พูดคำนี้แล้วเขิน) เอาใหม่ ๆ พูดใหม่ เลยทำให้ดาอยากแบ่งปันสิ่งที่มีอยู่ (เวอร์ได้อีกนะเนี่ย- -*) ให้คนอื่นได้รู้กันบ้าง โห ๆ ซึ่งต้องขอออกตัวก่อนนะว่า ดาไม่ได้มีความรู้อะไรมากมาย กะเรื่องการแต่งบล็อกเนี่ย อาศัยครูพักลักจำเค้าเอา ไอ้ธีมบล็อกที่ใช้อยู่ทุกวันก็ขอสารภาพว่าไปดูแบบคนอื่นเค้ามา 555+

        แล้วก็มีอีกเรื่องนึง คือตอนแรกที่ดารับปากพี่โบไว้ ดาก็กะจะมาอธิบาย css ขอธีมบล็อกดาให้พี่ลองเอาไปแก้นู่นแก้นี่ดู แต่พอคิดไปคิดมา เอ...พี่อยากให้หนูสอนอะไรมั่งเนี่ย อ๊ากกก เลยรู้สึกสับสนว่าจะแนะนำพี่โบยังไงดี เอาเป็นว่าอย่างนี้แล้วกัน เอนทรี่นี้ดาจะชำแหละ css ของดาให้ดูแล้วกัน เหอ ๆ

       ความจริงก็ไม่อยากพูดมากอ่า...แต่ด้วยนิสัย(อันแก้ไม่หาย)ขอพูดหน่อยแล้วกัน สำหรับใครที่อยู่กะดามาตั้งแต่ต้นคงจะเคยเห็นธีมบล็อกเวอร์ชั่นก่อน ๆ ของดามาบ้างแล้วใช่มะ จำกันได้ไหมว่ามันเป็นยังไง เอาเป็นว่าดาขอเอาภาพก่า ๆ มาให้ดูก่อนแล้วกันเนอะ

 

 

 

 

        เห็นได้อย่างชัดเจนว่ารูปแบบของธีมมันไม่ต่างกันเท่าไร อันแรกจะเห็นว่าระหว่างภาพ Head กะส่วนของpage มันมีช่องโหว่ เหอ ๆ น่าอายเนอะ พอดีตอนนั้นมือใหม่มากก พออันที่ 2 ก็เริ่มมีพัฒนา ไม่มีอะไรโหว่ ๆ แหว่ง ๆ แล้ว งุงิ มันเป็นธีมที่ทำง่าย ๆ ไม่ต้องปรับเปลี่ยนอะไรมาก ซึ่งถ้าพี่โบอยากทำธีมแนว ๆหรือคนอื่น ๆ ดาขอแนะนำให้ไปบล็อกนี้เลยกว่าค่ะ >> เรียนทำธม~กับ~งูน้อย เพราะบล็อกนี้เค้ามีอธิบายส่วนต่าง ๆ ของcss code ไว้อย่างละเอียด ดาก็ได้บล็อกนี้แหละ

         แต่ถ้าอยากได้ธีมบล็อกแบบดา อย่างนี้               v v v v

 

         ก็ไม่ต้องไปไหนไกล เดี๋ยวดาจะเอา css code ของดามาชำแหละให้ดู แต่ว่านะเห็นแบบนี้มันมีข้อเสียอยู่นิดนึงนะ ตามความรู้สึกของดาอะ เอาเป็นว่ารู้ข้อเสียของมันก่อนแล้วกัน

 

        - มันไม่มี sidebarsข้าง ๆ เพราะงั้นมันจะยากเมื่อคนอื่น ๆ จะย้อนกลับไปดูเอนทรี่เก่า ๆ ของเรา ทำให้เอนทรี่เก่า ๆ เหงาตายได้ เพราะแบบนี้ดาถึงต้องตั้งpage Blog Map ขึ้นมาไงคะ

        - มันจะแหล่กมากเวลาเปิดด้วย IE เพราะเวลาเปิดบล็อกใน IE จะทำให้มองไม่เห็นตัวหนังสือทางด้านขวามือ มันจะหายไป 2-3 ตัว เพราะงั้นเพื่อความสวยงามควรใช้ Firefox ดีกว่าค่ะ

 

         เอาละไม่พูดมากแล้ว ดาจะขออธิบายแบบง่าย ๆ (ตามความสามารถอันน้อยนิดของดา) บอกเฉพาะจุดที่ดารู้ (- -*) และจุดที่เอาไว้ปรับแต่งให้เป็นแบบของแต่ละคนเแล้วกันนอะ เพราะบางจุดดาก็ก่งก๊งกะมันเหลือเกิน เหอ ๆ (แล้วแบบนี้จะมีคนเชื่อที่แกบอกไหมเนี่ย)

 

ก่อนอื่น จิ้มโหลด css code ตัวอย่างที่ดาทำไว้ก่อน

>>CLICK<<

 

        ค่อย ๆ ดูแล้วก็แก้ตามจุดต่าง ๆ ของ coad นะคะ ไม่ต้องใจร้อน เอ้า!! เริ่มจริง ๆ แล้วนะ 

      

        หมายเหตุ

        1. ตัวหนังสือสีแดง หมายถึง เป็นจุดที่สามารถแก้ไขได้

        2. ตัวหนังสือสีชมพู หมายถึง คำอธิบาย(??)ของดาเอง 

 

        อ้างอิงข้อมูลจาก  บล็อก เรียนทำธม~กับ~งูน้อย

 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

 

/*Normal Theme for the new exteen*/

/*Copyright by Etceto co,ltd. 2007*/

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

/* Simple Reset - Not Editable*/

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0;

padding: 0;

border: 0;

outline: 0;

}

 

/* General */  ส่วนของหน้าบล็อกทั้งหมดค่ะ

body { ตั้งค่าเกี่ยวกับbackground

background:#FFFFFF url(url ของภาพพื้นหลังค่ะ) no-repeat top left;

ในส่วนของพื้นหลังนั้นจะใส่ทั้งcodeสีและภาพ โดยส่วนใหญ่นั้นดาจะให้พื้นหลังมีสีขาว

ส่วนพื้นหลังภาพนั้นก็คือรูปที่อยู่ทางซ้ายมือของบล็อก ขนาดที่เหมาะสมคือ 377*620 ค่ะ

background-attachment:fixed;

color:#9D9D9D; อันนี้เป็นสีของตัวอักษรทั้งบล็อกเลยจ้า

font:12px Tahoma, "MS Sans Serif"; ขนาดและชนิดของฟอนต์ค่ะ

โดยส่วนตัวดาว่าไม่จำเป็นต้องเปลี่ยนนะ เพราะมันก็โอเคอยู่ แต่ถ้าอยากบรรเจิดกว่านี้ก็ตามสบายค่ะ อิอิ

line-height:1.5em;

text-align:center;

}

 

a:link, a:visited{ ตัวนี้จะเป็นตัวกำหนดสีของลิ้งค์ทั้งหมดในบล็อกเลยนะคะ

color:#9ACD32; สี linkในสถานะปกติค่ะ อยากได้สีอะไรก็เปลี่ยนตามสบายเลยจ้า

text-decoration:none;

}

a:hover, a:active{ สีลิ้งค์เมื่่อเรานำเม้าท์ไปชี้ หรือว่าคลิกจ้ะ

color: #228B22;

}

 

#page{

margin:auto;

padding:0px 0px 0px 6px;

text-align:left;

width:600px;

float:right;

}

 

#header, #neck, #belly, #leg, #footer{

float:right;

width:840px;

}

        โค๊ด 2 ชุดบนนี่ขอละไว้นะคะ เพราะดาว่าไม่จำเป็นต้องเปลี่ยน มันเกี่ยวกับขนาดของส่วนแสดงผลข้อมูล ถ้าเปลี่ยนไปรูปแบบบล็อกก็ไม่เหมือนเดิม ซึ่งผิดจุดประสงค์ดาค่ะ 55+ แต่ถ้าอยากรู้รายละเอียดก็ไปบล็อกที่ดาแนะนำไว้ในตอนต้นนะคะ

 

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

/* Header */

 

#header{

display:none;

}

 

#header h1 a{

color:#FFFFFF;

font-size:0px;

}

 

#header h1 a:hover{

color:#FFFFFF;

display:none;

}

 

#header h2{

font-size:12px

;margin:12px 0px 5px 0px;

}

 

#coverimage{

background:url() no-repeat;

height:200px;

width:550px;

margin-right:px !important;margin-left:300px;

/*Fix IE Bug*/

}

อันนี้ก็ขอละไว้เช่นกัน เพราะบล็อกดาไม่มี head ดังนั้นจึงไม่มีความจำเป็นต้องไปยุ่งกับมันจ้า

 

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

#neck{

display:inline;

}

 

 

#neck .module{

background:url(url ของภาพ) top center repeat; อันนี้เป็นส่นของพื้นหลังค่ะ ไม่จำเป็นต้องใส่อะไรก็ได้

display:inline;

float:left; กำหนดว่ามันจะอยู่ฝั่งซ้ายหรือขวา ส่วนใหญ่ก็ซ้ายอ่านะ เหอ ๆ บอกไว้เฉย ๆ

margin:0px 0px 0px 240px; กำหนดขอบ ซึ่งดาไม่เข้าใจในส่วนนี้อะ แต่ช่างมันเหอะ ไม่จำเป็นต้องเปลี่ยน

padding:12px 0px 24px 12px; เหมือนบรรทัดบนแหละ (คนอ่านเริ่มไม่เชื่อถือดาแล้วมั้งเนี่ย 555+)

width:512px; ความกว้างจ้า

}

 

#neck .module ul{

display:inline;

margin:0px;

padding:0px;

}

 

#neck .module h2{

display:none;

}

 

 

#neck .module li{

border-right:1px solid #228B22;

        อันนี้เป็นเส้นคั่นค่ะ 1px ก็คือขนาดของเส้น เลขมากเส้นก็ใหญ่ solid คือลักษณะของแส้นค่ะ ถ้าเป็น solid ก็จะเป็นเส้นตรง ๆ ธรรมดา แต่  dashed ก็จะเป็นเส้นประ ความจริงมันมีอีกนะแต่ดาจำไม่ได้ เพราะใช้อยู่ 2 แบบเหอ ๆ และสุดท้าย #228B22 ก็คือสีของเส้นค่ะ

display:inline;

padding:0px 10px 0px 10px;อันนี้กำหนดขอบเช่นเคย ซึงดาก็ไม่รู้เช่นเคย เพราะงั้นปล่อยมันไว้แล้วกัน

}

 

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

/* Content */ เป็นส่วนแสดงข้อมูลที่เราอัพค่ะ

 

#belly{ พื้นหลังของตัว content

background:url(url ของภาพ) repeat-y; ส่วนนี้ดาจะไม่ใส่นะคะ ปล่อยให้มันใสๆเห็นพื้นหลังสีขาวที่ดาใส่ไว้ในส่วน body

}

 

#content{

display:inline;

float:left; กำหนดว่าจะให้ข้อมูลอยู่ด้านไหนจ้า

margin:0px 0px 0px 250px; เอ่อ...กะ กะ...กำหนดขอบ

width:500px; ความกว้างจ้า

/*Fix too large image makes content drop problem in IE*/

overflow:visible !important;

overflow:hidden;

}

 

.entry{ กำหนดรายละเอียดของข้อมูล

background:url(url ของภาพ) top right no-repeat;

       ในส่วนของพื้นหลัง จะใส่ไม่ใส่ก็ได้ค่ะ top right คือ ตำแหน่งของภาพค่ะ ก็ตรง ๆ ตัวคือ บน ขวา อันนี้ดาไม่ได้แก้ไขอะไรเพราะไม่ได้ใส่พื้นหลัง แต่ถ้าใครจะใส่ก็แก้ตำแหน่งมันได้เลยค่ะ  no-repeat ก็คือไม่ซ้ำ แต่ถ้าอยากให้พื้นหลังซ้ำก็มี repeat-y คือภาพเลื่อนซ้ำในแนวแกน y repeat-xคือภาพเลื่อนซ้ำในแนวแกน x และ repeat ก็คือภาพซ้ำกันทั้งหน้าเลย

float:left; กำหนดว่าจะให้ข้อมูลอยู่ด้านไหน หรือว่าพูดง่าย ๆ ก็คือข้อมูลจะชิดแถบไหนนั่นแหละ

margin-bottom:12px;

padding:12px 12px 24px 12px;

border-top:0px solid #9ACD32;

border-left:0px solid #9ACD32;

border-right:0px solid #9ACD32;

border-bottom:1px dashed #9ACD32;

        อันว่าโค๊ดสีข้างบนดาไม่แน่ชัดว่ามันเป็นส่วนไหน แต่ก็ลองเปลี่ยน ๆ ดู งุงิ (มันเริ่มเชื่อไม่ได้ขึ้นทุกที)

width:520px; ความกว้างจ้า

}

 

 

.entry .title{ส่วนตั้งค่าหัวเรื่องค่ะ

display:block;

margin-bottom:0px;

width:490px; ความกว้างจ้า

}

 

 

.entry .title h2{ กำหนดลักษณะเส้นใต้หัวเรื่อง

border-bottom:1px solid #9ACD32;

         กำหนดเส้นใต้หัวเรื่องค่ะก็มี 3 ส่วนคือ ขนาด ลักษณะเส้น แล้วก็สี 1px คือขนาด  solid คือลักษณะเส้น#9ACD32 คือสีค่ะ เหมือนที่เคยอธิบายไว้ด้านบน และ

font-size:12px; ขนาดตัวอักษรจ้า

}

 

.entry .title h2 a{ ตั้งค่าเกี่ยวกับสีของหัวเรื่องในสถานะปกติ

color:#228B22;

}

 

.entry .title h2 a:hover{ ตั้งค่าเกี่ยวกับสีหัวเรื่องเหมือนกัน แต่เป็นสีเมื่อนำเม้าท์ไปชี้ หรือ คลิกนั่นเอง

color: #9ACD32;

}

 

.entry .title span{ เป็นส่วนของข้อมูลการโพสเอนทรี่ เช่นวันที่ อะไรพวกนี้ จะอยู่ใต้หัวข้อเอนทรี่นั้น ๆค่ะ

color:#9ACD32;

font-size:10px; ขนาดตัวอักษรค่ะ

}

 

.entry .post{

float:left; ตำแหน่งของข้อความในส่วนที่เราโพสไปค่ะ

}

.entry .post p{
margin-bottom:10px; กำหนดขอบด้านล่าง อะไรสักอย่าง ช่างมมันเต๊อะ - -*
}

 

.entry .info{

float:left;

width:100%;

}

 

.entry .info .tag{ ตั้งค่าในส่วนของ tag ค่ะ

float:right; กำหนดตำแหน่ง

font-size:10px; ขนาดอักษร

width:500px; ความกว้าง

}

 

.entry .info .coms{ เป็นส่วนของปุ่มคอมเม้นจ้า

float:right; ก็กำหนดตำแหน่งเช่นเคย

font-size:12px; ขนาดอักษร

font-weight:bold;

color:#84c4b7; กำหนดสี

        ความจริงในส่วนของสีนี้ไม่จำเป็นต้องเปลี่ยนก็ได้นะคะ เพราะตอนเรากำหนดสีลิ้งค์มันก็เปลี่ยนสีไปแล้ว เพราะงั้นไม่จำเป็นค่ะ

}

 

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

/* Sidebars */

 

#sidebar,

#sidebar2{

background:none;

display:none; << พอเพิ่มบรรทัดนี้เข้าไปมันจะไม่แสดงผลของsidebarsด้านข้าง

float:right;

margin:5px 25px 0px 0px;

width:225px;

}

 

#sidebar2{

display:none;

}

 

#sidebar .module, #sidebar2 .module{

margin:5px 5px 15px 5px;

}

 

#sidebar .module ul, #sidebar2 .module ul{

margin:5px 0px 0px 5px;

padding:0;

list-style: none;

}

 

#sidebar .module h2, #sidebar2 .module h2{

text-indent:-9999px;

}

/* Sidebar Header image */
#sidebar #recommend h2, #sidebar2 #recommend h2{background:url(http://g.exteen.com/t/apollo/hd_recommend.png) no-repeat;width:131px;height:19px;}
#sidebar #previous h2,#sidebar2 #previous h2{background:url(http://g.exteen.com/t/apollo/hd_previous.png) no-repeat;width:104px;height:23px;}
#sidebar #commentalert h2,#sidebar2 #commentalert h2{background:url(http://g.exteen.com/t/apollo/hd_comments.png) no-repeat;width:181px;height:19px;}
#sidebar #favourites h2,#sidebar2 #favourites h2{background:url(http://g.exteen.com/t/apollo/hd_favourites.png) no-repeat;width:105px;height:19px;}
#sidebar #links h2,#sidebar2 #links h2{background:url(http://g.exteen.com/t/apollo/hd_links.png) no-repeat;width:52px;height:19px;}
#sidebar #categories h2,#sidebar2 #categories h2{background:url(http://g.exteen.com/t/apollo/hd_categories.png) no-repeat;width:112px;height:23px;}
#sidebar #archives h2,#sidebar2 #archives h2{background:url(http://g.exteen.com/t/apollo/hd_archives.png) no-repeat;width:89px;height:19px;}
#sidebar #tags h2,#sidebar2 #tags h2{background:url(http://g.exteen.com/t/apollo/hd_tags.png) no-repeat;width:49px;height:23px;}
#sidebar #pagemenu h2,#sidebar2 #pagemenu h2{background:url(http://g.exteen.com/t/apollo/hd_pages.png) no-repeat;width:64px;height:23px;}

 

a.archive{

background:url(http://g.exteen.com/t/apollo/icon_archive.gif) no-repeat;

width:12px;

height:12px;

padding-left:15px;

margin-left:4px;

}

อย่างที่บอกไว้ตั้งแต่ต้นว่าส่วนนี้มันไม่แสดงผล เพราะฉะนั้นก็ขอกระโดดข้ามไปเลยแล้วกะนนะจ๊ะ

 

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

/* Configure each module */

 

/* Profile */

#profile{

width:95%;

}

 

#profile img{

float:left;

margin-right:10px;

}

 

#profile span{

display:block;

}

 

#profile .info{

display:none;

}

 

/* Tags */

#tags li{

display:inline;

margin-right:5px;

}

ส่วนนี้เป็นประวัติ แล้วก็รูปดิสเพลย์ของเรา ซึ่งมันจะไม่แสดงผลเช่นกัน เพราะงั้นกระโดดอีกครัั้้งค่ะ ข้ามมันไป

 

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

 

 #commentform{ เป็นส่วนของช่องที่ไว้สำหรับใส่คอมเม้นค่ะ

width:506px; กว้าง

height:360px; สูง

background: url(url ของรูป) no-repeat; พื้นหลังค่ะ จะใส่ไม่ใส่ก็ตามแต่ แต่ว่าดาไม่ใส่ค่ะ

float:left; กำหนดตำแหน่ง

}

 

#commentform form{ กำหนดขอบ

margin:5px;

}

 

#commentform h3{

font-size:12px; กำหนดขนาดตัวอักษรค่ะ

font-weight:bold; กำหนดลักษณะตัวอักษรค่ะ Bold คือ ตัวหนา Italic คือ ตัวเอียง Underline คือ ขีดเส้นใต้

}

 

#commentform .formrow{

padding:2px;

}

 

#commentform label{

float:left;

width:72px;

}

 

#commentform input.textbox{

width:72px;

}  

 

#commentform textarea{กำหนดลักษณะของช่องที่ไว้พิมพ์คอมเม้น

width:324px; กำหนดความกว้าง

height:200px; กำหนดความสูง

background: url(url ของภาพ) ใส่ภาพพื้นหลังค่ะ

}

 

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

/* Comment (Showing Area) */ ส่วนนี้คือส่วนแสดงผลคอมเม้นค่ะ

 

 

.comment{

float:left; กำหนดว่าข้อความอยู่ชิดฝั่งไหน

margin-right:2px; กำหนดขอบความกว้าง

width:506px; กำหนดความกว้าง

}

 

.comment .post{ เป็นส่วนของข้อความที่โพสค่ะ

float:left; กำหนดว่าให้ข้อความอยู่ด้านไหน

width:506px; กำหนดความกว้าง

color:#aeaeae; สีอันนี้ดาไม่แน่ใจว่าอะไรนะคะ แต่ไม่เปลี่ยนก็ได้ค่ะ ไม่ใช่ปัญหา(มั้ง)

padding:15px 20px 10px 12px;

border-top:1px solid #9ACD32;

border-left:1pxsolid #9ACD32;

border-right:1px solid #9ACD32;

border-bottom:1px solid #9ACD32;

 

background:url(url ของภาพ) no-repeat; พื้นหลัง จะใส่ไม่ใส่ก็ได้ค่ะ แต่ดาไม่ได้ใส่อ่านะ

}

 

.comment .post p{ เป็นส่วนของข้อความที่โพสค่ะ

width:306px; กำหนดความกว้าง

float:left; ตำแหน่งของข้อความ

padding:0px 15px 0px 10px; ขอบอะไรสักอย่าง 555+

}

 

.comment .info{ ส่วนแสดงข้อมูลของคนโพสเม้นให้เราค่ะ

float:left; กำหนดตำแหน่ง

font-size:11px; ขนาดตัวอักษร

width:506px; ความกว้าง

height:50px;ความสูง

padding:25px 100px 0px 12px; ขอบอีกแล้นน

border-top:0px solid #228B22;

border-left:0px solid #228B22;

border-right:0px solid #228B22;

border-bottom:0px solid #228B22;

       เหมือนกับในส่วนแสดงข้อความค่ะ โค๊ดสีของกรอบล้อมรอบรูปดิสเพลย์ของคนที่เม้นให้เรา วนตามเข็มนาฬิกาส่วน solid ก็กำหนดลักษณะเส้นของกรอบ

background:url(url ของภาพ) no-repeat; พื้นหลังค่ะ ไม่ใส่ก็ได้

}

 

.comment .info a{ เป็นลิ้งค์สถานะปกติ ในส่วนของข้อมูลผู้คอมเม้นค่ะ

color:#9ACD32;

}

 

.comment .info a:hover{ ลิ้งค์เมื่อนำเม้าท์ไปชี้จ้าาา

color:#228B22;

}

 

.comment .info img{ ส่วนแสดงรูปภาพของคนที่มาเม้นให้เรา

width:32px; ความกว้างของรูป

margin:0px 2px 0px 6px;

float:left; กำหนดว่ารูปจะอยู่ด้านไหน

border:1px solid #9ACD32; อันนี้ไม่มั่นใจนะ น่าจะเป็นขนาดเส้นของกรอบรอบ ๆ รูปกะลักษณะของเส้น แล้วก็สี เหอ ๆ

}

 

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

/* Leg Menu */

 

#leg{

background:url() top left;

}

 

#leg .module{

background:#F5F5F5;

display:inline;

float:left;

margin:0px 0px 0px 25px;

padding:2px 0px 5px 0px;

width:335px;

}

 

#leg .module ul{

display:inline;

margin:0px;

padding:0px;

}

 

#leg .module h2{

font-size:12px;

font-weight:bold;

display:inline;

}

 

#leg .module li{

border-right:1px solid #CCC;

display:inline;

padding:0px 10px 0px 10px;

}

 ส่วนนี้ปกติมันจะไม่แสดงผลอยู่แล้ว เพราะงั้นก็ปล่อยมันไปตามอัธยาศัยของมันดีกว่าเนอะ อย่าไปยุ่งกับมันเลย

 

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

/* Footer */

 

#footer{แถบล่างสุดของบล็อก

background:url(url ของภาพ) bottom left repeat;เป็นพื้นหลัง ซึ่งดาไม่ได้ใส่อะไรไป

height:47px; กำหนดความสูง

}

 

#footer p{ เป็นส่วนที่มีคำว่า Powered by exteen blog

font-size:9px; ขนาดตัวอักษร

text-align:center; ตำแหนงตัวอักษร

margin:18px 0px 0px 100px;

padding:0px;

}

 

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

.navbar{float:left;}

.commentmanage{clear:both;}

/*PNG support for IE*/

#header, #neck, #belly, #leg, #footer { behavior: url(/global/iepngfix.htc) }

#sidebar .module h2,#sidebar2 .module h2{

behavior: url(/global/iepngfix.htc)}

strong{font-weight:bold;}

 

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

 

        อ๊ากกกกกกกกกกกกก จบแล้วค่ะ มันจบแล้ว อย่าเพิ่งมึนงง ตาลาย หน่ายใจ กันไปซะก่อนนะคะ อาจงงกันบ้างเล็กน้อย ก็พยายามเข้าใจมันหน่อยแล้วกัน เหอ ๆจะสังเกตได้ว่ายิ่งอธิบายตัวดาเองก็เริ่มจนมุม แบบว่ามีจุดที่ดาเองก็ยังไม่เข้าใจเยอะขึ้นเรื่อย ๆ แต่ก็เอาไว้เเค่นี้แหละเนอะ ให้พอทำออกมาเป็นรูปเป็นร่างเหมือนดาก็พอ เหอ ๆ

 

        เจอกันเอนทรี่หน้านะจ๊ะ รู้สึกว่าตัวเองทำอะไรมีสาระเกินไป มันเหนื่อยโฮกมากมาย อ้อลืม ๆๆ อยากจะบอกว่า ใครที่ลองทำธีมแบบนี้แล้วก็มาทิ้งลิ้งค์บล็อกไว้บ้างนะคะ ดาอยากเห็นของคนอื่น ดาเชื่อว่าทุกคนต้องทำออกมาดูดีกว่าดาแน่ เอามาให้ดาดูเป็นแบบอย่างบ้างเน้อ งุงิ

 

 

 

ปล.มันจะไม่มีเอนทรี่ลักษณะนี้อีกแล้ว แง้งงง

ปลล.เริ่มรู้สึก คิดถึงพี่เจนกับพี่แนน พี่สองคนหายไปไหน จะทิ้งหนูหรอพี่ T^T

ปลลล.พี่ต้าจ๋า เรื่องฟิคขอผลัดไปก่อนนะ หนูสัญญาภายในปีนี้แหละ (- -*) 

ปลลลล.รัก BIGBANG & 2NE1