ѹ ѧ Ҥ 2551

˹ҹ | ٺ͡ OKnation

 

ᨡ!!! Template Ѻǡͧ


Ҿҧ

ͧ١͹Ѻ ôԵ ФѺ ¡ԡ CSS СѺTemplate Default ѹդѺ ӢѺ Bloger Ǻҹͧ èй¹Header ҵ㨪ͺ¤Ѻ Ըաùҡ ͡Template Ẻ9(Happy New Year) ҡ鹡ͻ鴢ͧ ҧ᷹鴢ͧҹ ѹ֡·ѹդѺ

鹵͹͸Ժ¾ٻҾ
1.͡Template Ẻ9 (Happy New Year) ǡ ѹ֡Ѻ
001

2.͡ CSS ѧٻѺ
002

3.Drag ͻ鴷 Blog ФѺ
003

4. Paste ᷹鴷ͧҹФѺ
004

5.ѹ֡ФѺ Template ǤѺ
005

.ҡùջѭҵç˹ 鹵ФѺ ͺسѺ

------÷ѴѴ仹ФѺ------

/*/////////////////// ////////////////////////////
layout ͧ ˹Ǻ
/////////////////// /////////////////////////////

/* ---------------------- ǹͧ body ˹Ǻ ---------------------- */

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

/* ---------------------- ͺҷ ----------- */
#container {
margin:auto;
width:1004px;
text-align: left;
background:#e0cfa1;
}


/*---------------------- ԧѡ÷˹ ---------------------- */

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

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

div a:hover,td a:hover,body a:hover{
color: #000000;
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:#b20707;
}
.permalink a:link,.permalink a:visited{
color:#b20707;
}
.permalink a:hover{
color:#000000;
}


/*/////////////////// ////////////////////////////
header ˹Ǻ
/////////////////// /////////////////////////////

/* ǹͧ header */
#header {
height :350px;
text-align:left;
background:#e0cfa1 url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/Header.jpg) no-repeat;
}

/* ǹͧ logo Ǻ*/
#header_logo{
width:255px;
height :110px;
float:left;
}

/* ǹͧ banner ҹ */
#header_banner{
width:728px;
height:90px;
float:left;
margin:1px 0 0 0;
}

/* ǹͧ description ҹ */
#header_description{
margin:0 0 0 150px;
}

/* ͧ descripttion blog */
#description_blog{ }

/* blog description */
#blog_name{
font-size: 20px;
color:#b20707;
font-weight:bold;
margin:0 0 10px 0;
}

/* ´ description*/
#blog_desc{
font-size: 12px;
color:#b20707;
}

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

/*-----------------------ǹͧ search ҹͧ˹------------------------------- */

#header_search{
height :39px;
text-align:left;
background:#000000;
}

/*ѹ ҹ */
#search_date{
width:228px;
float:left;
color:#FFFFFF;
padding:15px 0 0 10px;
}

/* 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/blog_data/309/29309/images/000CSSpolitic/btn_go.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(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/parti_top_mnu.gif) no-repeat;
float:right;
}

/*/////////////////// ////////////////////////////
footer ˹Ǻ
/////////////////// /////////////////////////////*/

#footer{
background:#e0cfa1;
height:100px;
}


/*/////////////////// ////////////////////////////
ǹ column ҹ
/////////////////// /////////////////////////////*/


#left_column {
background:#e0cfa1;
width:262px;
float:left;
overflow:hidden;
}

/*/////////////////// ////////////////////////////
ǹ ǹ center
/////////////////// /////////////////////////////*/

#center_column{
background:#e0cfa1;
float:left;
width:728px;
overflow:hidden;
margin:0 0 10px 0;
}

/*/////////////////// ////////////////////////////
ǹ ŷçҧ˹
/////////////////// /////////////////////////////*/

#center_column_menu{

}

#center_column_header{
width:726px;
height:21px;
background:#ede3c7;
}

#center_column_data{
background:#ede3c7;
width:726px;
}

#center_column_footer{
width:726px;
height:21px;
background:#ede3c7;
}


/*/////////////////// ////////////////////////////
ǹ column ҹ
/////////////////// /////////////////////////////*/

#right_column{
width:0px;
}


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

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

#about_me_top{
background:url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/Aboutme.gif);
height:35px;
}

#about_me_middle{

}

#about_me_bottom{
}


#about_me_icon{
background:url(http://www.oknation.net/blog/home/css/images/type7/icon_human.gif) no-repeat;
height:21px;
padding:8px 0 0 25px;
}


#about_me_img{
border:5px solid #e0cfa1;
}

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

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


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

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

#category_top{
background:url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/Classified.gif);
height:35px;
}

#category_middle{
}

#category_bottom{
}


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

#list_category li{
padding:0 0 3px 18px;
color:#000000;
background: url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/heart_icon.gif) no-repeat 0 2px;
}


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

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

#favorite_top{
background:url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/Favorite.gif);
height:35px;
}

#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:#000000;
}

#list_links li{
padding:0 0 3px 18px;
color:#000000;
background: url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/heart_icon.gif) no-repeat 0 2px;
}

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


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

#friend_top{
background:url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/FriendBolg.gif);
height:35px;
}

#friend_middle{
}

#friend_bottom{
}

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

#list_friend li{
padding:0 0 3px 18px;
color:#000000;
background: url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/heart_icon.gif) no-repeat 0 2px;
}


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

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

#lastest_top{
background:url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/10LastStories.gif);
height:35px;
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:#000000;
}

#list_lastest li{
padding:0 0 3px 18px;
color:#000000;
background: url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/heart_icon.gif) no-repeat 0 2px;
}


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

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

#gallery_top{
background:url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/Gallery.gif);
height:63px;
}

#gallery_middle{
}

#gallery_bottom{
}

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

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

#video_top{
background:url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/Video.gif);
height:63px;
}

#video_middle{
}

#video_bottom{
}

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

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

#archive_top{
background:url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/OldStories.gif);
height:35px;
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:#000000;
}

#list_archives li{
padding:0 0 8px 18px;
color:#000000;
background: url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/heart_icon.gif) no-repeat 0 2px;

}

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

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

#vote_top{
background:url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/hdr_vote.gif);
height:55px;
}

#vote_middle{
}

#vote_bottom{
}


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

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


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

.calendar {
width:75%;
height:150px;
border:1px solid #000000;
background:#FFFFFF;
}


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


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

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

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


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

/*/////////////////// ////////////////////////////
menu tab blog gallery video ͡ section
/////////////////// /////////////////////////////*/


/*tab blog */
#menu_tab_blog{
background:url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/Blog.gif);
height:63px;
width:232px;
float:left;
}

#menu_tab_blog_over{
background:url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/Blog.gif);
height:63px;
width:232px;
float:left;
}


/*tab gallery */
#menu_tab_gallery{
background:url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/Gallery.gif);
height:63px;
width:232px;
float:left;
}
#menu_tab_gallery_over{
background:url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/Gallery.gif);
height:63px;
width:232px;
float:left;
}

/*tab video*/
#menu_tab_video{
background:url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/Video.gif);
height:63px;
width:232px;
float:left;
}

#menu_tab_video_over{
background:url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/Video.gif);
height:63px;
width:232px;
float:left;
}

/*/////////////////// ///////////////////////////////
ǹ´ͧ͡¹
/////////////////// ///////////////////////////////*/

/* ҧŵçҧ*/
#center_data{
width:710px;
margin:0 0 0 10px;
overflow:hidden;
}

#img_preview{
border:20px solid #000000;
}

/* Ǣ blog */
#blog_topic {
font-size: 16px;
font-weight: bold;
color: #b20707;
background: url(http://www.oknation.net/blog/home/css/images/type1/title.gif) no-repeat;
}

/* ѹ¹ blog */
#blog_date{
padding: 0 0 0 22px;
font-size: 18px;
font-weight: bold;
color: #271A12;
background: url(http://www.oknation.net/blog/home/blog_data/309/29309/images/000CSSpolitic/icon_sun.gif) no-repeat;
margin:15px 0 15px 0;
}

/* ѹź */
#album_date{
font-size: 18px;
font-weight: bold;
color: #271A12;
margin:15px 0 15px 0;
}

/**/
#post_by{
color:#271A12;
}

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

/* Ǵ */
#post_cate{
font-size: 12px;
color: #b20707;
}

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

/* ԧҹ */
#post_more{
color:#197804;
text-align:right;
}

/* ´¹ blog */
#blog_data,#blog_data td{
font-size: 13px;
line-height: 18px;
color:#000000;
}

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

.blog_doted{
height:1px;
background: url(http://www.oknation.net/blog/home/css/images/type9/dot_hor_content.gif);
margin:0 0 10px 0;
}

/*鹤 topic */
.dash_cate{
height:1px;
background: url(http://www.oknation.net/blog/home/css/images/type1/dot_hor.gif);
margin:0 0 2px 0;
width:95%;
}

/* ԧ존 */
#blog_comment{
margin: 0 0 10px 0;
color:#FF6C00;
text-align:right;
}

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

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


/*--- 1 2 ---*/
.comment_border{
border: 1px dotted #197804;
margin:0 0 10px 0;
width:100%;
}

.comment_topic1{
background:#e0cfa1;
margin-bottom:14px;
width:100%;
}

.comment_topic2{
background:#e0cfa1;
margin-bottom:14px;
width:100%;
}

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

#submit_comment{
width:102px;
height:26px;
background: url(http://www.oknation.net/blog/home/css/images/type1/btn_send.gif) no-repeat;
border:0px;
}

/*ź ٻ , video*/
.album_bg,.video_bg{
background:#e0cfa1;
}

/*բͺٻ*/
.border_img{
border:2px solid #e0cfa1;
}

.border_img_list{
margin:2px;
}

/*background ٻ*/
.album_bg_list{
border:1px solid #FFFFFF;
}

/*ҧСͺٻ*/
#table_album{
width:185px;
}

#table_album td{
color:#666666;
}


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


.album_name{
color:#000000;
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/css/images/type9/btn_vote.gif) no-repeat;
width:49px;
height:21px;
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:#666666;
}

#table_video_inner td{
background:#FFFFFF;
padding:3px;
}
.video_name{
color:#666666;
font-size:16px;
}

پѡѡ

 

Ѻ价 www.oknation.net