*/
  • สุวิริโย
  • ranking : สมาชิกทั่วไป
  • email : Suwiriyo@gmail.com
  • วันที่สร้าง : 2007-09-28
  • จำนวนเรื่อง : 2117
  • จำนวนผู้ชม : 3398489
  • จำนวนผู้โหวต : 1208
  • ส่ง msg :
  • โหวต 1208 คน
พิทบูลไปซื้อของร้านค้า

วัดชุมแสง ต.ทุ่งระยะ อ.สวี จ.ชุมพร

View All
<< เมษายน 2009 >>
อา พฤ
      1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30    

[ Add to my favorite ] [ X ]


คุณสนใจเรื่องที่เกี่ยวข้องกับอะไรในบล็อกนี้?
หลักธรรมและข่าวในแวดวงศาสนา
29 คน
ข่าวสารบ้านเมืองปัจจุบัน
12 คน
คลิปเรื่องราวของสัตว์นานาชนิด
3 คน
วิธีการแต่งบล็อก
6 คน
เทคนิคการแต่งภาพโฟโตชอป
22 คน
เกี่ยวกับสัตว์เลี้ยง
10 คน

  โหวต 82 คน
วันศุกร์ ที่ 24 เมษายน 2552
Posted by สุวิริโย , ผู้อ่าน : 3078 , 03:58:13 น.  
หมวด : วิทยาศาสตร์/ไอที

พิมพ์หน้านี้
โหวต 0 คน

theme ในรูปแบบที่ 1 ที่เป็นรูปแบบของ oknation

theme ในรูปแบบที่ 1 ที่ทำการปรับแต่ง css (Cascading Style Sheets)ในแบบของเราเอง รูปลักษณ์จะออกมาเป็นอย่างไรก็ขึ้นอยู่กับการหาภาพมาลงแทนที่ภาพที่มีอยู่เดิม ถือเป็นลำดับแรกที่เราสามารถเรียนรู้ได้ไม่ยาก หากมีความสามารถในการแต่งภาพด้วยตนเอง รูปแบบที่ออกมาจะมีเอกลักษณ์เฉพาะตนไม่ซ้ำใคร สำหรับผู้ที่ไม่เคยแต่งภาพด้วยโปรแกรมแต่งภาพเลย คงต้องใช้เวลาในการเรียนรู้พอสมควร

ในส่วนของการปรับเปลี่ยนรูปแบบโครงสร้าง css โดยรวมเข้าไปศึกษาได้ที่ link นี้ http://www.divland.com/blog/category/css-templates/

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

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

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

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

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

body {

margin:0;

padding:0;

text-align:center;

background:#FFFFFF;

}

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

#container {

margin:auto;

width:1004px;

text-align: left;

}

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

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

color: #CB5406;

text-decoration:none;

}

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

color: #CB5406;

text-decoration:none;

}

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

color: #FF9900;

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:#E66713;

}

.blue{

color:#3051BA;

}

.cyan{

color:#386E94;

}

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

header ตัวหน้าเวบ

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

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

#header {

height :110px;

text-align:left;

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

}

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

#header_logo{

margin:10px 0 0 0;

width:268px;

height :100px;

float:left;

background:url(http://www.oknation.net/blog/home/css/images/type1/logo.gif) no-repeat 30px 0;

}

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

#header_banner{

width:728px;

height:90px;

float:left;

margin:10px 0 0 0;

}

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

#header_search{

height :35px;

text-align:left;

background:#CB5406;

margin:0 0 10px 0;

}

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

#search_date{

width:228px;

float:left;

color:#FFFFFF;

padding:10px 0 0 10px;

}

/* ฟอร์ม search */

#search_form{

width:456px;

float:left;

color:#FFFFFF;

padding:5px 0 0 0;

text-align:center;

}

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

#search_login{

width:310px;

float:left;

color:#FFFFFF;

text-align:right;

}

.btsearch{

border:0px;

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

height:21px;

width:21px;

cursor:hand;

}

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

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

color: #FFFFFF;

text-decoration:none;

}

#header_search a:hover{

color: #FF9900;

text-decoration:none;

}

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

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

#menu_create{

background:url(http://www.oknation.net/blog/home/css/images/type1/icon_build.gif) no-repeat 0 10px;

height:35px;

float:right;

padding:10px 0 0 17px;

}

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

#menu_about{

background:url(http://www.oknation.net/blog/home/css/images/type1/icon_about.gif) no-repeat 0 10px;

height :35px;

float:right;

padding:10px 0 0 16px;

}

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

#menu_contact{

background:url(http://www.oknation.net/blog/home/css/images/type1/icon_contact.gif) no-repeat 0 13px;

height :35px;

float:right;

padding:10px 0 0 16px;

}

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

.menu_partition{

width:16px;

height:35px;

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

float:right;

}

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

footer ตัวหน้าเวบ

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

#footer{

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

height:35px;

}

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

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

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

#left_column {

width:230px;

float:left;

overflow:hidden;

}

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

ส่วน ส่วน center

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

#center_column{

float:left;

width:543px;

overflow:hidden;

margin:0 0 10px 0;

}

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

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

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

#center_column_menu{

}

#center_column_data{

border-left:1px solid #F5BA89;

border-right:1px solid #F5BA89;

background:#F4EAE1;

}

#center_column_footer{

height:28px;

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

}

/* descripttion blog */

#description_blog{

background:#F6DEC6 url(http://www.oknation.net/blog/home/css/images/type1/bg_blogname.gif) repeat-x;

padding:20px;

}

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

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

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

#right_column{

width:230px;

float:left;

overflow:hidden;

}

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

about me box

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

#about_me{

margin:0 0 10px 10px;

width:210px;

}

#about_me_top{

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

height:35px;

}

#about_me_middle{

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

}

#about_me_bottom{

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

height:28px;

}

#about_me_icon{

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

height:21px;

padding:8px 0 0 16px;

}

#about_me_img{

border:5px solid #EEE0D5;

}

#about_me ul {

list-style-type: none;

color:#CB5406;

margin:0 0 0 10px;

padding:0px;

}

#about_me li{

margin:0 0 3px 0;

}

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

category box

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

#category{

margin:0 0 10px 10px;

width:210px;

}

#category_top{

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

height:35px;

}

#category_middle{

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

}

#category_bottom{

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

height:28px;

}

#list_category ul {

margin: 0 0 0 20px;

padding: 0 0 5px 0;

list-style-type: none;

color:#CB5406;

}

#list_category li{

padding:0 0 3px 18px;

color:#CB5406;

background: url(http://www.oknation.net/blog/home/css/images/type1/icon_mainmenu.gif) no-repeat 0 2px;

}

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

lastest blog box

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

#lastest{

margin:0 0 10px 10px;

width:210px;

}

#lastest_top{

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

height:35px;

}

#lastest_middle{

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

}

#lastest_bottom{

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

height:28px;

}

#list_lastest ul {

margin: 0 0 0 20px;

padding: 0 0 5px 0;

list-style-type: none;

color:#CB5406;

}

#list_lastest li{

padding:0 0 3px 18px;

color:#CB5406;

background: url(http://www.oknation.net/blog/home/css/images/type1/icon_mainmenu.gif) no-repeat 0 2px;

}

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

favorites link box

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

#favorite{

margin:0 0 10px 10px;

width:210px;

}

#favorite_top{

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

height:35px;

}

#favorite_middle{

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

word-wrap: break-word;

}

#favorite_bottom{

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

height:28px;

}

#list_links ul {

margin: 0 0 0 20px;

padding: 0 0 5px 0;

list-style-type: none;

color:#CB5406;

}

#list_links li{

padding:0 0 3px 18px;

color:#CB5406;

background: url(http://www.oknation.net/blog/home/css/images/type1/bulet_blue.gif) no-repeat 0 2px;

}

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

favorites friend box

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

#friend{

margin:0 0 10px 10px;

width:210px;

}

#friend_top{

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

height:35px;

}

#friend_middle{

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

}

#friend_bottom{

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

height:28px;

}

#list_friend ul {

margin: 0 0 0 20px;

padding: 0 0 5px 0;

list-style-type: none;

color:#CB5406;

}

#list_friend li{

padding:0 0 3px 18px;

color:#CB5406;

background: url(http://www.oknation.net/blog/home/css/images/type1/bulet_blue.gif) no-repeat 0 2px;

}

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

gallery box

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

#gallery{

margin:0 0 10px 10px;

width:210px;

}

#gallery_top{

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

height:35px;

}

#gallery_middle{

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

}

#gallery_bottom{

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

height:28px;

}

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

video box

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

#video{

margin:0 0 10px 10px;

width:210px;

}

#video_top{

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

height:28px;

}

#video_middle{

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

}

#video_bottom{

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

height:28px;

}

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

archive box

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

#archive{

margin:0 0 10px 10px;

width:210px;

}

#archive_top{

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

height:35px;

}

#archive_middle{

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

}

#archive_bottom{

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

height:28px;

}

#list_archives ul {

margin: 0 0 0 20px;

padding: 0 0 5px 0;

list-style-type: none;

color:#CB5406;

}

#list_archives li{

padding:0 0 8px 18px;

color:#CB5406;

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

}

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

archive vote

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

#vote{

margin:0 0 10px 10px;

width:210px;

}

#vote_top{

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

height:35px;

}

#vote_middle{

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

}

#vote_bottom{

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

height:28px;

}

#list_vote{

overflow:hidden;

color:#CB5406;

}

#vote td,.poll th{

color:#666666;

}

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

calendar

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

.calendar {

width:75%;

height:150px;

border:1px solid #CCCCCC;

}

.calendarHeader { 

color: #546698;

padding-top:5px;

}

.calendarHeaderL { 

color: #666666;

font-weight: bold;

padding-top:5px;

background:#EEEEEE;

}

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

color:#546698;

}

.calendarToday {

font-weight: bold;

color: #666666;

padding-right:5px;

}

.calendarDate{

padding-right:5px;

color: #666666;

}

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

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

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

/*tab blog */

#menu_tab_blog{

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

height:28px;

width:181px;

float:left;

}

#menu_tab_blog_over{

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

height:28px;

width:181px;

float:left;

}

/*tab gallery */

#menu_tab_gallery{

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

height:28px;

width:181px;

float:left;

}

#menu_tab_gallery_over{

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

height:28px;

width:181px;

float:left;

}

/*tab video*/

#menu_tab_video{

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

height:28px;

width:181px;

float:left;

}

#menu_tab_video_over{

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

height:28px;

width:181px;

float:left;

}

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

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

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

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

#center_data{

width:528px;

margin:0 0 0 10px;

overflow:hidden;

}

/* ชื่อ blog */

#blog_name{

font-size: 22px;

color:#000000;

font-weight:bold;

margin:0 0 10px 0;

}

/* blog description*/

#blog_desc{

color:#666666;

}

/* หัวข้อ blog */

#blog_topic {

font-size: 16px;

font-weight: bold;

color: #e66713;

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/css/images/type1/icon_clock.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:#e66713;

}

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

color:#e66713;

}

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

#post_cate{

font-size: 12px;

color: #3051BA;

}

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

color: #3051BA;

}

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

#post_more{

color:#3051BA;

text-align:right;

}

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

#blog_data,#blog_data td{

font-size: 13px;

line-height: 18px;

color:#666666;

}

.blog_center_data td{

width:518px;

word-wrap:break-word;

}

.blog_doted{

height:1px;

background: url(http://www.oknation.net/blog/home/css/images/type1/dot_hor_orenge.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:#e66713;

text-align:right;

}

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

color: #3051BA;

}

/*--- คอมเมนต์ที่1 และ 2 ---*/

.comment_topic1{

background:#F7E4D0;

margin-bottom:14px;

width:100%;

}

.comment_topic2{

background:#F7E4D0;

margin-bottom:14px;

width:100%;

}

.comment_detail{

width:100%;

}

.comment_detail td{

color:666666;

width:518px;

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:#F5BA89;

}

/*สีขอบรูป*/

.border_img{

border:2px solid #F5BA89;

}

.border_img_list{

margin:2px;

}

/*background รูป*/

.album_bg_list{

background:#FFFFFF;

border:1px solid #F5BA89;

}

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

#table_album{

width:185px;

}

#table_album td{

color:#666666;

}

#table_album_inner td{

background:#FFFFFF;

padding:3px;

border:1px solid #F5BA89;

}

.album_name{

background:#FFFFFF;

color:#CB5406;

font-size:16px;

}

/*ปุ่ม home album*/

#album_home{

background: url(http://www.oknation.net/blog/home/css/images/type1/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/type1/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/type1/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/type1/btn_next.gif) no-repeat;

width:21px;

height:21px;

border:0px;

}

/*ปุ่ม vote */

#votebt{

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

width:49px;

height:21px;

border:0px;

}

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

#table_video{

width:185px;

}

#table_video td{

color:#666666;

}

#table_video_inner td{

background:#2B231E;

padding:3px;

}

.video_name{

background:#FFFFFF;

color:#CB5406;

font-size:16px;

}

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

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

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

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

body {

margin:0;

padding:0;

text-align:center;

background-attachment: fixed;background-image:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/Manchester_United03.jpg);

}

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

#container {

margin:auto;

width:1004px;

text-align: left;

}

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

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

color: #040ABF;

text-decoration:none;

}

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

color: #040ABF;

text-decoration:none;

}

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

color: #FF9900;

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:#E66713;

}

.blue{

color:#3051BA;

}

.cyan{

color:#386E94;

}

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

header ตัวหน้าเวบ

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

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

#header {

height :377px;

text-align:left;

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/Manchester_United02.jpg);

}

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

#header_logo{

margin:10px 0 0 0;

width:268px;

height :120px;

float:left;

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/logo.gif) no-repeat 30px 0;

}

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

#header_banner{

width:728px;

height:90px;

float:left;

margin:10px 0 0 0;

}

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

#header_search{

height :35px;

text-align:left;

background:#a11700;

margin:0 0 10px 0;

}

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

#search_date{

width:228px;

float:left;

color:#FFFFFF;

padding:10px 0 0 10px;

}

/* ฟอร์ม search */

#search_form{

width:456px;

float:left;

color:#FFFFFF;

padding:5px 0 0 0;

text-align:center;

}

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

#search_login{

width:310px;

float:left;

color:#FFFFFF;

text-align:right;

}

.btsearch{

border:0px;

background: url(http://www.oknation.net/blog/home/blog_data/133/22133/images/explode_fire01.gif) no-repeat;

height:20px;

width:21px;

cursor:hand;

}

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

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

color: #FFFFFF;

text-decoration:none;

}

#header_search a:hover{

color: #FF9900;

text-decoration:none;

}

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

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

#menu_create{

background:url(http://www.oknation.net/blog/home/css/images/type1/icon_build.gif) no-repeat 0 10px;

height:35px;

float:right;

padding:10px 0 0 17px;

}

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

#menu_about{

background:url(http://www.oknation.net/blog/home/css/images/type1/icon_about.gif) no-repeat 0 10px;

height :35px;

float:right;

padding:10px 0 0 16px;

}

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

#menu_contact{

background:url(http://www.oknation.net/blog/home/css/images/type1/icon_contact.gif) no-repeat 0 13px;

height :35px;

float:right;

padding:10px 0 0 16px;

}

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

.menu_partition{

width:16px;

height:35px;

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/parti_top_mnu_Manchester.gif) no-repeat;

float:right;

}

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

footer ตัวหน้าเวบ

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

#footer{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/Manchester_United04.jpg);

height:247px;

}

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

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

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

#left_column {

width:230px;

float:left;

overflow:hidden;

}

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

ส่วน ส่วน center

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

#center_column{

float:left;

width:543px;

overflow:hidden;

margin:0 0 10px 0;

}

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

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

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

#center_column_menu{

}

#center_column_data{

border-left:1px solid none;

border-right:1px solid none;

background:none;

}

#center_column_footer{

height:28px;

background:url(none);

}

/* descripttion blog */

#description_blog{

background:none url(http://www.oknation.net/blog/home/blog_data/133/22133/images/Manchester_United.gif) repeat-x;

padding:90px;

}

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

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

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

#right_column{

width:230px;

float:left;

overflow:hidden;

}

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

about me box

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

#about_me{

margin:0 0 10px 10px;

width:210px;

}

#about_me_top{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/hdr_about_manchester.gif);

height:55px;

}

#about_me_middle{

background:url(none);

}

#about_me_bottom{

background:url(none);

height:28px;

}

#about_me_icon{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/explode_fire01.gif) no-repeat;

height:20px;

padding:5px 0 0 22px;

}

#about_me_img{

border:5px solid #EEE0D5;

}

#about_me ul {

list-style-type: none;

color:#CB5406;

margin:0 0 0 10px;

padding:0px;

}

#about_me li{

margin:0 0 3px 0;

}

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

category box

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

#category{

margin:0 0 10px 10px;

width:210px;

}

#category_top{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/hdr_menu.gif);

height:35px;

}

#category_middle{

background:url(none);

}

#category_bottom{

background:url(none);

height:28px;

}

#list_category ul {

margin: 0 0 0 20px;

padding: 0 0 5px 0;

list-style-type: none;

color:#CB5406;

}

#list_category li{

padding:0 0 3px 18px;

color:#CB5406;

background: url(http://www.oknation.net/blog/home/blog_data/133/22133/images/soccer9.gif) no-repeat 0 2px;

}

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

lastest blog box

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

#lastest{

margin:0 0 10px 10px;

width:210px;

}

#lastest_top{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/hdr_10latest.gif);

height:35px;

}

#lastest_middle{

background:url(none);

}

#lastest_bottom{

background:url(none);

height:28px;

}

#list_lastest ul {

margin: 0 0 0 20px;

padding: 0 0 5px 0;

list-style-type: none;

color:#CB5406;

}

#list_lastest li{

padding:0 0 3px 18px;

color:#CB5406;

background: url(http://www.oknation.net/blog/home/blog_data/133/22133/images/soccer9.gif) no-repeat 0 2px;

}

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

favorites link box

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

#favorite{

margin:0 0 10px 10px;

width:210px;

}

#favorite_top{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/hdr_favorite.gif);

height:35px;

}

#favorite_middle{

background:url(none);

word-wrap: break-word;

}

#favorite_bottom{

background:url(none);

height:28px;

}

#list_links ul {

margin: 0 0 0 20px;

padding: 0 0 5px 0;

list-style-type: none;

color:#CB5406;

}

#list_links li{

padding:0 0 3px 18px;

color:#CB5406;

background: url(http://www.oknation.net/blog/home/blog_data/133/22133/images/soccer9.gif) no-repeat 0 2px;

}

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

favorites friend box

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

#friend{

margin:0 0 10px 10px;

width:210px;

}

#friend_top{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/hdr_friend.gif);

height:35px;

}

#friend_middle{

background:url(none);

}

#friend_bottom{

background:url(none);

height:28px;

}

#list_friend ul {

margin: 0 0 0 20px;

padding: 0 0 5px 0;

list-style-type: none;

color:#CB5406;

}

#list_friend li{

padding:0 0 3px 18px;

color:#CB5406;

background: url(http://www.oknation.net/blog/home/blog_data/133/22133/images/soccer9.gif) no-repeat 0 2px;

}

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

gallery box

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

#gallery{

margin:0 0 10px 10px;

width:210px;

}

#gallery_top{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/hdr_gall.gif);

height:35px;

}

#gallery_middle{

background:url(none);

}

#gallery_bottom{

background:url(none);

height:28px;

}

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

video box

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

#video{

margin:0 0 10px 10px;

width:210px;

}

#video_top{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/hdr_vdo.gif);

height:35px;

}

#video_middle{

background:url(none);

}

#video_bottom{

background:url(none);

height:28px;

}

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

archive box

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

#archive{

margin:0 0 10px 10px;

width:210px;

}

#archive_top{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/hdr_archive.gif);

height:35px;

}

#archive_middle{

background:url(none);

}

#archive_bottom{

background:url(none);

height:28px;

}

#list_archives ul {

margin: 0 0 0 20px;

padding: 0 0 5px 0;

list-style-type: none;

color:#CB5406;

}

#list_archives li{

padding:0 0 8px 18px;

color:#CB5406;

background: url(http://www.oknation.net/blog/home/blog_data/133/22133/images/soccer9.gif) no-repeat;

}

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

archive vote

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

#vote{

margin:0 0 10px 10px;

width:210px;

}

#vote_top{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/hdr_vote.gif);

height:35px;

}

#vote_middle{

background:url(none);

}

#vote_bottom{

background:url(none);

height:28px;

}

#list_vote{

overflow:hidden;

color:#CB5406;

}

#vote td,.poll th{

color:#666666;

}

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

calendar

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

.calendar {

width:75%;

height:150px;

border:1px solid #CCCCCC;

}

.calendarHeader { 

color: #546698;

padding-top:5px;

}

.calendarHeaderL { 

color: #666666;

font-weight: bold;

padding-top:5px;

background:#EEEEEE;

}

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

color:#546698;

}

.calendarToday {

font-weight: bold;

color: #666666;

padding-right:5px;

}

.calendarDate{

padding-right:5px;

color: #666666;

}

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

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

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

/*tab blog */

#menu_tab_blog{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/hdr_blog.gif);

height:30px;

width:181px;

float:left;

}

#menu_tab_blog_over{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/hdr_blog_over.gif);

height:30px;

width:181px;

float:left;

}

/*tab gallery */

#menu_tab_gallery{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/hdr_gal.gif);

height:30px;

width:181px;

float:left;

}

#menu_tab_gallery_over{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/hdr_gal_over.gif);

height:30px;

width:181px;

float:left;

}

/*tab video*/

#menu_tab_video{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/hdr_clip.gif);

height:30px;

width:181px;

float:left;

}

#menu_tab_video_over{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/hdr_clip_over.gif);

height:30px;

width:181px;

float:left;

}

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

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

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

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

#center_data{

width:528px;

margin:0 0 0 10px;

overflow:hidden;

}

/* ชื่อ blog */

#blog_name{

font-size: 22px;

color:#000000;

font-weight:bold;

margin:0 0 10px 0;

}

/* blog description*/

#blog_desc{

color:#666666;

}

/* หัวข้อ blog */

#blog_topic {

font-size: 16px;

font-weight: bold;

color: #e66713;

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/css/images/type1/icon_clock.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:#e66713;

}

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

color:#e66713;

}

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

#post_cate{

font-size: 12px;

color: #3051BA;

}

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

color: #3051BA;

}

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

#post_more{

color:#3051BA;

text-align:right;

}

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

#blog_data,#blog_data td{

font-size: 13px;

line-height: 18px;

color:#666666;

}

.blog_center_data td{

width:518px;

word-wrap:break-word;

}

.blog_doted{

height:1px;

background: url(http://www.oknation.net/blog/home/css/images/type1/dot_hor_orenge.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:#e66713;

text-align:right;

}

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

color: #3051BA;

}

/*--- คอมเมนต์ที่1 และ 2 ---*/

.comment_topic1{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/Manchester_United05.gif);

margin-bottom:14px;

width:100%;

}

.comment_topic2{

background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/Manchester_United05.gif);

margin-bottom:14px;

width:100%;

}

.comment_detail{

width:100%;

}

.comment_detail td{

color:666666;

width:518px;

word-wrap:break-word;

}

#submit_comment{

width:142px;

height:150px;

background: url(http://www.oknation.net/blog/home/blog_data/133/22133/images/Manchester_United01.gif) no-repeat;

border:0px;

}

/*อัลบั้ม รูป , video*/

.album_bg,.video_bg{

background:#F5BA89;

}

/*สีขอบรูป*/

.border_img{

border:2px solid #F5BA89;

}

.border_img_list{

margin:2px;

}

/*background รูป*/

.album_bg_list{

background:#FFFFFF;

border:1px solid #F5BA89;

}

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

#table_album{

width:185px;

}

#table_album td{

color:#666666;

}

#table_album_inner td{

background:#FFFFFF;

padding:3px;

border:1px solid #F5BA89;

}

.album_name{

background:#FFFFFF;

color:#CB5406;

font-size:16px;

}

/*ปุ่ม home album*/

#album_home{

background: url(http://www.oknation.net/blog/home/css/images/type1/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/type1/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/type1/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/type1/btn_next.gif) no-repeat;

width:21px;

height:21px;

border:0px;

}

/*ปุ่ม vote */

#votebt{

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

width:49px;

height:21px;

border:0px;

}

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

#table_video{

width:185px;

}

#table_video td{

color:#666666;

}

#table_video_inner td{

background:#2B231E;

padding:3px;

}

.video_name{

background:#FFFFFF;

color:#CB5406;

font-size:16px;

}

แบบ css นี้สามารถคัดลอกนำไปวางแทนที่ css ในรูปแบบที่ 1 ได้เลย รูปแบบของบล็อกที่จะออกมาจะเป็นเหมือนในภาพด้านบน

มีข้อสงสัยสามารถถามได้หากทราบจะมีคำตอบให้(คำถามที่ไม่ยากเกินไป)


อ่านความคิดเห็น

ความคิดเห็นที่ 10 (0)
Unseen วันที่ : 20/10/2009 เวลา : 17.11 น.
http://oknation.nationtv.tv/blog/yuyuidea
nime

แจ่มเลย หลวง พี่ คราวหลัง จะได้ปรึกษาการแต่งบล๊อกจากหลวงพี่นะคะ

ความคิดเห็นที่ 9 (0)
สุวิริโย วันที่ : 24/07/2009 เวลา : 12.46 น.
http://oknation.nationtv.tv/blog/19
 พระภูธรกับบทกลอน, หลักธรรม, การเมือง, และเรื่องอื่นๆอีกมากมาย...

เป็นภาพของอาตมาเอง เจริญพร

ความคิดเห็นที่ 8 (0)
กายและใจ วันที่ : 24/07/2009 เวลา : 11.36 น.
http://oknation.nationtv.tv/blog/momam215

http://www.oknation.net/blog/home/blog_data/133/22133/images/parti_top_mnu_Manchester.gif)
หมายความว่าอย่างไร
ชื่อไฟล์ต่าง ๆ มาจากที่ไหนค่ะ

ความคิดเห็นที่ 7 (0)
กายและใจ วันที่ : 24/07/2009 เวลา : 11.31 น.
http://oknation.nationtv.tv/blog/momam215

ถ้าเป็นภาพของเราเองล่ะค่ะทำได้ปล่า

ความคิดเห็นที่ 6 (0)
pimyda วันที่ : 12/05/2009 เวลา : 15.24 น.
http://oknation.nationtv.tv/blog/pimyda
แม่ญิง^_^ชอบฝัน...อันเสรี..ดนตรีกังวานผ่านศิลป์อักษร..

นมัสการพระคุณเจ้า

คือพิมทำบล๊อกส่วนหัวข้อต่างๆไม่ได้อ่าคะ

เรื่องย้อนหลังก็สั้นมากอยากได้ยาวๆแบบนี้ไปแก้ที่ไหนอะคะ

ความคิดเห็นที่ 5 (0)
ส.ทหรลำชี วันที่ : 28/04/2009 เวลา : 10.23 น.
http://oknation.nationtv.tv/blog/t-vee
ทวี   เนื่องอาชา


จะพยายามนะ

ความคิดเห็นที่ 4 (0)
หวานหวาน วันที่ : 27/04/2009 เวลา : 07.55 น.
http://oknation.nationtv.tv/blog/warnwarn
คาราโอเกะกับหวานหวาน http://www.oknation.net/blog/warnwarnsong



ความคิดเห็นที่ 3 (0)
สงวนชัยโรจน์ วันที่ : 26/04/2009 เวลา : 14.33 น.
http://oknation.nationtv.tv/blog/jirachon
ที่ที่มีความสมบูรณ์แบบ ไม่มีเรื่องให้เล่า


.

ความคิดเห็นที่ 2 (0)
กัปตันแจ๊ค_จอมโจรจอมใจ วันที่ : 24/04/2009 เวลา : 08.12 น.
http://oknation.nationtv.tv/blog/paedophiel
ขับเคลื่อนอารมณ์ให้ตรงร่องน้ำหากประมาทอาจทำให้สำนึกถูกเฉี่ยวชนจนสติปัญญาเกยตื้น



ความคิดเห็นที่ 1 (0)
สุวิริโย วันที่ : 24/04/2009 เวลา : 04.09 น.
http://oknation.nationtv.tv/blog/19
 พระภูธรกับบทกลอน, หลักธรรม, การเมือง, และเรื่องอื่นๆอีกมากมาย...

กด F11 บนแป้นคีย์บอร์ดแถวบนจะทำให้เห็นภาพเต็มจอ

แสดงความคิดเห็น


ถึง บล็อกเกอร์ ทุกท่าน โปรดอ่าน
   ด้วยทาง บริษัท จีเอ็มเอ็ม แกรมมี่ จำกัด (มหาชน) ได้ติดต่อขอความร่วมมือ มายังเว็บไซต์และเว็บบล็อกต่าง ๆ รวมไปถึงเว็บบล็อก OKnation ห้ามให้มีการเผยแพร่ผลงานอันมีลิขสิทธิ์ ของบริษัท จีเอ็มเอ็ม แกรมมี่ฯ บนเว็บ blog โดยกำหนดขอบเขตของสิ่งที่ห้ามทำ และสามารถทำได้ ดังนี้
ห้ามทำ
- การใส่ผลงานเพลงต้นฉบับให้ฟัง ทั้งแบบควบคุมเพลงได้ หรือซ่อนเป็นพื้นหลัง และทั้งที่อยู่ใน server ของคุณเอง หรือ copy code คนอื่นมาใช้
- การเผยแพร่ file ให้ download ทั้งที่อยู่ใน server ของคุณเอง หรือฝากไว้ server คนอื่น
สามารถทำได้
- เผยแพร่เนื้อเพลง ต้องระบุชื่อเพลงและชื่อผู้ร้องให้ชัดเจน
- การใส่เพลงที่ร้องไว้เอง ต้องระบุชื่อผู้ร้องต้นฉบับให้ชัดเจน
จึงเรียนมาเพื่อโปรดปฎิบัติตาม มิเช่นนั้นทางบริษัท จีเอ็มเอ็ม แกรมมี่ฯ จะให้ฝ่ายดูแลลิขสิทธิ์ ดำเนินการเอาผิดกับท่านตามกฎหมายละเมิดลิขสิทธิ์
OKNATION



กฎกติกาการเขียนเรื่องและแสดงความคิดเห็น
1 การเขียน หรือแสดงความคิดเห็นใด ๆ ต้องไม่หมิ่นเหม่ หรือกระทบต่อสถาบันชาติ ศาสนา และพระมหากษัตริย์ หรือกระทบต่อความมั่นคงของชาติ
2. ไม่ใช้ถ้อยคำหยาบคาย ดูหมิ่น ส่อเสียด ให้ร้ายผู้อื่นในทางเสียหาย หรือสร้างความแตกแยกในสังคม กับทั้งไม่มีภาพ วิดีโอคลิป หรือถ้อยคำลามก อนาจาร
3. ความขัดแย้งส่วนตัวที่เกิดจากการเขียนเรื่อง แสดงความคิดเห็น หรือในกล่องรับส่งข้อความ (หลังไมค์) ต้องไม่นำมาโพสหรือขยายความต่อในบล็อก และการโพสเรื่องส่วนตัว และการแสดงความคิดเห็น ต้องใช้ภาษาที่สุภาพเท่านั้น
4. พิจารณาเนื้อหาที่จะโพสก่อนเผยแพร่ให้รอบคอบ ว่าจะไม่เป็นการละเมิดกฎหมายใดใด และปิดคอมเมนต์หากจำเป็นโดยเฉพาะเรื่องที่มีเนื้อหาพาดพิงสถาบัน
5.การนำเรื่อง ภาพ หรือคลิปวิดีโอ ที่มิใช่ของตนเองมาลงในบล็อก ควรอ้างอิงแหล่งที่มา และ หลีกเลี่ยงการเผยแพร่สิ่งที่ละเมิดลิขสิทธิ์ ไม่ว่าจะเป็นรูปแบบหรือวิธีการใดก็ตาม 6. เนื้อหาและความคิดเห็นในบล็อก ไม่เกี่ยวข้องกับทีมงานผู้ดำเนินการจัดทำเว็บไซต์ โดยถือเป็นความรับผิดชอบทางกฎหมายเป็นการส่วนตัวของสมาชิก
คลิ้กอ่านเงื่อนไขทั้งหมดที่นี่"
OKnation ขอสงวนสิทธิ์ในการปิดบล็อก ลบเนื้อหาและความคิดเห็น ที่ขัดต่อความดังกล่าวข้างต้น โดยไม่ต้องชี้แจงเหตุผลใดๆ ต่อเจ้าของบล็อกและเจ้าของความคิดเห็นนั้นๆ
   

กลับไปหน้าที่แล้ว กลับด้านบน