<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="th" lang="th" dir="ltr"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://codex.wordthai.com/CSS","20110813200005","https://web.archive.org/","web","/_static/", "1313265605"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="generator" content="MediaWiki 1.13.2"/> <meta name="keywords" content="CSS,Template Tags,Site Architecture 1.5,CSS Troubleshooting,WordPress Lessons,Using Themes,Blog Design and Layout,Finding Your CSS Styles,CSS Fixing Browser Bugs,CSS Shorthand,HTML to XHTML"/> <link rel="shortcut icon" href="/web/20110813200005im_/http://codex.wordthai.com/favicon.ico"/> <link rel="search" type="application/opensearchdescription+xml" href="/web/20110813200005/http://codex.wordthai.com/opensearch_desc.php" title="Thai wordpress (th)"/> <link rel="alternate" type="application/rss+xml" title="ฟีดอาร์เอสเอส Thai wordpress" href="https://web.archive.org/web/20110813200005/http://codex.wordthai.com/index.php?title=%E0%B8%9E%E0%B8%B4%E0%B9%80%E0%B8%A8%E0%B8%A9:RecentChanges&feed=rss"/> <link rel="alternate" type="application/atom+xml" title="ฟีดอะตอม Thai wordpress" href="https://web.archive.org/web/20110813200005/http://codex.wordthai.com/index.php?title=%E0%B8%9E%E0%B8%B4%E0%B9%80%E0%B8%A8%E0%B8%A9:RecentChanges&feed=atom"/> <title>CSS - Thai wordpress</title> <style type="text/css" media="screen, projection">/*<![CDATA[*/ @import "/web/20110813200005cs_/http://codex.wordthai.com/skins/common/shared.css?164"; @import "/web/20110813200005cs_/http://codex.wordthai.com/skins/monobook/main.css?164"; /*]]>*/</style> <link rel="stylesheet" type="text/css" media="print" href="/web/20110813200005cs_/http://codex.wordthai.com/skins/common/commonPrint.css?164"/>      <script type="text/javascript">/*<![CDATA[*/ var skin = "monobook"; var stylepath = "/skins"; var wgArticlePath = "/$1"; var wgScriptPath = ""; var wgScript = "/index.php"; var wgVariantArticlePath = false; var wgActionPaths = []; var wgServer = "https://web.archive.org/web/20110813200005/http://codex.wordthai.com"; var wgCanonicalNamespace = ""; var wgCanonicalSpecialPageName = false; var wgNamespaceNumber = 0; var wgPageName = "CSS"; var wgTitle = "CSS"; var wgAction = "view"; var wgArticleId = "31"; var wgIsArticle = true; var wgUserName = null; var wgUserGroups = null; var wgUserLanguage = "th"; var wgContentLanguage = "th"; var wgBreakFrames = false; var wgCurRevisionId = "105"; var wgVersion = "1.13.2"; var wgEnableAPI = true; var wgEnableWriteAPI = false; var wgRestrictionEdit = []; var wgRestrictionMove = []; /*]]>*/</script> <script type="text/javascript" src="/web/20110813200005js_/http://codex.wordthai.com/skins/common/wikibits.js?164"></script>  <script type="text/javascript" src="/web/20110813200005js_/http://codex.wordthai.com/skins/common/ajax.js?164"></script> <script type="text/javascript" src="/web/20110813200005js_/http://codex.wordthai.com/index.php?title=-&action=raw&gen=js&useskin=monobook"></script> <style type="text/css">/*<![CDATA[*/ @import "/web/20110813200005cs_/http://codex.wordthai.com/index.php?title=%E0%B8%A1%E0%B8%B5%E0%B9%80%E0%B8%94%E0%B8%B5%E0%B8%A2%E0%B8%A7%E0%B8%B4%E0%B8%81%E0%B8%B4:Common.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000"; @import "/web/20110813200005cs_/http://codex.wordthai.com/index.php?title=%E0%B8%A1%E0%B8%B5%E0%B9%80%E0%B8%94%E0%B8%B5%E0%B8%A2%E0%B8%A7%E0%B8%B4%E0%B8%81%E0%B8%B4:Monobook.css&usemsgcache=yes&action=raw&ctype=text/css&smaxage=18000"; @import "/web/20110813200005cs_/http://codex.wordthai.com/index.php?title=-&action=raw&gen=css&maxage=18000&useskin=monobook"; /*]]>*/</style> </head> <body class="mediawiki ns-0 ltr page-CSS"> <div id="globalWrapper"> <div id="column-content"> <div id="content"> <a name="top" id="top"></a> <h1 class="firstHeading">CSS</h1> <div id="bodyContent"> <h3 id="siteSub">จาก Thai wordpress</h3> <div id="contentSub"></div> <div id="jump-to-nav">ข้ามไปที่: <a href="#column-one">นำทาง</a>, <a href="#searchInput">ค้นหา</a></div>  <p>WordPress relies heavily on the presentation styles within CSS. With the introduction of <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Using_Themes&action=edit&redlink=1" class="new" title="Using Themes (ยังไม่ได้สร้าง)">WordPress v1.5 Themes</a>, your layout options haven't just expanded, they've exploded! WordPress has made it easier than ever to change your website look, and opened up the field even more to help you <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Theme_Development&action=edit&redlink=1" class="new" title="Theme Development (ยังไม่ได้สร้าง)">create your own Theme</a> and page layout. </p><p><a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Glossary&action=edit&redlink=1" class="new" title="Glossary (ยังไม่ได้สร้าง)">CSS</a> stands for <b>Cascading Style Sheets</b>. It allows you to store style presentation information (like colors and layout) separate from your HTML structure. This allows precision control of your website layout and makes your pages faster and easier to update. </p><p>This article briefly describes the use of CSS in WordPress, and lists some references for further information. For information on CSS itself, see <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Know_Your_Sources&action=edit&redlink=1" class="new" title="Know Your Sources (ยังไม่ได้สร้าง)">Know Your Sources#CSS</a>. </p> <table id="toc" class="toc" summary="เนื้อหา"><tr><td><div id="toctitle"><h2>เนื้อหา</h2></div> <ul> <li class="toclevel-1"><a href="#WordPress_and_CSS"><span class="tocnumber">1</span> <span class="toctext">WordPress and CSS</span></a></li> <li class="toclevel-1"><a href="#WordPress_Generated_Classes"><span class="tocnumber">2</span> <span class="toctext">WordPress Generated Classes</span></a></li> <li class="toclevel-1"><a href="#See_also"><span class="tocnumber">3</span> <span class="toctext">See also</span></a></li> <li class="toclevel-1"><a href="#WordPress_Layout_Help"><span class="tocnumber">4</span> <span class="toctext">WordPress Layout Help</span></a></li> </ul> </td></tr></table><script type="text/javascript"> if (window.showTocToggle) { var tocShowText = "แสดง"; var tocHideText = "ซ่อน"; showTocToggle(); } </script> <a name="WordPress_and_CSS"></a><h2> <span class="mw-headline">WordPress and CSS</span></h2> <p>WordPress Themes use a combination of <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Templates&action=edit&redlink=1" class="new" title="Templates (ยังไม่ได้สร้าง)">template files</a>, <a href="/web/20110813200005/http://codex.wordthai.com/Template_Tags" title="Template Tags">template tags</a>, and CSS style sheets to generate your WordPress site's look. </p> <dl><dt>Template Files </dt><dd><a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Stepping_Into_Templates&action=edit&redlink=1" class="new" title="Stepping Into Templates (ยังไม่ได้สร้าง)">Template files</a> are the building blocks which come together to create your site. In the <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Site_Architecture_1.5&action=edit&redlink=1" class="new" title="Site Architecture 1.5 (ยังไม่ได้สร้าง)">WordPress Theme structure</a>, the header, sidebar, content, and footer are all contained within individual files. They join together to create your page. This allows you to customize the building blocks. For example, in the Default WordPress Theme, the multi-post view found on the front page, category, <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Creating_an_Archive_Index&action=edit&redlink=1" class="new" title="Creating an Archive Index (ยังไม่ได้สร้าง)">archives</a>, and <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Creating_a_Search_Page&action=edit&redlink=1" class="new" title="Creating a Search Page (ยังไม่ได้สร้าง)">search</a> web pages on your site, the sidebar is present. Click on any post, you will be taken to the single post view and the sidebar will now be gone. You can <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=The_Loop_in_Action&action=edit&redlink=1" class="new" title="The Loop in Action (ยังไม่ได้สร้าง)">choose which parts and pieces appear</a> on your page, and customize them individually, allowing for a different header or sidebar to appear on all pages within a specific category. And more. For a more extensive introduction to Templates, see <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Stepping_Into_Templates&action=edit&redlink=1" class="new" title="Stepping Into Templates (ยังไม่ได้สร้าง)">Stepping Into Templates</a>. </dd><dt>Template Tags </dt><dd>Template tags are the bits of code which provide instructions and requests for information stored within the WordPress database. Some of these are highly configurable, allowing you to customize the date, time, lists, and other elements displayed on your website. You can learn more about template tags in <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Stepping_Into_Template_Tags&action=edit&redlink=1" class="new" title="Stepping Into Template Tags (ยังไม่ได้สร้าง)">Stepping Into Template Tags</a>. </dd><dt>CSS Style Sheets </dt><dd>This is where it all comes together. On every template file within your site, there are <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Site_Architecture_1.5&action=edit&redlink=1" class="new" title="Site Architecture 1.5 (ยังไม่ได้สร้าง)">XHTML tags and CSS references</a> wrapped around your template tags and content. In the style sheet within each Theme are commands for the page's structure. Without these instructions, your page would simply look like a long typed page. With these instructions, you can move the building block structures around, making your header very long and filled with graphics or photographs, or simple and narrow. Your site can "float" in the middle of the viewer's screen with space on the left and right, or stretch across the screen, filling the whole page. Your sidebar can be on the right or left, or even start midway down the page. How you style your page is up to you. But the instructions for styling are found in the <tt>style.css</tt> file within each Theme folder. </dd></dl> <a name="WordPress_Generated_Classes"></a><h2> <span class="mw-headline">WordPress Generated Classes</span></h2> <p>Several classes for aligning images and block elements (DIV, P, TABLE etc.) were introduced in WordPress 2.5: <tt>aligncenter</tt>, <tt>alignleft</tt> and <tt>alignright</tt>. In addition the class <tt>alignnone</tt> is added to images that are not aligned, so they can be styled differently if needed. </p><p>The same classes are used to align images that have a caption (as of WordPress 2.6). Three additional CSS classes are needed for the captions, together the alignment and caption classes are: </p> <pre>.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignleft { float: left; } .alignright { float: right; } .wp-caption { border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; /* optional rounded corners for browsers that support it */ -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .wp-caption img { margin: 0; padding: 0; border: 0 none; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; } </pre> <p>Each theme should have these or similar styles in its <tt>style.css</tt> file to be able to display images and captions properly. </p><p>Additionally, there are a few more WordPress class tags that you may optionally wish to style because they are generated by default: </p> <pre>.categories {...} .cat-item {...} .current-cat {...} .current-cat-parent {...} .pagenav {...} .page_item {...} .current_page_item {...} .current_page_parent {...} .widget {...} .widget_text {...} .blogroll {...} .linkcat{...} </pre> <a name="See_also"></a><h2> <span class="mw-headline">See also</span></h2> <p>To help you understand more about how CSS works in relationship to your web page, you may wish to read some of the articles cited in these lists: </p> <ul><li> <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Templates&action=edit&redlink=1" class="new" title="Templates (ยังไม่ได้สร้าง)">Templates</a> - Comprehensive list of WordPress Theme and Template articles (a good starting point is <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Using_Themes&action=edit&redlink=1" class="new" title="Using Themes (ยังไม่ได้สร้าง)">Using Themes</a>, and there are also many advanced articles in this list) </li><li> <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Blog_Design_and_Layout&action=edit&redlink=1" class="new" title="Blog Design and Layout (ยังไม่ได้สร้าง)">Blog Design and Layout</a> - Comprehensive list of resources related to site design in WordPress </li><li> <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=WordPress_Lessons&action=edit&redlink=1" class="new" title="WordPress Lessons (ยังไม่ได้สร้าง)">WordPress Lessons</a> - Lessons on all aspects of WordPress </li></ul> <a name="WordPress_Layout_Help"></a><h2> <span class="mw-headline"> WordPress Layout Help </span></h2> <p>If you are having some problems or questions about your WordPress Theme or layout, begin by checking the website of the Theme author to see if there is an upgrade or answers to your questions. Here are some other resources: </p> <ul><li> <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=WordPress_Lessons&action=edit&redlink=1" class="new" title="WordPress Lessons (ยังไม่ได้สร้าง)">Lessons on Designing Your WordPress Site</a> </li><li> <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Site_Architecture_1.5&action=edit&redlink=1" class="new" title="Site Architecture 1.5 (ยังไม่ได้สร้าง)">Site Architecture 1.5</a> </li><li> <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=CSS_Troubleshooting&action=edit&redlink=1" class="new" title="CSS Troubleshooting (ยังไม่ได้สร้าง)">CSS Troubleshooting</a> </li><li> <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Finding_Your_CSS_Styles&action=edit&redlink=1" class="new" title="Finding Your CSS Styles (ยังไม่ได้สร้าง)">Finding Your CSS Styles</a> </li><li> <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=CSS_Fixing_Browser_Bugs&action=edit&redlink=1" class="new" title="CSS Fixing Browser Bugs (ยังไม่ได้สร้าง)">CSS Fixing Browser Bugs</a> </li><li> <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Validating_a_Website&action=edit&redlink=1" class="new" title="Validating a Website (ยังไม่ได้สร้าง)">Validating a Website</a> </li><li> <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=FAQ_Layout_and_Design&action=edit&redlink=1" class="new" title="FAQ Layout and Design (ยังไม่ได้สร้าง)">FAQ Layout and Design</a> </li><li> <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=Templates&action=edit&redlink=1" class="new" title="Templates (ยังไม่ได้สร้าง)">Templates</a> </li><li> <a href="https://web.archive.org/web/20110813200005/http://www.wordpress.org/support/" class="external text" title="http://www.wordpress.org/support/" rel="nofollow">WordPress Support Forums</a> </li><li> <a href="https://web.archive.org/web/20110813200005/http://www.tamba2.org.uk/wordpress/graphicalcss/" class="external text" title="http://www.tamba2.org.uk/wordpress/graphicalcss/" rel="nofollow">WordPress CSS Guides by Podz</a> </li><li> <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=CSS_Shorthand&action=edit&redlink=1" class="new" title="CSS Shorthand (ยังไม่ได้สร้าง)">CSS Shorthand</a> </li><li> <a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=HTML_to_XHTML&action=edit&redlink=1" class="new" title="HTML to XHTML (ยังไม่ได้สร้าง)">HTML to XHTML</a> <span style="color:red">NEW!</span> </li></ul>   <div class="printfooter"> รับข้อมูลจาก "<a href="https://web.archive.org/web/20110813200005/http://codex.wordthai.com/CSS">http://codex.wordthai.com/CSS</a>"</div> <div id="catlinks" class="catlinks"><div id="mw-normal-catlinks"><a href="/web/20110813200005/http://codex.wordthai.com/%E0%B8%9E%E0%B8%B4%E0%B9%80%E0%B8%A8%E0%B8%A9:Categories" title="พิเศษ:Categories">หมวดหมู่</a>: <span dir="ltr"><a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=%E0%B8%AB%E0%B8%A1%E0%B8%A7%E0%B8%94%E0%B8%AB%E0%B8%A1%E0%B8%B9%E0%B9%88:Design_and_Layout&action=edit&redlink=1" class="new" title="หมวดหมู่:Design and Layout (ยังไม่ได้สร้าง)">Design and Layout</a></span></div></div>  <div class="visualClear"></div> </div> </div> </div> <div id="column-one"> <div id="p-cactions" class="portlet"> <h5>ดู</h5> <div class="pBody"> <ul> <li id="ca-nstab-main" class="selected"><a href="/web/20110813200005/http://codex.wordthai.com/CSS" title="ดูหน้าเนื้อหา [c]" accesskey="c">เนื้อหา</a></li> <li id="ca-talk" class="new"><a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=%E0%B8%9E%E0%B8%B9%E0%B8%94%E0%B8%84%E0%B8%B8%E0%B8%A2:CSS&action=edit" title="พูคุยเกี่ยวกับเนื้อหา [t]" accesskey="t">อภิปราย</a></li> <li id="ca-viewsource"><a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=CSS&action=edit" title="หน้านี้ถูกล็อก แต่ยังคงดูโค้ดได้ [e]" accesskey="e">ดูโค้ด</a></li> <li id="ca-history"><a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=CSS&action=history" title="รุ่นที่แล้วของหน้านี้ [h]" accesskey="h">ประวัติ</a></li> </ul> </div> </div> <div class="portlet" id="p-personal"> <h5>เครื่องมือส่วนตัว</h5> <div class="pBody"> <ul> <li id="pt-login"><a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=%E0%B8%9E%E0%B8%B4%E0%B9%80%E0%B8%A8%E0%B8%A9:UserLogin&returnto=CSS" title="ไม่จำเป็นต้องล็อกอินในการแก้ไข แต่แนะนำอย่างยิ่งให้ล็อกอิน [o]" accesskey="o">ล็อกอิน</a></li> </ul> </div> </div> <div class="portlet" id="p-logo"> <a style="background-image: url(/web/20110813200005im_/http://codex.wordthai.com/skins/common/images/wiki.png);" href="/web/20110813200005/http://codex.wordthai.com/%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B8%AB%E0%B8%A5%E0%B8%B1%E0%B8%81" title="แวะหน้าหลัก [z]" accesskey="z"></a> </div> <script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script> <div class="generated-sidebar portlet" id="p-navigation"> <h5>ป้ายบอกทาง</h5> <div class="pBody"> <ul> <li id="n-mainpage-description"><a href="/web/20110813200005/http://codex.wordthai.com/%E0%B8%AB%E0%B8%99%E0%B9%89%E0%B8%B2%E0%B8%AB%E0%B8%A5%E0%B8%B1%E0%B8%81">หน้าหลัก</a></li> <li id="n-portal"><a href="/web/20110813200005/http://codex.wordthai.com/Thai_wordpress:%E0%B8%A8%E0%B8%B9%E0%B8%99%E0%B8%A2%E0%B9%8C%E0%B8%A3%E0%B8%A7%E0%B8%A1%E0%B8%8A%E0%B8%B8%E0%B8%A1%E0%B8%8A%E0%B8%99" title="เรื่องเฉพาะโครงการ วิธีการใช้ วิธีการค้นหา สิ่งที่ควรทำ">ศูนย์รวมชุมชน</a></li> <li id="n-currentevents"><a href="/web/20110813200005/http://codex.wordthai.com/Thai_wordpress:%E0%B9%80%E0%B8%AB%E0%B8%95%E0%B8%B8%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%93%E0%B9%8C%E0%B8%9B%E0%B8%B1%E0%B8%88%E0%B8%88%E0%B8%B8%E0%B8%9A%E0%B8%B1%E0%B8%99" title="ค้นหาเหตุการณ์ปัจจุบัน">เหตุการณ์ปัจจุบัน</a></li> <li id="n-recentchanges"><a href="/web/20110813200005/http://codex.wordthai.com/%E0%B8%9E%E0%B8%B4%E0%B9%80%E0%B8%A8%E0%B8%A9:RecentChanges" title="รายการปรับปรุงล่าสุดในวิกินี้ [r]" accesskey="r">ปรับปรุงล่าสุด</a></li> <li id="n-randompage"><a href="/web/20110813200005/http://codex.wordthai.com/%E0%B8%9E%E0%B8%B4%E0%B9%80%E0%B8%A8%E0%B8%A9:Random" title="สุ่มหน้าขึ้นมา [x]" accesskey="x">สุ่มหน้า</a></li> <li id="n-help"><a href="/web/20110813200005/http://codex.wordthai.com/%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B9%83%E0%B8%8A%E0%B9%89:%E0%B8%A7%E0%B8%B4%E0%B8%98%E0%B8%B5%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%8A%E0%B9%89%E0%B8%87%E0%B8%B2%E0%B8%99" title="อธิบายการใช้งาน">ช่วยเหลือ</a></li> </ul> </div> </div> <div id="p-search" class="portlet"> <h5><label for="searchInput">ค้นหา</label></h5> <div id="searchBody" class="pBody"> <form action="/web/20110813200005/http://codex.wordthai.com/%E0%B8%9E%E0%B8%B4%E0%B9%80%E0%B8%A8%E0%B8%A9:Search" id="searchform"><div> <input id="searchInput" name="search" type="text" title="ค้นหา Thai wordpress [f]" accesskey="f" value=""/> <input type="submit" name="go" class="searchButton" id="searchGoButton" value="ไป" title="ตรงไปยังหน้าที่ตรงกับชื่อนี้ (ถ้ามี)"/>  <input type="submit" name="fulltext" class="searchButton" id="mw-searchButton" value="ค้นหา" title="ค้นหาหน้าที่มีข้อความนี้"/> </div></form> </div> </div> <div class="portlet" id="p-tb"> <h5>เครื่องมือเพิ่ม</h5> <div class="pBody"> <ul> <li id="t-whatlinkshere"><a href="/web/20110813200005/http://codex.wordthai.com/%E0%B8%9E%E0%B8%B4%E0%B9%80%E0%B8%A8%E0%B8%A9:WhatLinksHere/CSS" title="รายการหน้าวิกิที่ลิงก์มาที่นี่ [j]" accesskey="j">หน้าที่ลิงก์มา</a></li> <li id="t-recentchangeslinked"><a href="/web/20110813200005/http://codex.wordthai.com/%E0%B8%9E%E0%B8%B4%E0%B9%80%E0%B8%A8%E0%B8%A9:RecentChangesLinked/CSS" title="รายการหน้าที่ลิงก์มาที่นี่ และเพิ่งถูกแก้ไข [k]" accesskey="k">ปรับปรุงที่เกี่ยวโยง</a></li> <li id="t-specialpages"><a href="/web/20110813200005/http://codex.wordthai.com/%E0%B8%9E%E0%B8%B4%E0%B9%80%E0%B8%A8%E0%B8%A9:SpecialPages" title="แสดงรายการหน้าพิเศษ [q]" accesskey="q">หน้าพิเศษ</a></li> <li id="t-print"><a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=CSS&printable=yes" title="หน้าที่แสดงผลพร้อมสำหรับพิมพ์ออกมา [p]" accesskey="p">หน้าสำหรับพิมพ์</a></li> <li id="t-permalink"><a href="/web/20110813200005/http://codex.wordthai.com/index.php?title=CSS&oldid=105" title="ลิงก์มาที่เฉพาะรุ่นนี้ในหน้านี้">ลิงก์ถาวร</a></li> </ul> </div> </div> </div> <div class="visualClear"></div> <div id="footer"> <div id="f-poweredbyico"><a href="https://web.archive.org/web/20110813200005/http://www.mediawiki.org/"><img src="/web/20110813200005im_/http://codex.wordthai.com/skins/common/images/poweredby_mediawiki_88x31.png" alt="Powered by MediaWiki"/></a></div> <ul id="f-list">  <script type="text/javascript"> var sc_project=4015252; var sc_invisible=1; var sc_partition=53; var sc_click_stat=1; var sc_security="0129967f"; </script> <script type="text/javascript" src="https://web.archive.org/web/20110813200005js_/http://www.statcounter.com/counter/counter.js"></script>  <a href="https://web.archive.org/web/20110813200005/http://blog.wordthai.com/">seo</a> | <a href="https://web.archive.org/web/20110813200005/http://wordthai.com/">wordpress</a> | <a href="https://web.archive.org/web/20110813200005/http://thaika.com/">Thaika</a> | <a href="https://web.archive.org/web/20110813200005/http://www.thaicarnews.com/">ข่าวรถยนต์</a> | <a href="https://web.archive.org/web/20110813200005/http://www.shopup.com/">ร้านค้าออนไลน์</a> | <a href="https://web.archive.org/web/20110813200005/http://www.shopup.com/">เว็บขายของ</a> | <a href="https://web.archive.org/web/20110813200005/http://www.netdesignhost.com/">เว็บโฮสติ้ง</a> | <a href="https://web.archive.org/web/20110813200005/http://www.%E0%B9%80%E0%B8%AA%E0%B8%B7%E0%B9%89%E0%B8%AD%E0%B8%9C%E0%B9%89%E0%B8%B2%E0%B8%84%E0%B8%99%E0%B8%AD%E0%B9%89%E0%B8%A7%E0%B8%99.com/">เสื้อผ้าคนอ้วน</a> | <a href="https://web.archive.org/web/20110813200005/http://www.netdesignhost.com/">hosting</a> | <a href="https://web.archive.org/web/20110813200005/http://codex.wordthai.com/skins/">interesting</a> | <li id="lastmod"> หน้านี้แก้ไขล่าสุดเมื่อวันที่ 2 กรกฎาคม 2552 เวลา 17:46</li> <li id="viewcount">หน้านี้มีการเข้าชม 7,785 ครั้ง</li> <li id="privacy"><a href="/web/20110813200005/http://codex.wordthai.com/Thai_wordpress:%E0%B8%99%E0%B9%82%E0%B8%A2%E0%B8%9A%E0%B8%B2%E0%B8%A2%E0%B8%AA%E0%B8%B4%E0%B8%97%E0%B8%98%E0%B8%B4%E0%B8%AA%E0%B9%88%E0%B8%A7%E0%B8%99%E0%B8%9A%E0%B8%B8%E0%B8%84%E0%B8%84%E0%B8%A5" title="Thai wordpress:นโยบายสิทธิส่วนบุคคล">นโยบายสิทธิส่วนบุคคล</a></li> <li id="about"><a href="/web/20110813200005/http://codex.wordthai.com/Thai_wordpress:%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B9%88%E0%B8%A2%E0%B8%A7%E0%B8%81%E0%B8%B1%E0%B8%9A%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B9%84%E0%B8%8B%E0%B8%95%E0%B9%8C" title="Thai wordpress:เกี่ยวกับเว็บไซต์">เกี่ยวกับ Thai wordpress</a></li> <li id="disclaimer"><a href="/web/20110813200005/http://codex.wordthai.com/Thai_wordpress:%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%9B%E0%B8%8F%E0%B8%B4%E0%B9%80%E0%B8%AA%E0%B8%98%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%9C%E0%B8%B4%E0%B8%94%E0%B8%8A%E0%B8%AD%E0%B8%9A" title="Thai wordpress:ข้อปฏิเสธความรับผิดชอบ">ข้อปฏิเสธความรับผิดชอบ</a></li> </ul> </div> </div> <script type="text/javascript">if (window.runOnloadHook) runOnloadHook();</script> </body></html>

CINXE.COM