ขออนุญาติเจ้าของไอเดียคุณสีน้ำฟ้าร่วมแจมด้วยคนน่ะครับ

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

ต้องเลือกTemplateตัวสุดท้ายที่ระบบให้มาก่อนน่ะครับ

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

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

body {
 
 margin:0;
 padding:0;
 text-align:center;
 background:#ffffff;
}

/* ---------------------- ครอบเนื้อหาทั้งหมด   ----------- */
#container {
 margin:auto;
    width:1004px;
 text-align: left;
 background:#ffffff;
}

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

div a:link,td a:link,body a:link{
 color: #ffffff;
 text-decoration:none;
}

div a:visited,td a:visited,body a:visited{
 color: #ffffff;
 text-decoration:none;
}

div a:hover,td a:hover,body a:hover{
 color: #ffffff;
 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:#000000;
  font-weight:bold;
}
.orange{
  color:#666666;
}
.blue{
  color:#3051BA;
}
.cyan{
  color:#386E94;
}
.permalink{
  color:#666666;
}
.permalink a:link,.permalink a:visited{
  color:#666666;
}
.permalink a:hover{
  color:#000000;
}

/*///////////////////     ////////////////////////////
                     header    ตัวหน้าเวบ
///////////////////     /////////////////////////////

/*  ส่วนของหัว header */
#header {
 height :260px;
 text-align:left;
 background:#4a9014 url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/233413.png) no-repeat;
}

/* ส่วนของ logo เวบ*/
#header_logo{
    margin:0px 0 0 0;
    width:268px;
 height :100px;
 float:left;
}

/* ส่วนของ banner ด้านบน  */
#header_banner{
    width:628px;
 height:90px;
 float:left;
 margin:16px 0 0 0;
}

/* ส่วนของ description ด้านบน  */
#header_description{
    margin:20 0 0 400px;
 }

/* กล่อง descripttion blog */
#description_blog{   }

/* ชื่อ blog ใน description */
#blog_name{
 font-size: 20px;
 color:#f8fb0e;
 font-weight:Bold;
 margin:0 0 5px 0;
}

/* รายละเอียด description*/
#blog_desc{
   color:#f8fb0e;
}

/* description link*/
#blog_desc a:link,#blog_desc a:visited{
   color:#ffffff;
}

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

#header_search{
 height :39px;
 text-align:left;
 background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232347.png);
}

/*วันที่ ด้านบน */
#search_date{
    width:228px;
 float:left;
 color:#FFFFFF;
 padding:15px 0 0 45px;
}

/* ฟอร์ม search */
#search_form{
    padding:10px 0 0 0;
    width:350px;
 float:left;
 color:#FFFFFF;
 text-align:center;
}

/* ลิงค์ สร้าง blog ติดต่อเรา */
#search_login{
    width:310px;
 float:left;
 color:#FFFFFF;
    text-align:right;
}

/*ปุ่ม*/
#search_button{
 float:left;
}

.btsearch{
    border:0px;
   background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/24917/images/220969.gif) no-repeat;
 height:39px;
 width:58px;
 cursor:pointer;
}

/*  ลิงค์สีตัวอักษรใน search */
#header_search a:link,#header_search a:visited{
 color: #FFFFFF;
 text-decoration:none;
}

#header_search a:hover{
 color: #000000;
 text-decoration:none;
}

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

/*เมนูสร้างบล๊อก*/
#menu_create{
   background:url(http://www.oknation.net/blog/home/css/images/type9/icon_build.gif) no-repeat 0 15px;
   float:right;
   padding:15px 0 0 17px;
}

/*เมนูเกี่ยวกับเรา*/
#menu_about{
   background:url(http://www.oknation.net/blog/home/css/images/type9/icon_about.gif) no-repeat 0 15px;
   float:right;
   padding:15px 0 0 16px;
 }

/*เมนูติดต่อเรา*/
#menu_contact{
   background:url(http://www.oknation.net/blog/home/css/images/type9/icon_contact.gif) no-repeat 0 18px;
   float:right;
   padding:15px 0 0 16px;
}

/*เครื่องหมายกั้น*/
.menu_partition{
    width:16px;
 height:39px;
    background:url() no-repeat;
    float:right;
}

/*///////////////////     ////////////////////////////
                     footer    ตัวหน้าเวบ
///////////////////     /////////////////////////////*/

#footer{
     background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232301.png);
  height:150px;
}

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

#left_column {
   background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232302.png); repeat-x;
   width:262px;
   float:left;
   overflow:hidden;
}

/*///////////////////     ////////////////////////////
                    ส่วน  ส่วน center
///////////////////     /////////////////////////////*/

#center_column{
 background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/24946/thumbs/221167.png) repeat-x;
    float:left;
    width:742px;
 overflow:hidden;
 margin:0 0 10px 0;
}

/*///////////////////     ////////////////////////////
                     ส่วน ข้อมูลที่อยุ่ตรวกลางหน้า
///////////////////     /////////////////////////////*/

#center_column_menu{
 
}

#center_column_header{
 width:726px;
 height:0px;
    background:url() no-repeat;
}

#center_column_data{
                width:726px;
 background:#ffffff;
                background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232355.png);
}

#center_column_footer{
 width:726px;
 height:0px;
    background:url() no-repeat;
}

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

#right_column{
     width:0px;
}

/*///////////////////     ////////////////////////////
               about me  box
///////////////////     /////////////////////////////*/

#about_me{
  margin:0 0 10px 10px;
  width:250px;
}

#about_me_top{
  background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232348.png);
  height:57px;
}

#about_me_middle{

}

#about_me_bottom{
}

#about_me_icon{
     background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232336.png) no-repeat;
     height:26px;
  padding:8px 0 0 30px;
}

}

#about_me ul {
 list-style-type: none;
 color:#f9f9f9;
 margin:0 0 0 10px;
 padding:0px;
}

#about_me li{
   margin:0 0 3px 0;
}

/*///////////////////     ////////////////////////////
                       category  box
///////////////////     /////////////////////////////*/

#category{
  margin:0 0 10px 10px;
  width:255px;
}

#category_top{
  background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232289.png);
  height:55px;
}

#category_middle{
}

#category_bottom{
}

#list_category ul {
 margin: 0 0 0 20px;
 padding: 0 0 5px 0;
 list-style-type: none;
 color:#f9f9f9;
}

#list_category li{
 padding:0 0 3px 20px;
 color:#f9f9f9;
 background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232486.png)  no-repeat 0 2px;
}

/*///////////////////     ////////////////////////////
                      favorites  link box
///////////////////     /////////////////////////////*/

#favorite{
  margin:0 0 10px 10px;
  width:255px;
}

#favorite_top{
  background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232290.png);
  height:55px;
}

#favorite_middle{
  word-wrap: break-word;
}

#favorite_bottom{
}

#list_links ul {
 margin: 0 0 0 20px;
 padding: 0 0 5px 0;
 list-style-type: none;
 color:#f9f9f9;
}

#list_links li{
 padding:0 0 3px 20px;
 color:#f9f9f9;
 background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232486.png)  no-repeat 0 2px;
}

/*///////////////////     ////////////////////////////
                    favorites    friend  box
///////////////////     /////////////////////////////*/

#friend{
  margin:0 0 10px 10px;
  width:255px;
}

#friend_top{
  background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232292.png);
  height:55px;
}

#friend_middle{
}

#friend_bottom{
}

#list_friend ul {
 margin: 0 0 0 20px;
 padding: 0 0 5px 0;
 list-style-type: none;
 color:#f9f9f9;
}

#list_friend li{
 padding:0 0 3px 20px;
 color:#f9f9f9;
 background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232486.png)  no-repeat 0 2px;
}

/*///////////////////     ////////////////////////////
                       lastest blog  box
///////////////////     /////////////////////////////*/

#lastest{
  margin:0 0 10px 10px;
  width:255px;
}

#lastest_top{
  background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232291.png);
  height:55px;
  margin:0 0 10px 0;
}

#lastest_middle{

}

#lastest_bottom{
}

#list_lastest ul {
 margin: 0 0 0 20px;
 padding: 0 0 5px 0;
 list-style-type: none;
 color:#f9f9f9;
}

#list_lastest li{
 padding:0 0 3px 20px;
 color:#f9f9f9;
 background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232486.png)  no-repeat 0 2px;
}

/*///////////////////     ////////////////////////////
                   gallery  box
///////////////////     /////////////////////////////*/

#gallery{
  margin:0 0 10px 10px;
  width:255px;
}

#gallery_top{
  background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232294.png);
  height:55px;
}

#gallery_middle{
}

#gallery_bottom{
}

/*///////////////////     ////////////////////////////
                   video box
///////////////////     /////////////////////////////*/

#video{
  margin:0 0 10px 10px;
  width:255px;
}

#video_top{
  background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232295.png);
  height:55px;
}

#video_middle{
}

#video_bottom{
}

/*///////////////////     ////////////////////////////
                   archive  box
///////////////////     /////////////////////////////*/

#archive{
  margin:0 0 10px 10px;
  width:255px;
}

#archive_top{
  background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232293.png);
  height:55px;
  margin:0 0 10px 0;
}

#archive_middle{
}

#archive_bottom{
}

#list_archives ul {
 margin: 0 0 0 20px;
 padding: 0 0 5px 0;
 list-style-type: none;
 color:#f9f9f9;
}

#list_archives li{
 padding:0 0 8px 20px;
 color:#f9f9f9;
 background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232486.png)  no-repeat 0 2px;

}

/*///////////////////     ////////////////////////////
                   archive  vote
///////////////////     /////////////////////////////*/

#vote{
  margin:0 0 10px 10px;
  width:232px;
}

#vote_top{
  background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/24946/images/221663.gif);
  height:55px;
}

#vote_middle{
}

#vote_bottom{
}

#list_vote{
 overflow:hidden;
    color:#f9f9f9;
}

#vote td,.poll th{
    color:#f9f9f9;
}

/*///////////////////     ////////////////////////////
                  calendar
///////////////////     /////////////////////////////*/

.calendar {
 width:75%;
 height:150px;
 border:1px solid #CCCCCC;
 background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/25288/images/224975.gif);
 }

.calendarHeader { 
    color: #000000;
 padding-top:5px;
  }

.calendarHeaderL { 
    color: #666666;
    font-weight: bold;
 padding-top:5px;
 background:#00000;
  }

.calendarHeaderL a:link,.calendarHeaderL a:visited{ 
   color:#00000;
}

.calendarToday {
     font-weight: bold;
  color: #ffffff;
     padding-right:5px;
}

 .calendarDate{
    padding-right:5px;
    color: #ffffff;
}

/*///////////////////     ////////////////////////////
                  menu tab blog  gallery video ที่เลือก section
///////////////////     /////////////////////////////*/

/*tab blog */
#menu_tab_blog{
     background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232349.png) no-repeat;
     height:55px;
     width:198px;
  float:left;
}

#menu_tab_blog_over{
     background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232349.png) no-repeat;
     height:55px;
     width:198px;
  float:left;
}

/*tab gallery */
#menu_tab_gallery{
     background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232350.png) no-repeat;
     height:55px;
     width:295px;
  float:left;
}
#menu_tab_gallery_over{
     background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232350.png) no-repeat;
     height:55px;
     width:295px;
  float:left;
}

/*tab video*/
#menu_tab_video{
     background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232351.png) no-repeat;
     height:55px;
     width:240px;
  float:left;
}

#menu_tab_video_over{
     background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232351.png) no-repeat;
     height:55px;
     width:240px;
  float:left;
}

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

/* ความกว้างข้อมูลตรงกลาง*/
#center_data{
       width:710px;
    margin:0 0 0 10px;
    overflow:hidden;
}

#img_preview{
  border:2px solid #545353;
}

/* หัวข้อ blog */
#blog_topic {
 font-size: 16px;
 font-weight: bold;
 color: #ffffff;
 background: url(http://www.oknation.net/blog/home/css/images/type1/title.gif) no-repeat;
}

/* วันที่เขียน blog */
#blog_date{
 padding: 0 0 0 26px;
 font-size: 18px;
 font-weight: bold;
 color: #ffffff;
 background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/26078/images/232486.png) no-repeat;
 margin:15px 0 15px 0;
}

/* วันที่โพสอัลบั้ม */
#album_date{
 font-size: 18px;
 font-weight: bold;
 color: #ffffff;
 margin:15px 0 15px 0;
}

/*โพสโดยใคร*/
#post_by{
   color:#ffffff;
}

#post_by a:link,#post_by a:visited{
  color:#ffffff;
}

/* หมวดที่โพส */
#post_cate{
 font-size: 12px;
 color: #ffffff;
}

#post_cate a:link,#post_cate a:visited,#post_more a:link,#post_more a:visited{
    color: #ffffff;
}

/* สีลิงค์อ่านต่อ */
#post_more{
    color:#ffffff;
 text-align:right;
}

/* รายละเอียดการเขียน blog  */
#blog_data,#blog_data td{
 font-size: 13px;
 line-height: 18px;
 color:#ffffff;
}

.blog_center_data td{
     width:720px;
                word-wrap:break-word;
}

.blog_doted{
    height:1px;
    background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/24946/images/221186.gif);
 margin:0 0 10px 0;
}

/*เส้นคั่นแต่ละ topic */
.dash_cate{
    height:1px;
    background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/25591/images/227640.gif);
 margin:0 0 20px 0;
 width:95%;
}

/* ลิงค์กด ไป คอมเมนต์ */
#blog_comment{
    margin: 0 0 10px 0;
 color:#ffffff;
 text-align:right;
}

#blog_comment a:link,#blog_comment a:visited{
    color: #ffffff;
}

#blog_comment a:hover{
                color: #ffffff;
}

/*--- คอมเมนต์ที่1 และ 2 ---*/
.comment_border{
    border: 1px dotted #e0e4e4;
 margin:0 0 10px 0;
 width:100%;
}

.comment_topic1{
    background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/24932/images/221114.png);
 margin-bottom:14px;
 width:100%;
}

.comment_topic2{
    background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/24932/images/221114.png);
 margin-bottom:14px;
 width:100%;
}

.comment_detail{
    width:100%;
}
.comment_detail td{
   color#f9f9f9;
   width:715px;
   word-wrap:break-word;
}

#submit_comment{
   width:100px;
   height:100px;
   background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/25288/images/224003.gif) no-repeat;
   border:0px;
}

/*อัลบั้ม รูป , video*/
.album_bg,.video_bg{
   background:#FFFF99;
}

/*สีขอบรูป*/
.border_img{
   border:2px solid #625f62;
}

.border_img_list{
  margin:2px;
}

/*background รูป*/
.album_bg_list{
  border:1px solid #545353;
}

 /*ความกว้างแต่ละกรอบรูป*/
#table_album{
    width:185px;
}

#table_album td{
    color:#666666;
}

#table_album_inner td{
  background:#545353;
  padding:3px;
  border:1px solid #545353;
}

.album_name{
 color:#f9f9f9;
 font-size:16px;
}

/*ปุ่ม home album*/
#album_home{
  background: url(http://www.oknation.net/blog/home/css/images/type9/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/type9/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/type9/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/type9/btn_next.gif) no-repeat;
  width:21px;
  height:21px;
  border:0px;
}

/*ปุ่ม vote */
#votebt{
  background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/24946/images/221663.gif) no-repeat;
  width:50px;
  height:50px;
  border:0px;
}

/* video กรอบ video และ bg */
#video_list_table{
  border-left:1px solid #cccccc;
  border-top:1px solid #cccccc;
}

#video_list_table td{
  border-bottom:1px solid #cccccc;
  border-right:1px solid #cccccc;
}

#table_video{
    width:185px;
}

#table_video td{
    color:#f9f9f9;
}

#table_video_inner td{
  background:#797a7a;
  padding:3px;
}
.video_name{
 color:#f9f9f9;
 font-size:16px;
}