• สุวิริโย
  • ranking : สมาชิกทั่วไป
  • email : Suwiriyo@gmail.com
  • วันที่สร้าง : 2007-09-28
  • จำนวนเรื่อง : 2117
  • จำนวนผู้ชม : 3339409
  • ส่ง msg :
  • โหวต 1207 คน
พระครูสุวีราจารคุณ (พิริยะ สว่างสุข)
วัดเขาหมาแหงน ต.ช่องไม้แก้ว อ.ทุ่งตะโก จ.ชุมพร โทร 0-626-212-919
Permalink : http://oknation.nationtv.tv/blog/19
วันอาทิตย์ ที่ 19 เมษายน 2552
Posted by สุวิริโย , ผู้อ่าน : 7350 , 21:30:58 น.  
หมวด : วิทยาศาสตร์/ไอที

พิมพ์หน้านี้
โหวต 1 คน oปณิธานoธาราo โหวตเรื่องนี้

คำอธิบายอยู่ด้านล่าง

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

                      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/liverpool12.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 :303px;

            text-align:left;

            background:url(http://www.oknation.net/blog/home/blog_data/133/22133/images/liverpool07.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:#f70a1a;

            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/soccer8.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/blog_data/133/22133/images/parti_top_mnu_liverpool.gif) no-repeat;

    float:right;

}

 

 

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

                     footer    ตัวหน้าเวบ

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

 

 

#footer{

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

             height:753px;

}

 

 

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

                    ส่วน 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/liverpool13.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_liverpool.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/soccer3.gif) no-repeat;

     height:21px;

             padding:18px 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/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/liverpool15.gif);

            margin-bottom:14px;

            width:100%;

}

.comment_topic2{

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

            margin-bottom:14px;

            width:100%;

}

.comment_detail{

            width:100%;

}

.comment_detail td{

   color:666666;

   width:518px;

   word-wrap:break-word;

 

}

 

#submit_comment{

   width:150px;

   height:150px;

   background: url(http://www.oknation.net/blog/home/blog_data/133/22133/images/liverpool05.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;

}

 

 

 

                                                                     

 

               


 ใช้ได้เฉพาะกับ theme ในรูปแบบที่ 1

.

html สามารถ copy ไปวางแทนที่ theme ในรูปแบบที่ 1 ได้เลยเมื่อบันทึก เราก็จะได้รูปแบบของบล็อกตาม Link นี้ http://www.oknation.net/blog/15/2009/04/18/entry-1 แบบที่ใช้นี้จะปรากฏให้ดูเป็นตัวอย่างแค่อาทิตย์เดียวหลังจากนั้นจะได้ตั้งค่ากลับตามเดิม

.

 

 

ภาพนี้เป็นหน้าบล็อกที่ทำการปรับเปลี่ยนค่า html แล้ว

ส่วนภาพนี้เป็นหน้าบล็อกแบบเดิมของ oknation

วิธีการเรียนรู้ในการแต่งบล็อกที่เราสามารถเข้าใจได้โดยที่ไม่รู้จักภาษา html คือให้สังเกตดู link ต่างๆ ตามรูปแบบที่ทาง oknation ให้มา ลองนำมาเปรียบเทียบดูในแต่ละส่วนที่ได้ทำการแก้ไข ในแถบสีเหลืองคือส่วนที่ได้ทำการแก้ไข ไม่ยากเกินไปที่เราสามารถเรียนรู้ได้ หากสำหรับคนที่ไม่เก่งภาษาอังกฤษก็เปิดดิกเอา หรือถ้ามีโปรแกรมแปลก็ใช้โปรแกรมแปล จะทำให้เราพอมองออกว่าควรจะแก้ไขส่วนไหน

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

จุดสังเกตที่เราพอจะสามารถเห็นได้ง่ายๆคือ

1.การแทนค่าของภาพในส่วนต่างๆของบล็อก

ให้สังเกตที่ http://www. แล้วดูที่นามสกุลของภาพ ยกตัวอย่างเช่น http://www.oknation.net/blog/home/blog_data/133/22133/images/logo_fcbayern1.gif  นามสกุลของภาพนี้คือ gif  ใน template แบบที่ทาง oknation ใช้ส่วนใหญ่จะเป็น นามสกุล gif ข้อดีของภาพนามสกุลนี้คือมีรายละเอียดหรือความจุน้อย ทำให้เปิดหน้าบล็อกได้ง่าย และสามารถปรับแต่งให้เป็นภาพเคลื่อนไหวได้ เช่นภาพแอนนิเมชั่นที่เราเห็นกันอยู่ทั่วไป ส่วนภาพที่นิยมใช้กันโดยทั่วไปคือนามสกุล jpg หากนำมาทำเป็นภาพ background จะสามารถเลือกภาพที่มีความคมชัดส่วยงาม แต่มีปัญหาอยู่ที่ความจุของภาพสูง หากเป็นภาพใหญ่และมีความคมชัดมากมักจะมีความจุเกิน 100 kb ซึ่งไม่สามารถโหลดฝากภาพไว้ใน oknation ได้ เราต้องสมัครเป็นสมาชิกกับเว็บไซต์ที่สามารถเก็บภาพที่มีรายละเอียดสูงได้ แล้วจึงนำภาพนั้นมาใช้ใน oknation

 

2.สีของ background,ขอบภาพ,เส้น และสีที่ใช้ในส่วนอื่นๆ

มีจุดสังเกตโคดสีที่เครื่องหมาย #CB5406 ในส่วนของตัวเลขและตัวอักษรอาจสลับกันหรือมีแต่ตัวเลขล้วนๆหรืออักษรภาษาอังกฤษล้วนๆก็ได้ เราจะทราบได้อย่างไรว่าโคดใดแทนสีใด วิธีที่ง่ายที่สุดคือดูจากโปรแกรมแต่งภาพที่เรามีอยูเช่นในโปรแกรมโฟโต้ช๊อป ดูที่ภาพด้านล่าง

.

.

3.ระยะห่าง ความกว้าง ความยาว ในส่วนต่างๆ

สังเกตที่ 

  width:49px;

  height:21px;

  border:0px;

การแทนค่าระยะนี้บางครั้งเราจะนึกภาพไม่ออกว่าจะต้องใช้ขนาดไหน ต้องลองปรับเปลี่ยนหลายๆครั้งเพื่อที่จะให้ได้ระยะห่างที่เราต้องการ

4. font ตัวอักษร

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

          font-size:12px

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

แบบค่า html ที่ได้นำมาลงให้นำไปใช้สามารถปรับเปลี่ยน เป็นทีมฟุตบอลทีมโปรดของเราได้ หรือสามารถนำไปประยุคปรับแต่งไปในแนวอื่นได้ตามที่เราต้องการ

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

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

 

สื่อทุกชนิดเปรียบประดุจเวทย์มนต์ที่เปลี่ยนสังคมได้ เวทย์มนต์ของพ่อมดจะมีอานุภาพขนาดไหน ก็ขึ้นอยู่กับการฝึกฝนและการศึกษาให้เข้าใจในเวทย์มนต์นั้น สิ่งเล็กๆอาจทำในสิ่งที่มีคุณค่ายิ่งใหญ่ได้ มันอยู่ที่ใจของเราว่าบริสุทธิ์สะอาดขนาดไหน ใจที่สะอาดบริสุทธิ์มีอานุภาพไม่มีประมาณ

 

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





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

ความคิดเห็นที่ 24 (0)
suksabuy วันที่ : 13/04/2010 เวลา : 13.10 น.
http://oknation.nationtv.tv/blog/suksabuy

ขอเรียนถามท่านว่า ผมใส่หัวเรื่องในแบ็คกราวแล้วออกมาเป็นหลายรูปเรียงกัน ไม่เป็นรูปเดียว

ความคิดเห็นที่ 23 (0)
dhanawatana วันที่ : 18/07/2009 เวลา : 02.15 น.
http://oknation.nationtv.tv/blog/dhanawatana

ผมพยายามแล้วครับ แต่ทำไม่ได้ครับพระอาจารย์

ความคิดเห็นที่ 22 (0)
ลูกจอมแว่ วันที่ : 09/06/2009 เวลา : 10.49 น.
http://oknation.nationtv.tv/blog/tictrin

อ่านแล้วมึนครับ หลวงพี่ ( เพิ่งเข้ามาเป็นสมาชิก เมื่อวานนี้เองครับ ) 8 มิ.ย.52

ความคิดเห็นที่ 21 (0)
chaleeta วันที่ : 21/05/2009 เวลา : 18.25 น.
http://oknation.nationtv.tv/blog/chaleeta

นมัสการค่ะ

มาศึกษาค่ะ กำลังจะหัดทำค่ะ

ความคิดเห็นที่ 20 (0)
ลีลาวดี2508 วันที่ : 17/05/2009 เวลา : 21.33 น.
http://oknation.nationtv.tv/blog/lelawadee
ศิลปะคู่ไทย เทิดไท้องค์ราชันย์


นมัสการขอบคุณค่ะพระอาจารย์..ละเอียดดีจริงๆเจ้าค่ะ

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


เซอร์อเล็กซ์ เฟอร์กูสัน เป็นสุดยอดผู้จัดการทีม ขอเจริญพร

ความคิดเห็นที่ 18 (0)
มนต์ขาว วันที่ : 28/04/2009 เวลา : 11.21 น.
http://oknation.nationtv.tv/blog/hikato

ตกลงหลวงพ่ออยู่ผีแดง

ความคิดเห็นที่ 17 (0)
ทางเกวียน วันที่ : 25/04/2009 เวลา : 11.53 น.
http://oknation.nationtv.tv/blog/INDEA

นมัสการครับท่าน ใหม่เอี่ยมสุดๆคงต้องหาช่อ

ความคิดเห็นที่ 16 (0)
พลาญชัย วันที่ : 22/04/2009 เวลา : 20.38 น.
http://oknation.nationtv.tv/blog/chulaluck

ขอเป็นลูกศิษย์ด้วยคนนะคะ..ท่าน

ความคิดเห็นที่ 15 (0)
สืบ@สา วันที่ : 22/04/2009 เวลา : 13.08 น.
http://oknation.nationtv.tv/blog/dinsorpong-pu


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

เป็นมือใหม่คะ....จะลองทำตามคำแนะนำคะ...

ความคิดเห็นที่ 14 (0)
เพลงผ้า วันที่ : 22/04/2009 เวลา : 03.18 น.
http://oknation.nationtv.tv/blog/charothon
" เพลงผ้า ปรพากย์  " ฉันจะร่ายรินจินตนาให้สาสม

นมัสการค่ะ..
เพลงแปลกใจจัง..ทําไมเพลงหาที่ใส่พื้นหลังตรงกล่องคอมเม้น
ไม่เจอค่ะ..


ความคิดเห็นที่ 13 (0)
ชะเอง วันที่ : 21/04/2009 เวลา : 18.13 น.
http://oknation.nationtv.tv/blog/chawala
chawala

กราบนมัสการครับ ผมมือใหม่เปิดซิงเลย เข้ามาหาความรู้ แต่อ่านดูแล้วก็ยังมึนตึ๊บ จะพยายามเรียนรู้ครับ

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


แหล่มเลยครับ เอาอีกๆหลวงพ่อ

ความคิดเห็นที่ 11 (0)
สรร วันที่ : 21/04/2009 เวลา : 00.47 น.
http://oknation.nationtv.tv/blog/chawetsan
  คิดอย่างบ้าน  ๆ   สร้างสรรค์สังคม อุดมปัญญา


ท่านที่เปลี่ยน code แล้วภาพไม่เปลี่ยน ผมเจอมาแล้ว ต้องไปหน้าเว็บอื่นก่อน ไม่มีหน้าบล็อกของตนเองเปิดค้างไว้นะครับ จากนั้นให้ลบ cookies ลบ temporary internet files ให้หมด (หาใน Tools> internet options> delete)

ชื่นชมความเชี่ยวชาญครับ หลวงพี่
ขอนมัสการ

http://www.oknation.net/blog/chawetView/2009/04/20/entry-2

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

ช่องว่างหรือการเว้นวรรคต้องเหมือนกันทุกอย่าง บางครั้งการเคาะเสตชบาร์เพิงครั้งเดียวก็ทำให้เกิดความคลาดเคลื่อนได้

ความคิดเห็นที่ 9 (0)
Reds วันที่ : 20/04/2009 เวลา : 15.53 น.
http://oknation.nationtv.tv/blog/Redsscouser
รอย ฮอดสัน อาจจะไม่ใช่ผู้จัดการที่ดีที่สุด แต่เขาอาจจะเป็นผู้จัดการทีมที่เหมาะสมที่สุด ....  

ผม ก๊อปปี้ โค๊ดในส่วนของ แบ็คกราวน์ของหลวงพี่ไปใส่ของผม แล้วเปลี่ยนแค่ url แต่มันไม่ขึ้นภาพให้เลยอะครับ ยังเป็นภาพเดิมๆ อยู่เลยครับ เริ่มงง อีกแล้ว

ความคิดเห็นที่ 8 (0)
monotone วันที่ : 20/04/2009 เวลา : 11.51 น.
http://oknation.nationtv.tv/blog/normalcode
 ยิ่งให้ยิ่งได้ ยิ่งหวงยิ่งอด 


color มีตามเวบทั่วไป

ผมชอบใช้อันนี้ http://users.rcn.com/giant.interport/COLOR/1ColorSpecifier.html

หลังๆ ไม่อยากแต่งอะไร ใช้แบบเดิมๆ ก็พอแล้ว


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


แบบตัวอย่างการเปลี่ยนค่า html ที่นำมาเป็นตัวอย่าง... สามารถนำไปใช้แก้ไขได้เฉพาะในแบบที่ 1 เท่านั้น หากใช้กับ รูปแบบที่ 2,3,4,5,6 ฯ ค่าที่อ่านออกมาอาจเพี้ยนไป

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



ความคิดเห็นที่ 5 (0)
daddynop วันที่ : 20/04/2009 เวลา : 01.39 น.
http://oknation.nationtv.tv/blog/daddynop
    ชีวิต..บน..โลก..ทาง..ผ่าน    

จะลองหัดทำดูครับท่าน

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


ที่จริงไม่ยาก ลองเปิด link ของแต่ละภาพดูก่อนเราก็จะรู้ว่าส่วนใหนเป็นส่วนใหน

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

ช่องว่างหรือการเว้นวรรคจะต้องถูกต้อง บางครั้งผิดนิดเดียวก็ทำให้ค่า html ที่ถูกแทนลงไปอ่านไม่ได้

ความคิดเห็นที่ 2 (0)
ทะเลไร้คลื่น วันที่ : 19/04/2009 เวลา : 22.04 น.
http://oknation.nationtv.tv/blog/talay
http://www.oknation.net/blog/yeewawa/2009/11/17/entry-1 " ลูกหลานสายน้ำตาปีเมืองปักษ์ใต้ "

......ยากจังคะ........

ความคิดเห็นที่ 1 (0)
ting วันที่ : 19/04/2009 เวลา : 21.59 น.
http://oknation.nationtv.tv/blog/Germany
จงเตือนตนด้วยตนเอง สักแต่ว่าตัวตนเกิดขึ้น ตั้งอยู่ดับไป เหมือนต้นไม้ออกดอกออกผล ล่วงหล่นไปเมล็ดเกิดใหม่ก็มาจากต้นไม้เดิม

นมัสการคะว่าจะลองทำดูเหมือนกันแต่ลองหลายครั้งมันไม่ขึ้นอาจจะมีอะไรที่ไม่ได้ลบออกแต่ก็ไม่รู้ว่าตรงใหนหาไม่เจอ

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


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



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

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

พิทบูลไปซื้อของร้านค้า

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

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 คน