ต้องเลือกTemplateตัวสุดท้ายที่ระบบให้มาก่อนน่ะครับ
//*/////////////////// ////////////////////////////
layout ของ ตัวหน้าเวบ
/////////////////// /////////////////////////////
/* ---------------------- ส่วนของ body หน้าเวบ ---------------------- */
body {
margin:0;
padding:0;
text-align:center;
background:#000000;
}
/* ---------------------- ครอบเนื้อหาทั้งหมด ----------- */
#container {
margin:auto;
width:1004px;
text-align: left;
background:#000000;
}
/*---------------------- ลิงค์ตัวอักษรทั้งหน้า ---------------------- */
div a:link,td a:link,body a:link{
color: #fccd12;
text-decoration:none;
}
div a:visited,td a:visited,body a:visited{
color: #fccd12;
text-decoration:none;
}
div a:hover,td a:hover,body a:hover{
color: #fccd12;
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 :280px;
text-align:left;
background:#000000 url(http://www.oknation.net/blog/home/album_data/611/14611/album/26617/images/237810.gif) 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:90 0 0 650px;
}
/* กล่อง descripttion blog */
#description_blog{ }
/* ชื่อ blog ใน description */
#blog_name{
font-size: 20px;
color:#ec886c;
font-weight:Bold;
margin:0 0 5px 0;
}
/* รายละเอียด description*/
#blog_desc{
color:#ec886c;
}
/* description link*/
#blog_desc a:link,#blog_desc a:visited{
color:#ec886c;
}
/*-----------------------ส่วนของ search ด้านบนของหน้า------------------------------- */
#header_search{
height :39px;
text-align:left;
background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26613/images/237555.png);
}
/*วันที่ ด้านบน */
#search_date{
width:228px;
float:left;
color:#fccd12;
padding:10px 0 0 45px;
}
/* ฟอร์ม search */
#search_form{
padding:6px 0 0 0;
width:350px;
float:left;
color:#fccd12;
text-align:center;
}
/* ลิงค์ สร้าง blog ติดต่อเรา */
#search_login{
width:310px;
float:left;
color:#fccd12;
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: #fccd12;
text-decoration:none;
}
#header_search a:hover{
color: #fccd12;
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:10px 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:10px 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:10px 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/26613/images/237554.png);
height:184px;
}
/*/////////////////// ////////////////////////////
ส่วน column ด้านซ้าย
/////////////////// /////////////////////////////*/
#left_column {
background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/26588/images/237312.png); repeat-x;
width:262px;
float:left;
overflow:hidden;
}
/*/////////////////// ////////////////////////////
ส่วน ส่วน center
/////////////////// /////////////////////////////*/
#center_column{
background:url(0) 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:#70706d;
background:url(0);
}
#center_column_footer{
width:726px;
height:0px;
background:url() no-repeat;
}
/*/////////////////// ////////////////////////////
ส่วน column ด้านขวา
/////////////////// /////////////////////////////*/
#right_column{
width:0px;
}
/*/////////////////// ////////////////////////////
about me box
/////////////////// /////////////////////////////*/
#about_me{
margin:0 0 5px 13px;
width:232px;
}
#about_me_top{
background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26617/images/237557.png);
height:55px;
}
#about_me_middle{
}
#about_me_bottom{
}
#about_me_icon{
background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26577/images/237196.png) no-repeat;
height:26px;
padding:8px 0 0 30px;
}
}
#about_me ul {
list-style-type: none;
color:#fccd12;
margin:0 0 0 10px;
padding:0px;
}
#about_me li{
margin:0 0 3px 0;
}
/*/////////////////// ////////////////////////////
category box
/////////////////// /////////////////////////////*/
#category{
margin:0 0 5px 13px;
width:232px;
}
#category_top{
background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26617/images/237558.png);
height:63px;
}
#category_middle{
}
#category_bottom{
}
#list_category ul {
margin: 0 0 0 20px;
padding: 0 0 5px 0;
list-style-type: none;
color:#fccd12;
}
#list_category li{
padding:0 0 3px 20px;
color:#fccd12;
background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/26577/images/237197.png) no-repeat 0 2px;
}
/*/////////////////// ////////////////////////////
favorites link box
/////////////////// /////////////////////////////*/
#favorite{
margin:0 0 5px 13px;
width:232px;
}
#favorite_top{
background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26617/images/237559.png);
height:63px;
}
#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:#fccd12;
}
#list_links li{
padding:0 0 3px 20px;
color:#fccd12;
background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/26577/images/237197.png) no-repeat 0 2px;
}
/*/////////////////// ////////////////////////////
favorites friend box
/////////////////// /////////////////////////////*/
#friend{
margin:0 0 5px 13px;
width:232px;
}
#friend_top{
background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26617/images/237561.png);
height:63px;
}
#friend_middle{
}
#friend_bottom{
}
#list_friend ul {
margin: 0 0 0 20px;
padding: 0 0 5px 0;
list-style-type: none;
color:#fccd12;
}
#list_friend li{
padding:0 0 3px 20px;
color:#fccd12;
background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/26577/images/237197.png) no-repeat 0 2px;
}
/*/////////////////// ////////////////////////////
lastest blog box
/////////////////// /////////////////////////////*/
#lastest{
margin:0 0 5px 13px;
width:232px;
}
#lastest_top{
background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26617/images/237560.png);
height:63px;
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:#fccd12;
}
#list_lastest li{
padding:0 0 3px 20px;
color:#fccd12;
background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/26577/images/237197.png) no-repeat 0 2px;
}
/*/////////////////// ////////////////////////////
gallery box
/////////////////// /////////////////////////////*/
#gallery{
margin:0 0 5px 13px;
width:232px;
}
#gallery_top{
background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26617/images/237563.png);
height:63px;
}
#gallery_middle{
}
#gallery_bottom{
}
/*/////////////////// ////////////////////////////
video box
/////////////////// /////////////////////////////*/
#video{
margin:0 0 5px 13px;
width:232px;
}
#video_top{
background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26617/images/237564.png);
height:63px;
}
#video_middle{
}
#video_bottom{
}
/*/////////////////// ////////////////////////////
archive box
/////////////////// /////////////////////////////*/
#archive{
margin:0 0 5px 13px;
width:232px;
}
#archive_top{
background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26617/images/237562.png);
height:63px;
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:#fccd12;
}
#list_archives li{
padding:0 0 8px 20px;
color:#fccd12;
background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/26577/images/237197.png) no-repeat 0 2px;
}
/*/////////////////// ////////////////////////////
archive vote
/////////////////// /////////////////////////////*/
#vote{
margin:0 0 5px 13px;
width:232px;
}
#vote_top{
background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/24946/images/221663.gif);
height:63px;
}
#vote_middle{
}
#vote_bottom{
}
#list_vote{
overflow:hidden;
color:#fccd12;
}
#vote td,.poll th{
color:#fccd12;
}
/*/////////////////// ////////////////////////////
calendar
/////////////////// /////////////////////////////*/
.calendar {
width:75%;
height:150px;
border:1px solid #CCCCCC;
background:url(http://www.oknation.net/blog/home/album_data/611/14611/album/26577/images/237186.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: #fccd12f;
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/26613/images/237508.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/26613/images/237508.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/26613/images/237509.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/26613/images/237509.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/26613/images/237510.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/26613/images/237510.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: #fccd12;
background: url(0) no-repeat;
}
/* วันที่เขียน blog */
#blog_date{
padding: 0 0 0 26px;
font-size: 18px;
font-weight: bold;
color: #fccd12;
background: url(http://www.oknation.net/blog/home/album_data/611/14611/album/26577/images/237197.png) no-repeat;
margin:15px 0 15px 0;
}
/* วันที่โพสอัลบั้ม */
#album_date{
font-size: 18px;
font-weight: bold;
color: #fccd12;
margin:15px 0 15px 0;
}
/*โพสโดยใคร*/
#post_by{
color:#fccd12;
}
#post_by a:link,#post_by a:visited{
color:#fccd12;
}
/* หมวดที่โพส */
#post_cate{
font-size: 12px;
color: #fccd12;
}
#post_cate a:link,#post_cate a:visited,#post_more a:link,#post_more a:visited{
color: #fccd12;
}
/* สีลิงค์อ่านต่อ */
#post_more{
color:#fccd12;
text-align:right;
}
/* รายละเอียดการเขียน blog */
#blog_data,#blog_data td{
font-size: 13px;
line-height: 18px;
color:#fccd12;
}
.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:#fccd12;
text-align:right;
}
#blog_comment a:link,#blog_comment a:visited{
color: #fccd12;
}
#blog_comment a:hover{
color: #fccd12;
}
/*--- คอมเมนต์ที่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/26617/images/237836.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:#ffffff;
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:#fccd12;
font-size:16px;
}