พิมพ์หน้านี้ - วอนท่าน ผู้ช่วยแนะนำทางการโม Theme WP ครับ

อ้างจาก: mammoth! ที่ 22 กุมภาพันธ์ 2012, 01:44:30

ลองดูที่ stylesheet นะครับ ดูว่า img กำหนด class ไว้ยังไงบ้าง
ถ้าจะให้ดีต้องลองเอา theme มาลองไล่ดูครับ

/*

Theme Name:Xanadu
Theme URL: http://www.web2feel.com/xanadu/
Description: Free WordPress theme released by web2feel.com
Author: Jinsona
Author URI: www.web2feel.com (http://www.web2feel.com)
Version: 1.0.0
Tags: black, white, left-sidebar, twitter, fixed-width, theme-options, threaded-comments, banner ads, adsense,fab themes.

*/

*{
   margin: 0px;
   padding: 0px;
}

body {
   margin:0 auto;
   padding:0px 0px 0px 0px;
   font-family:Arial,Tahoma,Century gothic, sans-serif;
   color:#161514;
   font-size:13px;
   background:url(images/body.png);
   }
img {
   border:0;
   margin: 0 0;
   }
a {
   color:#28BABD;
   text-decoration:none;
   outline:none;
   }
a:hover {
   color:#000;
   text-decoration:none;
      }
h1, h2, h3, h4, h5, h6 {

   }
blockquote {
   padding:10px 10px 10px 10px;
   color:#59666f;
   font-style: italic;
   font-family:Georgia;


   }
.clear {
   clear:both;
   }

table{
   border-collapse: collapse;
   border-spacing: 0;
margin: 10px 0 10px;
border:1px solid #fff;
}

table td, table th{

text-align:left;
padding: .4em .8em;
border:1px solid #fff;
}

table th{
background:#ddd ;
color: #999;
text-transform: uppercase;
font-weight: normal;
border:1px solid #fff;
}

table td{
border:1px solid #fff;
background: #eee;
color:#555;
}

table tr.even td{
background: #eee;
border:none;
}

table tr:hover td{
background: #FFF9DF;
}
img.centered {
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 30px;
   padding: 0px;
   }

img.alignnone {
   padding: 5px 5px;
   margin: 0px 0px 10px 0px;
   display: inline;
   background:#eee;

   }

img.alignright {
   padding: 5px 5px;
   margin: 5px 0px 10px 10px;
   display: inline;
   background:#eee;

   }

img.alignleft {
   padding: 5px 5px;
   margin: 10px 15px 10px 0px;
   display: inline;
   background:#eee;

   }

.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 10px;
   }

.alignright {
   float: right;
   margin: 0px 0px 10px 10px;
   }

.alignleft {
   float: left;
   margin: 10px 15px 10px 0px;
   }

.wp-caption {

   text-align: center;
   background:#eee;
   padding: 4px 0px 5px 0px;
   margin: 10px 10px ;
   }

.wp-caption img {
   margin: 0px 0px 5px 0px;
   padding: 0px;
   border: 0px;

   }

.wp-caption p.wp-caption-text {
   margin: 0px;
   padding: 0px 0px 0px 0px;
   font-size: 11px;
   font-weight: normal;
   line-height: 12px;
   color:#444;
   }
.rounded{

   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}

.boxshadow{
-moz-box-shadow: 0px 0px 5px #000000;
-webkit-box-shadow: 0px 0px 5px #000000;
box-shadow: 0px 0px 5px #000000;

}

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.clearfix {
   display: inline-block;
}

html[xmlns] .clearfix {
   display: block;
}

* html .clearfix {
   height: 1%;
}

@font-face {
font-family: 'BebasNeueRegular';
src: url('fonts/BebasNeue-webfont.eot');
src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/BebasNeue-webfont.woff') format('woff'),
url('fonts/BebasNeue-webfont.ttf') format('truetype'),
url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
font-weight: normal;
font-style: normal;

}

@font-face {
font-family: 'LeagueGothicRegular';
src: url('fonts/League_Gothic-webfont.eot');
src: url('fonts/League_Gothic-webfont.eot?#iefix') format('embedded-opentype'),
url('fonts/League_Gothic-webfont.woff') format('woff'),
url('fonts/League_Gothic-webfont.ttf') format('truetype'),
url('fonts/League_Gothic-webfont.svg#LeagueGothicRegular') format('svg');
font-weight: normal;
font-style: normal;

}
/* The Outer cover */

#wrapper {
   margin:0px auto;
   position:relative;

   }

#casing {
   padding:0px 0px 10px 0px;
   width:1000px;
   background:url(images/casing.png) repeat-y;

   }

/* The Header */
#masthead{
   background:url(images/masthead.png) repeat-x;
   height:147px;
}
.topbar{
   height:47px;
}

.feedlist{
   height:47px;
   background:transparent;
   margin:0px 0px 0px 20px;
   float:left;
   line-height:47px;
   }

.feedlist ul {
   list-style:none;
   }

.feedlist ul li{
   float:left;
   margin:0px 10px 0px 0px;

}
.feedlist ul li img{
   float:left;
   margin:12px 5px 0px 0px;

}
.feedlist ul li a:link, .feedlist ul li a:visited{
   color:#888;
}

.feedlist ul li a:hover{
   color:#ddd;
}
#top {
   height:100px;
   margin:0px 0px ;
   position:relative;
      background:url(images/top.png) no-repeat;
   }

#blogname {
   width:500px;
   height:100px;
   margin:0 auto;
   float:left;

   }


h1.logo{
   font-size:12px;
   padding-top:30px;
   width:300px;
   float:left;
   }

h1.logo a:link, h1.logo a:visited{
   color:#ddd;
   margin-left:60px;
}

h1.logo a:hover{
   color:#fff;
}

.top-right{
   float:right;
   width:350px;
   }

/* The Search */


#search {
   width:280px;
   padding:10px 10px ;
   margin:0px 0px 10px 0px;
   display:inline-block;
   float:right;
   background:url(images/search.png);
   border-bottom:1px solid #fff;
   }

#search form {
   margin: 0px 0px 0px 0px;
   padding: 0;
   }

#search fieldset {
   margin: 0;
   padding: 0;
   border: none;
   }

#search p {
   margin: 0;
   font-size: 85%;
   }

#s {
   width:200px;
   background:#F7F7F7;
   margin:0px 0px 0px 0px;
   padding: 5px 5px;
   height:20px;
   border:none;
   font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
   color:#595647;
   float:left;
   display:inline;

   }

#searchsubmit{
   background:#222;
   border:none;
   color:#fff;
   display:block;
   margin:1px 2px 0px 0px;
   padding:5px 5px;
   float:right;
   cursor:pointer;
   border:1px solid #000;
   }

#searchpage{
   background:#fff;
   border:1px solid #ccc;
   margin:0px 10px 0px 10px;
   }

#sform{
   width:450px;
   border:none;
   padding:6px 5px;
   }

#formsubmit{
   float:right;
   background:url(images/sfrm.png) repeat-x;
   border-left:1px solid #ccc!important;
   border:none;
   padding:5px 5px;
   }

.scover{

   }

.sbox{
   padding:10px 0px;
   padding:10px 0px;
   }

.sbox p{
   padding:5px 0px;
   color:#777!important;
}
.shead{
   margin:0px 10px 25px 10px;

}
.shead p{
   margin-left:10px;
   margin-bottom:10px;
   color:#3E91CE;
}

h2.stitle{

   font-weight:normal;
   padding:0px 10px;
}
h2.stitle a{
   color:#6D6750;

}

.searchmeta{
   margin-top:5px;
   color:#A33939;
}

.searchmeta a{
   color:#3E91CE;

}


/*Page menu*/

#botmenu{
   height:100px;
   margin:0px 0px 0px 0px;
   font-size: 16px;
   font-family:Arial, verdana,Tahoma,Century gothic, sans-serif;
   float:left;
   font-family:BebasNeueRegular;
   overflow:hidden;
   }

#submenu {
   margin: 0px auto;
   width:680px;
   padding:0px 0px;

   }

#submenu ul {
   width: 100%;
   float: left;
   list-style: none;
   margin: 0;
   padding: 0 0px;
   }

#submenu li {
   float: left;
   list-style: none;
   margin: 0;
   padding: 0;
   color: #fff;
   text-shadow:1px 1px 0px #386003;
   }

#submenu li a {
   color: #fff;
   display: block;
margin: 0;
   padding: 40px 10px 40px 10px;
   text-decoration: none;
   position: relative;
   text-shadow:1px 1px 0px #386003;
   }

#submenu li a:hover, #submenu li a:active, #submenu .current_page_item a {
   color: #fff;
   text-shadow:1px 1px 0px #000;
   background:url(images/menua.png) repeat-x;

   }

#submenu li a.sf-with-ul {
   padding-right: 20px;
   }



#submenu li li a, #submenu li li a:link, #submenu li li a:visited {
   color: #555;
   font-size:12px;
   text-shadow:none;
   width: 148px;
   font-family: Arial, Tahoma, Verdana;
   margin: 0;
   padding: 0px 10px;
   line-height:35px;
   border-bottom:1px solid #fff;
   border-top:1px solid #eee;
   border-left:1px solid #eee;
   border-right:1px solid #fff;
   text-transform: none;
   position: relative;
   background:#F7F7F7;
   }

#submenu ul ul li:first-child{
   border-top:none;

}

#submenu ul ul li:last-child{
   border-bottom:none;

}

#submenu li li:last-child{
   border-bottom:none;
}

#submenu li li a:hover, #submenu li li a:active {
   background:#FcFcFc;
   color: #333;
   }

#submenu li ul {
   z-index: 9999;
   position: absolute;
   left: -999em;
   height: auto;
   width: 170px;
   margin: 5px 0px;
   padding: 5px 5px;
   background:#414141;
   border-radius: 3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   }

#submenu li ul a {
   width: 150px;
   }

#submenu li ul a:hover, #submenu li ul a:active {
   }

#submenu li ul ul {
   margin: -41px 0 0 179px;
   }

#submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
   left: -999em;
   }

#submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {
   left: auto;
   }

#submenu li:hover, #submenu li.sfHover {
   position: static;
   }

/* Main Content*/

#content {
   float:right;
   width: 700px;
   height:100%;
   padding:0px 0px 0px 0px;
   margin:0px 0px 0px 0px;
   display:inline;
   overflow:hidden;

   }


/* POST */

.post {
   margin: 20px 0px 30px 0px;
   height:100%;
   color:#555;
   width:700px;
   }

.leftcover{
   width:100px;
   background:url(images/line.png) bottom no-repeat;
   padding:2px 0px;
   float:left;
   position:relative;
}
span.arrow{
   width:10px;
   height:20px;
   background:url(images/arrow.png);
   position:absolute;
   right:0px;
   top:30px;

}
.datebox{
   background:url(images/line.png) top no-repeat;
   padding:10px 0px;
}

.date{
   font-size:32px;
   width:100px;
   color:#fff;
   display:block;
   font-family:BebasNeueRegular;
   text-align:center;
}

.month{
   font-size:12px;
   color:#eee;
   text-shadow:1px 1px 0px #111;
   display:block;
   text-align:center;
}

.lavatar{
   width:100px;
   background:url(images/line.png) top no-repeat;
   padding:15px 0px 5px 0px;

}

.lavatar img{
   border:5px solid #111!important;
   margin-left:16px;
   margin-bottom:5px;

}

span.author{
   text-align:center;
   display:block;
   padding:5px 0px;
   color:#eee;
   text-shadow:1px 1px 0px #111;
}

span.author a:link,span.author a:visited {
   color:#fff;
}

.combox{
   width:100px;
   background:url(images/line.png) top no-repeat;
   padding:10px 0px 10px 0px;

}

.coms{
   font-size:36px;
   width:100px;
   color:#fff;
   display:block;
   font-family:BebasNeueRegular;
   text-align:center;
}
.coms a:link,.coms a:visited {
   color:#fff;
}

.combox span{

   font-size:12px;
   color:#eee;
   text-shadow:1px 1px 0px #111;
   display:block;
   text-align:center;
}

.rightcover{
   float:right;
   width:560px;
   background:#fff;
   margin-right:20px;
   border-radius: 10px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
-moz-box-shadow: 0px 0px 5px #aaa;
-webkit-box-shadow: 0px 0px 5px #aaa;
box-shadow: 0px 0px 5px #aaa;
}


.title{
   margin: 0px 0px;
   padding: 5px 0px;

}

.title h2 {
   margin: 0px 0px;
   padding: 15px 20px 5px 20px ;
   font-size: 18px ;
   font-family:BebasNeueRegular,Arial,century gothic,verdana, sans-serif;
   font-weight:normal;
   text-transform:uppercase;

   }

.title h2 a, .title h2 a:link, .title h2 a:visited {
   color:#3a3a3a;
   background-color: transparent;
   }

.title h2 a:hover {
   color: #333;
   background-color: transparent;
   }

img.postimg{
   border:0px solid #eaeaea;

}
.inset{
   background:url(images/inset.png) no-repeat;
}
.entry {
   margin:0 0;
   padding: 0px 20px ;
   }

.entry a:link,
.entry a:visited {
    color:#CF0808;
   }

.entry a:hover {
   color:#ED1717;
   background-color: transparent;
   }

.entry ul, .entry ol{
margin: .4em 0 1em;
line-height: 150%;
}

.entry ul li, .entry ol li{
list-style-position:outside;
margin-left: 3.6em;
}

.entry p{
   margin:0px 0px 10px 0px;
   padding:5px 0px;
   line-height:24px;
}

.singleinfo{
   padding:10px 0px;
   border-top:1px solid #ddd;
}
.category{
   padding:5px 0 5px 20px;
   color:#827A60;
   font-size:10px;
   text-transform:uppercase;
   }

.category a:link,.category a:visited{
   color:#CF0808;
   }

.category a:hover{
   color:#444;
   }


/* left column */
.left{

   float:left;
   width:300px;
   padding:0px 0px 0px 0;
   display:inline;
   overflow:hidden;
}

h3.sidetitl{
   font-family: BebasNeueRegular,Tahoma,Century gothic, sans-serif;
   color:#222;
   font-size:26px;
   padding:10px 0px 10px 0px;
   font-weight:normal;

}
/* The Sidebar */

.sidebar{
   float:left;
}

.sidebox{
   width:370px;
   margin:30px 15px 10px 15px;
   list-style:none;
   color:#6f6f6f;
   }

.sidebox ul {
   list-style-type: none;
   margin: 0px;
   padding: 0px 0px 5px 0px ;

   }
.sidebox li{
   list-style-type: none;
   margin: 0 ;
   padding: 0;

   }
.sidebox ul ul {
   list-style-type: none;
   margin: 0;
   padding: 0px 0px 0px 0px;
   background-repeat:no-repeat;
      }

.sidebox ul ul ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   border:0;
   }

.sidebox ul ul ul ul {
   list-style-type: none;
   margin: 0;
   padding: 0;
   border:0;

   }

.sidebox ul li {
   height:100%;
   line-height:18px;
   clear:left;
   width:270px;
   margin:0px 0px;
   list-style-type: none;
   text-shadow:1px 1px 0px #fff;
   }


.sidebox ul li a:link, .sidebox ul li a:visited {

   color:#555;
   text-decoration: none;
   padding: 5px 0px 5px 0px;
   display:block;

   }

.sidebox ul li a:hover {
   color: #C80101;

   }


.sidebox.widget_categories ul li,.sidebox.widget_pages ul li,.sidebox.widget_archive ul li,
.sidebox.widget_links ul li,.sidebox.widget_meta ul li{

   border-bottom:1px solid #ddd;
}

.sidebox.widget_recent_entries ul li a{
   border-bottom:1px solid #ddd;
}

ul#recentcomments li.recentcomments {
   padding:5px 0px;
   border-bottom:1px solid #ddd;
}

.squarebanner {
   margin:0px 0px 10px 15px;
   width:270px;
   }

.squarebanner ul{
   list-style-type:none;
   margin: 0px auto;
   padding: 0px 0px 0px 0px;
   overflow:hidden;
      }

.squarebanner ul li{
   list-style-type:none;
   margin: 10px 10px 0px 0px;
   float:left;
   display:inline;
   background:#eee;
   }

.squarebanner ul li.rbanner{
   margin-right:0px;

}
/*calendar*/

#wp-calendar{
   width: 100%;
   padding: 0px 5px;

}
#calendar_wrap{

   margin:0px auto;
}

#wp-calendar caption{
   padding: 10px 5px 5px 5px ;
   font-size:16px;
   color:#375752;
   font-weight:bold;
   font-family:Georgia,Century gothic, Arial, sans-serif;
   text-transform:uppercase;
}

#wp-calendar th, #wp-calendar td{
   padding: 5px;
   text-align:center;
   color:#fff;
   background:#555;
}

#wp-calendar td a{

   padding: 0px;
   border:none;
   color:#843400;
}
#wp-calendar td{
   background:transparent;
   border:none;
   color:#444;
}
#wp-calendar td, table#wp-calendar th{
   padding: 2px 0;
}




/* --- FOOTER --- */

#footer {
   padding:30px 0 25px 0px;
   color:#777;
   font-size:11px;
   background:url(images/casing.png) repeat-y;

   }

#footer a:link , #footer a:visited{
   color:#777;
   }

#footer a:hover {
   color:#777;
   }

.fcred{
   width:1000px;
   text-align:center;
   margin:0px auto;
   line-height:16px;
}



/* The Navigation */

#navigation{
   margin:5px 0px 0px 115px;
   padding:5px 0px;

   }


/* The Attachment */

.contentCenter {
   text-align:center;
   }

/* The Page Title */

h2.feat-title {
   padding:25px 0px 10px 0px;
   font-size:18px;
   font-weight:normal;
   color:#444;
   font-family:BebasNeueRegular;
   margin-left:120px;
   }
h2.feat-title a {
    color:#507409;
}
/* Comments */

#commentsbox {

   margin:0px 0px 0px 115px;

}

h3#comments{
   font-size:20px;
   color:#111;
   font-weight:normal;
   padding:10px 0px 15px 0px ;
   margin-top:10px;
   font-family:BebasNeueRegular;
}

ol.commentlist {
   margin:0px 0px;
   clear:both;
   overflow:hidden;
   list-style:none;

}
ol.commentlist li {

   margin:10px 20px 20px 5px;
   line-height:18px;
   padding:10px;
   background:#fdfdfd;
-moz-box-shadow: 0px 0px 3px #aaa;
-webkit-box-shadow: 0px 0px 3px #aaa;
box-shadow: 0px 0px 3px #aaa;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
}
ol.commentlist li .comment-author {
   color:#333;

}
ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{

   color:#333;
   font-weight:bold;
   text-decoration:none !important;
}

ol.commentlist li .comment-author .fn {
   color:#333;
}
cite.fn{
   color:#eee;
   font-style:normal;
}
ol.commentlist li .comment-author .avatar{
   float:right;
   border:1px solid #eee;
   background:#fff;
   padding:3px;
}
ol.commentlist li .comment-meta{
   font-size:10px;

}
ol.commentlist li .comment-meta .commentmetadata{

   color:#000;
}

ol.commentlist li .comment-meta a {
   color:#ED1717;
   text-decoration:none !important;
}
ol.commentlist li p {
   line-height:22px;
   margin-top:5px;
   color:#666;
   font-size:12px;

}
ol.commentlist li .reply{
   margin-top:10px;
   font-size:10px;
}
ol.commentlist li .reply a{
   background:#444;
   border:1px solid #111;
   color:#fff;
   text-decoration:none;
   padding:3px 10px;
}

ol.commentlist li.odd {

}
ol.commentlist li.even {

}

ol.commentlist li ul.children {
   list-style:none;
   margin:1em 0 0;
   text-indent:0;

}

ol.commentlist li ul.children li.depth-2 {

   margin:0 0 0px 50px;

}

ol.commentlist li ul.children li.depth-3 {

   margin:0 0 0px 50px;

}

ol.commentlist li ul.children li.depth-4 {

   margin:0 0 0px 50px;

}
ol.commentlist li ul.children li.depth-5 {

   margin:0 0 0px 50px;

}
.comment-nav{

   padding:5px ;
   height:20px;

}

.comment-nav a:link,.comment-nav a:visited{

   color:#E73540;
}

#respond{

   padding:0px 0px ;
   margin:10px 20px 0px 5px;

}
#respond h3 {
   font-size:24px;
   font-weight:normal;
   padding:10px 0px ;
   color:#555;
   font-family:BebasNeueRegular


}
#commentform {
   padding:10px 0px;
}
#commentform a {
   color:#CF0808;
}

#commentform p{
   margin:5px 0px ;
   color:#999;
}
#respond label{
   display:block;
   padding:5px 0;
   color:#999;

}
#respond label small {
   font-size:10px;

}
#respond input {
   margin-bottom:10px;
   padding:5px 5px;
   margin:0 10px 10px 0;
   background:#fff;
   border:1px solid #ddd;
   color:#02070F;
}
#commentform input{
   width:50%;

}

#respond input#commentSubmit {
   width:100px;
   padding:3px 5px;
   background:#444;
   border:1px solid #111;
   color:#fff;
   margin:10px 0px;
   cursor:pointer;
}
textarea#comment{
   border:none;
   background:#fff;
   border:1px solid #ddd;
   width:70%;
   margin:10px 0px 0px 0px;
   padding:5px 5px;
   color:#02070F;
}

/* Pagination */

.wp-pagenavi{

   font-size:12px;
   text-align: center !important;

}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {

   text-decoration: none;
   background:#CF0808!important;
   border: 1px solid #A00606 !important;
   color:#fff !important;
   padding:3px 7px !important;
   display: block;
   text-align: center;
   float: left;
   margin-right: 4px;

}

.wp-pagenavi a:hover {
   color: #ffffff;
}

.wp-pagenavi span.pages {

display:none;
}

.wp-pagenavi span.current {
   text-decoration: none;
   background:#333 !important;
   border: 1px solid #111!important;
   color:#fff !important;
   padding:3px 7px !important;
   display: block;
   text-align: center;
   float: left;
   margin-right: 4px;

}

.wp-pagenavi span.extend {

   text-decoration: none;
   background:#333 !important;
   border: 1px solid #111 !important;
   color:#fff !important;
   padding:3px 7px !important;
   display: block;
   text-align: center;
   float: left;
   margin-right: 4px;

}

หน้า stylesheet มันเป็นอย่างนี้ครับเปลี่ยนตรงไหนครับช่วยผมที่ยาวหน่อยครับ

ThaiSEOBoard.com

พัฒนาเว็บไซต์ => CMS & Free Script => ข้อความที่เริ่มโดย: tutuo ที่ 21 กุมภาพันธ์ 2012, 22:07:50