วันที่ อังคาร กุมภาพันธ์ 2555

พิมพ์หน้านี้  |  ดูบล๊อกอื่นๆ ที่ OKnation

 

มาเปลี่ยนสีสันของบล็อกกันในวันรักอบอวล...ขอแบ่งปัน css ให้เพื่อนๆ ค่ะ


heart411.gif .....เรื่องของเรื่องคือ.....

 

 

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

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

เทมเพลทนี้แปลงมาจากเทมเพลทที่ 8 ของโอเค ชื่อ sun flower



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

อีกทั้งยังเสถียรกับทุกเบร้าเซอร์ ซึ่งทดลองมาแล้ว...ไปโลด!!!

(เพิ่มเติม***แต่ตอนทำการเปลี่ยน ถ้าใครมี chrome หรือ firefox ให้ใช้ 2 เบร้าเซอร์นี้นะคะ
เพิ่งทราบมาว่าเปลี่ยนโดย IE จะมีปัญหา สาเหตุคงเพราะผู้เขียนใช้ chrome ทำทั้งหมดค่ะ)

ถูกเมิน! ขายไม่ได้! ไม่ว่ากันและไม่อายด้วยนะเออ แค่อยากเก็บไว้เป็นอนุสรณ์ในเอนทรี่
และที่สำคัญจะได้มีโอกาสหาเรื่องคุยกันในบล๊อกสำหรับเดือนนี้ (และอาจจะเดือนต่อไป)
รวมทั้งเพื่อจะได้ไม่มีคนมาแซวว่า...บล๊อกนี้หยากไย่ขึ้นเต็มเชียว...อีกด้วย
 อ่ า - น ะ .... ถึง เว ลา ไป ดู กัน แล้ว


 

 

ที นี้ ม า ดู วิ ธี นำ ไ ป ใ ช้ กั น
ละเอียดนิดนึงนะคะเผื่อคนที่ไม่เคยเปลี่ยน css 

ก่อนอื่นไปที่หน้าเทมเพลท แล้วคลิกเปลี่ยนเป็น เทมเพลทที่ 8 เสียก่อน
อันนี้เพื่อความเสถียรตอนเปลี่ยนโค้ตแล้ว  จากนั้นคลิกที่  บันทึก

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

จากนั้นมาก๊อปโค้ตสีเหลืองทองในกล่องที่ให้ไว้ข้างล่างนี้ทั้งหมดไป วางแทน

แล้วก็มาถึงขั้นตอนสุดท้าย (ซะที)  นั่นคือคลิกที่ บันทึกด้านล่างสุดก็เป็นอันเสร็จ

ทีนี้ก็ถึงเวลาเปิดหน้าบล็อกของเรา หรือไปรีเฟรชดู……แอ่น-แอ๊นนนนนน!!!

 

สั้นๆ ง่ายๆ แค่นี้เอง

ถ้าไม่ชอบก็เปลี่ยนกลับไปเป็นเทมเพลทที่ตัวเองชอบเหมือนเดิมได้ค่ะ




 

โปรดทราบ


เนื่องจากมีการเปลี่ยนแปลง เทมเพลท ในโอเคฯ เมื่อ 29/8/55

ขณะนี้โค้ตข้างล่างนี้จึงไม่เสถียรค่ะ

ขออภัยมา ณ ที่นี้นะคะ



~~~~~~ โค้ตสำหรับก๊อป ~~~~~~

 

/*/////////////////// ////////////////////////////

 layout ของ ตัวหน้าเวบ

/////////////////// /////////////////////////////

 

/* ---------------------- ส่วนของ body หน้าเวบ ---------------------- */

 

body {

 margin:0;

 padding:0;

 background:#F3F5EB;

 margin:auto;

 text-align:center;

}

 

/* ---------------------- ครอบเนื้อหาทั้งหมด ----------- */

#container {

 margin:auto;

 width:1004px;

 text-align:left;

background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/1180955745.gif);

transparent;

}

 

 

/*---------------------- ลิงค์ตัวอักษรทั้งหน้า ---------------------- */

 

div a:link,td a:link,body a:link{

 color: #0E400D;

 text-decoration:none;

}

 

div a:visited,td a:visited,body a:visited{

 color: #0E400D;

 text-decoration:none;

}

 

div a:hover,td a:hover,body a:hover{

 color: #D9FAFC;

 text-decoration:none;

}

 

 

/* --------------------------- ฟอนท์ทั้งหน้า--------------------------- */

 

 

body,div,select,input,td,th{

 font-family: "Tahoma","MS Sans Serif", "Microsoft Sans Serif",sans-serif;

 font-size:12px;

}

 

form{

 margin:0px;

}

 

 

/*--------------------------- สีตัวอักษรอื่นๆทั่วไป -------------------------- */

.black{

 color:#386E94;

 font-weight:bold;

}

.orange{

 color:#386E94;

}

.blue{

 color:#386E94;

}

.cyan{

 color:#386E94;

}

 

 

 

/*/////////////////// ////////////////////////////

  header ตัวหน้าเวบ

/////////////////// /////////////////////////////

 

 

/* ส่วนของหัว header */

#header { 

 height :128px;

 text-align:left;

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/008_1.jpg);

}

 

/* ส่วนของ logo เวบ*/

#header_logo{

 width:262px;

 height :128px;

 float:left;

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/008.jpg) no-repeat;

}

 

/* ส่วนของ banner ด้านบน */

#header_banner{

 width:728px;

 height:90px;

 float:left;

 margin:10px 0 0 0;

}

 

/*-----------------------ส่วนของ search ด้านบนของหน้า------------------------------- */

 

#header_search{

 margin:0 0 0 0;

 height :35px;

 text-align:left;

 background:#CBB490;

}

 

/*วันที่ ด้านบน */

#search_date{

 width:195px;

 float:left;

 color:#0E400D;

 padding:10px 0 0 10px;

 margin:0 0 10px 25;

}

 

/* ฟอร์ม search */

#search_form{

 width:456px;

 float:left;

 color:#0E400D;

 padding:5px 0 0 0;

 text-align:center;

}

 

/* ลิงค์ สร้าง blog ติดต่อเรา */

#search_login{

 width:310px;

 float:left;

 color:#F0EAD5;

 text-align:right;

}

 

.btsearch{

 border:0px;

  background: url(http://www.oknation.net/blog/home/css/images/type8/btn_go.gif) no-repeat;

 height:24px;

 width:27px;

 cursor:hand;

}

 

 

/* ลิงค์สีตัวอักษรใน search */

 

#header_search a:link,#header_search a:visited{

 color: #FFFFFF;

 text-decoration:none;

}

 

#header_search a:hover{

 color: #D9FAFC;

 text-decoration:none;

}

 

/*---------------- icon ของหัวข้อ สร้าง blog เกี่ยวกับเรา ติดต่อเรา -------------*/

 

/*เมนูสร้างบล๊อก*/

#menu_create{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/th_angela-mini234.gif) no-repeat 0 10px;

 height:35px;

 float:right;

 padding:10px 0 0 16px;

}

 

/*เมนูเกี่ยวกับเรา*/

#menu_about{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/th_angela-mini234.gif) no-repeat 0 10px;

 height :35px;

 float:right;

 padding:10px 0 0 16px;

 }

 

/*เมนูติดต่อเรา*/

#menu_contact{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/th_angela-mini234.gif) no-repeat 0 10px;

 height :35px;

 float:right;

 padding:10px 0 0 16px;

}

 

/*เครื่องหมายกั้น*/

.menu_partition{

 width:16px;

 height:35px;

 float:right;

}

 

 

/*/////////////////// ////////////////////////////

 footer ตัวหน้าเวบ

/////////////////// /////////////////////////////*/

 

 

#footer{

 background:url(http://www.oknation.net/blog/home/user_data/file_data/201202/13/574450402.jpg) no-repeat center top;

  height:350px;

}

 

 

/* left center right รวมกันให้ได้ 1004*/

 

/*/////////////////// ////////////////////////////

 ส่วน column ด้านซ้าย

/////////////////// /////////////////////////////*/

 

 

#left_column {

 width:232px;

 float:left;

 overflow:hidden;

 background:#D6C8B3;

}

 

/*/////////////////// ////////////////////////////

 ส่วน column center

/////////////////// /////////////////////////////*/

 

#center_column{

 float:left;

 width:543px;

 overflow:hidden;

 margin:0 0 10px 0;

}

 

/*/////////////////// ////////////////////////////

 ส่วน column ด้านขวา

/////////////////// /////////////////////////////*/

 

 

#right_column{

 width:229px;

  float:left;

  overflow:hidden;

background:#D6C8B3;

}

 

 

/*--------------------------------begin ข้อมูล column ทางซ้าย -------------*/

 

 

/*/////////////////// ////////////////////////////

 about me box

/////////////////// /////////////////////////////*/

 

#about_me{

 margin:0 0 10px 0;

 width:232px;

}

 

#about_me_top{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/b3_aboutme.gif);

 height:35px;

}

 

#about_me_middle{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/up.jpg);

}

 

#about_me_bottom{

 height:13px;

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/down.jpg);

}

 

#about_me_icon{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/Mn-285.gif) no-repeat;

 height:37px;

  padding:8px 0 0 16px;

}

 

#about_me_img{

 border:2px solid #854D29;

}

 

#about_me ul {

 list-style-type: none;

 color:#0E400D;

 margin:0 0 0 20px;

 padding:0px;

}

 

#about_me input{

 margin:0 0 0 20px;

}

 

#about_me li{

 margin:0 0 3px 0;

 color:#0E400D;

}

 

 

/*/////////////////// ////////////////////////////

 category box

/////////////////// /////////////////////////////*/

 

#category{

 margin:0 0 10px 0;

 width:232px;

}

 

#category_top{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/b3_categ.gif);

 height:35px;

}

 

#category_middle{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/up.jpg);

 padding:10px 0 0 0;

}

 

#category_bottom{

 height:13px;

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/down.jpg);

}

 

 

#list_category ul {

 margin: 0 0 0 20px;

 padding: 0 0 5px 0;

 list-style-type: none;

 color:#0E400D;

}

 

#list_category li{

 padding:0 0 3px 24px;

 color:#0E400D;

 background: url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/the-than11.gif) no-repeat;

}

 

 

 

/*/////////////////// ////////////////////////////

 favorites link box

/////////////////// /////////////////////////////*/

 

#favorite{

 margin:0 0 10px 0;

 width:232px;

}

 

#favorite_top{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/b3_favorlink.gif);

 height:35px;

}

 

#favorite_middle{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/up.jpg);

 word-wrap: break-word;

}

 

#favorite_bottom{

 height:13px;

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/down.jpg);

}

 

#list_links ul {

 margin: 0 0 0 20px;

 padding: 0 0 5px 0;

 list-style-type: none;

 color:#045902;

}

 

#list_links li{

 padding:0 0 3px 24px;

 color:#045902;

 background: url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/the-than11.gif) no-repeat;

}

 

 

/*/////////////////// ////////////////////////////

 favorites friend box

/////////////////// /////////////////////////////*/

 

 

#friend{

 margin:0 0 10px 0;

 width:232px;

}

 

#friend_top{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/b3_myfriend.gif);

 height:35px;

}

 

#friend_middle{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/up.jpg);

}

 

#friend_bottom{

 height:13px;

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/down.jpg);

}

 

#list_friend ul {

 margin: 0 0 0 20px;

 padding: 0 0 5px 0;

 list-style-type: none;

 color:#045902;

}

 

#list_friend li{

 padding:0 0 3px 24px;

 color:#045902;

 background: url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/the-than11.gif) no-repeat;

}

 

 

 

 

/*/////////////////// ////////////////////////////

  lastest blog box

/////////////////// /////////////////////////////*/

 

#lastest{

 margin:0 0 10px 0;

 width:232px;

}

 

#lastest_top{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/b3_lateststory.gif);

 height:35px;

}

 

#lastest_middle{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/up.jpg);

 

}

 

#lastest_bottom{

 height:13px;

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/down.jpg);

}

 

#list_lastest ul {

 margin: 0 0 0 20px;

 padding: 0 0 5px 0;

 list-style-type: none;

}

 

#list_lastest li{

 padding:0 0 3px 24px;

 background: url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/the-than11.gif) no-repeat;

}

 

 

 

/*--------------------------------begin ข้อมูล column ทางขวา------------*/

 

 

/*/////////////////// ////////////////////////////

 gallery box

/////////////////// /////////////////////////////*/

 

#gallery{

 margin:0 0 10px 0;

 width:229px;

}

 

#gallery_top{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/b3_photo.gif);

 height:35px;

}

 

#gallery_middle{

 background:url(http://www.oknation.net/blog/home/css/images/type8/bg_box_rht.gif);

}

 

#gallery_bottom{

 background:url(http://www.oknation.net/blog/home/css/images/type8/ftr_box_rht.gif) no-repeat;

 height:13px;

 line-height:0px;

}

 

/*/////////////////// ////////////////////////////

 ข้างใน gallery box ตรงรูป hilight

/////////////////// /////////////////////////////*/

 

 /*ความกว้างแต่ละกรอบรูป*/

#table_album{

 width:100px;

 margin:0 0 0 -15px;

}

 

#table_album_inner td{

 background:#FFCB05;

}

.album_name{

 color:#FFFFFF;

 font-size:12px;

}

 

/*ปุ่ม home album*/

#album_home{

 background: url(http://www.oknation.net/blog/home/css/images/type6/btn_halbum.gif) no-repeat;

 width:21px;

 height:21px;

 border:0px;

}

 

/*ปุ่ม pause album*/

#album_pause{

 background: url(http://www.oknation.net/blog/home/css/images/type6/btn_pause.gif) no-repeat;

 width:21px;

 height:21px;

 border:0px;

}

/*ปุ่ม back album*/

#album_back{

 background: url(http://www.oknation.net/blog/home/css/images/type6/btn_back.gif) no-repeat;

 width:21px;

 height:21px;

 border:0px;

}

 

/*ปุ่ม next album*/

#album_next{

 background: url(http://www.oknation.net/blog/home/css/images/type6/btn_next.gif) no-repeat;

 width:21px;

 height:21px;

 border:0px;

}

 

 

 

/*/////////////////// ////////////////////////////

 video box

/////////////////// /////////////////////////////*/

 

#video{

 margin:0 0 10px 0;

 width:229px;

}

 

#video_top{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/b3_myclip.gif);

 height:35px;

}

 

#video_middle{

 background:url(http://www.oknation.net/blog/home/css/images/type8/bg_box_rht.gif);

}

 

#video_bottom{

 background:url(http://www.oknation.net/blog/home/css/images/type8/ftr_box_rht.gif) no-repeat;

 height:13px;

}

 

/*/////////////////// ////////////////////////////

  video box ข้างใน

/////////////////// /////////////////////////////*/

 

/* video กรอบ video และ bg */

#table_video{

 width:170px;

 margin:0 0 0 -17px;

}

.video_name{

 color:#FFFFFF;

 font-size:12px;

}

.video_data{

 

 padding:10px 0 0 0;

}

 

#table_video_inner td{

 background:#FFCB05;

}

 

/*/////////////////// ////////////////////////////

 archive box

/////////////////// /////////////////////////////*/

 

#archive{

 margin:0 0 10px 0;

 width:229px;

}

 

#archive_top{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/b3_noldstory.gif) no-repeat;

 height:35px;

}

 

#archive_middle{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/up.jpg);

 padding:10px 0 0 0;

}

 

#archive_bottom{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/down.jpg);

 height:13px;

}

 

#list_archives ul {

 margin: 0 40px 0 20px;

 padding: 0 0 5px 0;

 list-style-type: none;

 color:yellow;

}

 

#list_archives li{

 padding:0 0 8px 24px;

 color:#045902;

 margin:0 0 0 2px;

 background: url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/the-than11.gif) no-repeat;

}

 

/*/////////////////// ////////////////////////////

 archive vote

/////////////////// /////////////////////////////*/

 

#vote{

 margin:0 0 10px 0;

 width:229px;

}

 

#vote_top{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/b3_vote.gif);

 height:35px;

}

 

#vote_middle{

 background:url(http://www.oknation.net/blog/home/css/images/type8/bg_box_rht.gif);

 padding:10px 0 0 0;

}

 

#vote_bottom{

 background:url(http://www.oknation.net/blog/home/css/images/type8/ftr_box_rht.gif) no-repeat;

 height:13px;

}

 

#vote_table{

 width:170px;

 margin:0 0 0 15px;

}

 

#list_vote{

 overflow:hidden;

}

 

/*ตัวอักษรในโหวต*/

#vote td,.poll th{

 color:#045902;

}

 

/*ปุ่ม vote */

#votebt{

 background: url(http://www.oknation.net/blog/home/css/images/type6/btn_vote.gif) no-repeat;

 width:49px;

 height:21px;

 border:0px;

}

 

/*/////////////////// ////////////////////////////

 calendar

/////////////////// /////////////////////////////*/

 

.calendar {

 width:75%;

 height:150px;

 border:1px solid #CCCCCC;

 margin:0 0 0 -10px;

 background:#f2f2f2;

 }

 

 

.calendarHeader { 

 color: #4D8748;

 padding-top:5px;

 }

 

 

.calendarHeaderL { 

 color: #666666;

 font-weight: bold;

 padding-top:5px;

 background:#EEEEEE;

 }

 

.calendarHeaderL a:link,.calendarHeaderL a:visited{ 

 color:#4D8748;

}

 

.calendarToday {

 font-weight: bold;

  color: #666666;

 padding-right:5px;

}

 

 

 .calendarDate{

 padding-right:5px;

 color: #666666;

}

 

 

 

/*----------------------------------เริ่ม เนื้อ หาตรงกลางหน้า ของ blog ----------------------------*/

 

 

/*/////////////////// /////////////////////////////////////////////

 menu tab blog gallery video ตรงกลาง ที่เลือก section

/////////////////// /////////////////////////////////////////////*/

 

 

/*tab blog */

#menu_tab_blog{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/b3_cenB1.gif);

 height:35px;

 width:181px;

  float:left;

}

 

#menu_tab_blog_over{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/b3_cenB2.gif);

 height:35px;

 width:181px;

  float:left;

}

 

 

/*tab gallery */

#menu_tab_gallery{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/b3_cenG1.gif);

 height:35px;

 width:181px;

  float:left;

}

#menu_tab_gallery_over{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/b3_cenG2.gif);

 height:35px;

 width:181px;

  float:left;

}

 

/*tab video*/

#menu_tab_video{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/b3_cenC1.gif);

 height:35px;

 width:181px;

  float:left;

}

 

#menu_tab_video_over{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/b3_cenC2.gif);

 height:35px;

 width:181px;

  float:left;

}

 

 

 

/*/////////////////// ////////////////////////////

 ส่วน description ของ blog ตรงกลาง

/////////////////// /////////////////////////////*/

 

#center_column_menu{

 

}

 

#center_column_data{

 background:#F3F5EB;

}

 

#center_column_footer{

 height:28px;

}

 

/* descripttion blog */

#description_blog{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/GardenWallpaper.jpg);

 height:160px;

 width:543px;

  float:left;

}

 

/* ตัวอักษร description*/

#blog_desc{

 color:#F5EDC7;

 margin:0 0 10px 15;

}

 

/* ชื่อ blog ตรง description */

#blog_name{

 font-size: 18px;

 color:#F5EDC7;

 font-weight:bold;

 margin:0 0 10px 15;

}

 

 

/*/////////////////// ///////////////////////////////

 ส่วนรายละเอียดของบล๊อกที่เขียน

/////////////////// ///////////////////////////////*/

 

/* ความกว้างข้อมูลตรงกลาง*/

#center_data{

 width:520px;

  margin:10px 0 0 18px;

  padding:5px;

  overflow:hidden;

 color:#045902;

  clear: left;

}

 

 

/* หัวข้อ blog */

#blog_topic {

 font-size: 16px;

 font-weight: bold;

 color: #045902;

}

 

 

/* วันที่เขียน blog */

#blog_date{

 padding: 5px 0 0 28px;

 font-size: 18px;

 font-weight: bold;

 color: #854D29;

 background: url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/F-76.gif) no-repeat;

 margin:15px 0 15px 0;

 height:37px;

}

 

/*โพสโดยใคร*/

#post_by{

 color:#000000;

}

/*สีลิงค์โพสโดยใคร*/

#post_by a:link,#post_by a:visited{

 color::#000000;

}

 

/* หมวดที่โพส */

#post_cate{

 font-size: 12px;

 color: #000000;

}

 

/* สีลิงค์หมวดที่โพส */

#post_cate a:link,#post_cate a:visited,#post_more a:link,#post_more a:visited{

  color: #000000;

}

 

/* รายละเอียดการเขียน blog */

#blog_data,#blog_data td{

 font-size: 13px;

 line-height: 18px;

 color:#045902;

}

 

/*ความกว้างของเนื้อหา blog */

.blog_center_data td{

 width:520px;

  word-wrap:break-word;

}

.blog_doted{

 height:3px;

 background: url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/th_graydot.gif);

 margin:0 0 10px 0;

}

/*เส้นคั่นแต่ละ topic */

.dash_cate{

 height:3px;

 background: url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/th_graydot.gif);

 margin:0 0 2px 0;

 width:95%;

}

 

 

/* สีลิงค์อ่านต่อ */

#post_more{

 color:#045902;

 text-align:right;

}

 

/* ลิงค์กด ไป คอมเมนต์ */

#blog_comment{

 margin: 0 0 10px 0;

 color:#045902;

 text-align:right;

}

 

/*สี ลิงค์กด ไป คอมเมนต์ */

#blog_comment a:link,#blog_comment a:visited{

  color: #854D29;

}

 

 

 

/*---กล่อง คอมเมนต์ที่1 ---*/

.comment_topic1{

 background:#D6C8B3;

 margin-bottom:14px;

 width:100%;

}

 

/*---กล่อง คอมเมนต์ที่2 ---*/

.comment_topic2{

 background:#D9F0A4;

 margin-bottom:14px;

 width:100%;

}

 

.comment_detail{

  width:95%;

}

 

 

/*--- เนื้อหาในกล่อง คอมเมนต์ที่ 1,2 ---*/

.comment_detail td{

 color:#045902;

 width:518px;

 word-wrap:break-word;

}

 

/*--- กล่องเขียนข้อความคอมเมนต์ ---*/

 

 

.comment_detail{

 width:100%;

}

.comment_detail td {

 overflow:hidden;background: #ffffff; 

}

textarea{width:380;height:265;background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/text_area.gif);color=green; font-family : tahoma; font-size:11pt;

}

 

 

#submit_comment{

 width:98px;

 height:40px;

 background: url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/wv-20.gif) no-repeat;

 border:0px;

}

 

 

 

/*--------------------------------------------------------เริ่ม เนื้อ หาตรงกลางหน้า ของ album ----------------------------*/

 

/* วันที่โพสอัลบั้ม */

#album_date{

 font-size: 18px;

 font-weight: bold;

 color: #045902;

 margin:15px 0 15px 0;

}

 

/* bg อัลบั้ม ของหน้าดู อัลบั้มทั้งหมด */

.album_bg{

 background:#045902;

}

 

.border_img{

 border:2px solid #0066FF;

}

 

/*bg รูปของหน้าดูรูป แต่ละ อัลบั้ม*/

.album_bg_list{

 background:#0EA103;

 border:1px solid #0EA103;

}

.border_img_list{

 margin:2px;

} 

 

 

 

 

 

/*//////////////////////////////// new box ///////////////////////////////*/

 

#lyrtooltip {

 position:absolute;

 border:1px solid #FFFFFF;

 background-color: #68CC60;

 padding:10px;

 text-align:left;

}

 

 

/*/////////////////// ////////////////////////////

 favorites entry

/////////////////// /////////////////////////////*/

 

#favorite_entry{

 margin:0 0 10px 0;

 width:232px;

 

}

 

#favorite_entry_top{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/b3_favorent.gif);

 height:35px;

}

 

#favorite_entry_middle{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/up.jpg);

 word-wrap: break-word;

 

}

 

#favorite_entry_bottom{

 height:13px;

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/down.jpg);

}

 

 

#list_favorite_entry ul {

 margin: 0 0 0 20px;

 padding: 0 0 5px 0;

 list-style-type: none;

 color:#045902;

}

 

#list_favorite_entry li{

 padding:0 0 3px 24px;

 color:#045902;

 background: url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/the-than11.gif) no-repeat;

}

 

 

 

/*/////////////////// ////////////////////////////

 my comment

/////////////////// /////////////////////////////*/

 

#mycomment{

 margin:0 0 10px 0;

 width:232px;

}

 

#mycomment_top{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/b3_latement.gif);

 height:35px;

}

 

#mycomment_middle{

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/up.jpg);

 word-wrap: break-word;

 

 

}

 

#mycomment_bottom{

 height:13px;

 background:url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/down.jpg);

 

}

 

 

#list_mycomment ul {

 margin: 0 0 0 20px;

 padding: 0 0 5px 0;

 list-style-type: none;

 color:#045902;

 

}

 

#list_mycomment li{

 padding:0 0 3px 24px;

 color:#045902;

 background: url(http://www.oknation.net/blog/home/blog_data/445/57445/images/3blog/the-than11.gif) no-repeat;

}

 

 

 

/*/////////////////// ////////////////////////////

 my twitter

/////////////////// /////////////////////////////*/

 

#twitter{

 margin:0 0 10px 0;

 width:227px;

}

 

#twitter_top{

 background:url(http://www.oknation.net/blog/home/css/images/type8/hdr_twitter.gif);

 height:44px;

}

 

#twitter_middle{

 background:url(http://www.oknation.net/blog/home/css/images/type8/bg_twitter.gif);

 word-wrap: break-word;

 padding:5px 20px 5px 20px;

 

}

 

#twitter_bottom{

 background:url(http://www.oknation.net/blog/home/css/images/type8/bottom_twitter.gif);

 height:17px;

}

 

 

#list_twitter{

 

}

 

#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {

 color:#FFFFFF !important;

}

 

#twtr-widget-1 .twtr-tweet a {

color:#FFFF33 !important;

}    
 (ขอขอบคุณbg.แม่ยายมาฯ ที่ให้กล่องสำหรับใส่โค้ตที่กระชับพื้นที่ได้มากทีเดียวเชียวนะเพื่อน)
 
 

ขอขอบคุณ
ภาพตกแต่งและแบ็คกราวด์จาก :
http://www.bloggang.com/mainblog.php?id=jiujik
http://www.bloggang.com/mainblog.php?id=bluebutter
http://www.the-than.com

และภาพหัวบล็อกจาก :
http://wallpapers.free-review.net/

และที่ต้องไม่ลืม...ขอบคุณอีกครั้งทั้ง BG แม่ยายมาตามี และ แจนนี่_ลี นะจ๊ะ


http://www.youtube.com/watch?v=1FE_dxZi9pE

 

  

สำหรับเดือนแห่งรักนี้

ขอให้ทุกคนพบสิ่งดีๆและมีความสุขกับความรักจากคนรอบข้างนะคะ

  

 

. . . แ ล ะ ต้ อ ง ไ ม่ ลื ม ว่ า . . .

 



ที่มา : unknown = แมวจำแล้วนำมาบอกต่อ

 

 

โดย rosawan

 

กลับไปที่ www.oknation.net