ิี้เป็นผลงานชิ้นแรกของผมด้วยครับ
ผมลองทำมา 4 วันแล้ว ยังไม่สำเร็จเลยครับ (ผมไม่มีพื้นฐาน html php css แต่ก็ลองศึกษาอยู่หลายวัน ก็ได้มานิดหน่อยครับ)
นี่คือวิธีที่ผมลองทำ
1.เข้าไปที่ theme editor แก้ตรง stylesheet.css กด update file แล้วไม่เห็นมีอะไรเปลี่ยนแปลง
ลองลบ code บางส่วน ก็ไม่เห็นมีอะไรเปลี่ยน พอลบทั้งหมด theme หายไปเลย
2.เข้าไปเปิด file stylesheet ด้วย notepad แล้วลองแก้ดู พอ save แล้วเปิดมาดูใหม่ก็ไม่เห็นอะไรเปลี่ยนแปลงครับ
*ผม chmod เป็น 777 แล้วด้วยนะครับ
นี่เป็น link รูปตรงที่ผมอยากแก้ไขครับ
http://i155.photobucket.com/al...yingdagger/Graphic1_resize.jpg 
http://i155.photobucket.com/al...yingdagger/Graphic2_resize.jpg ช่วยแนะนำหน่อยนะครับมือใหม่จริงๆ แต่พยายามหาความรู้แล้วนะครับไม่ใช่เอะอะก็มาถาม
อยากรู้ว่าถ้าจะแก้เข้าไปแก้ตรงไหน และแก้อย่างไรครับ
ขอบคุณล่วงหน้านะครับ
และนี่คือใน stylesheet.css ครับ
/*
Theme Name: Ds Rosa
Theme URI:
http://biboz.net/ds-rosa/ Description: ds rosa is a minimalist and clean theme without images for wordpress
Version: 1.0
Author: Ivan Garcia
Author URI:
http://globalwarming.awareness2007.com */
/* GLOBAL STUFF */
body,td,th {
background-color: #FFFFFF;
color: #666666;
font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
}
body {
margin: 15px;
text-align: center;
}
a {
color: #FF0066;
text-decoration: none;
outline: none;
}
a:hover {
color: #FF0066;
}
#header h1 a, h1 a:hover, h1 a:visited{
color: #666666;
text-decoration: none;
outline: none;
}
#content h2 a, h2 a:hover, h2 a:visited{
color: #000000;
text-decoration: none;
outline: none;
}
h1, h2, h3, h4, h5, h6 {
padding: 1px 5px;
border-bottom: #CCCCCC solid 1px;
border-left: #FF0066 solid;
color: #333333;
font-weight: normal;
line-height: normal;
}
h1 {
font-size: 32px;
border-left-width: 20px;
}
h2 {
font-size: 24px;
border-left-width: 16px;
}
h3 {
font-size: 18px;
border-left-width: 14px;
}
h4 {
font-size: 16px;
border-left-width: 12px;
}
h5 {
font-size: 13px;
border-left-width: 10px;
}
h6 {
font-size: 10px;
border-left-width: 8px;
}
hr {
height: 1px;
color: #999999;
}
img {
border: 0;
}
ul {
list-style: square;
}
acronym, abbr {
border-bottom: #BBBBBB dashed 1px;
cursor: help;
}
acronym:hover, abbr:hover {
color: #000000;
}
/* CLASSES */
.float_left {
float: left;
}
.float_right {
float: right;
}
.clear {
clear: both;
}
.qoute {
margin: 20px 50px;
padding: 15px 25px 15px 15px;
background-color: #FBFBFB;
border-left: #E5E5E5 solid 10px;
font-size: 10px;
line-height: 20px;
display: block;
}
.underline {
border-bottom: solid 1px;
}
.sidenotes {
margin-bottom: 15px;
}
.sidenotes ul {
margin: -10px -5px 0 -5px;
padding: 0;
list-style: none;
display: block;
}
.sidenotes ul a {
color: #666666;
display: block;
}
.sidenotes ul a:hover {
color: #000000;
}
.sidenotes ul li {
padding: 8px 5px 10px 5px;
border-bottom: #CCCCCC dashed 1px;
}
.sidenotes ul li .title {
color: #333333;
font-weight: bold;
display: block;
}
.sidenotes ul li .date {
color: #999999;
font-size: 10px;
display: block;
}
.sidenotes ul li .more {
margin: -5px 0;
font-size: 10px;
text-align: right;
display: block;
}
.sidenotes ul li .more a {
color: #333333;
display: inline;
}
.sidenotes ul li .more a:hover {
color: #FF0066;
}
.sidenotes ul li .more a img {
padding-left: 3px;
vertical-align: baseline;
}
/* STRUCTURE (in order of appearance) */
#body {
margin: 0 auto;
text-align: justify;
}
#header {
padding: 5px 0 5px 10px;
border-left: #FF0066 solid 50px;
color: #666666;
font-size: 18px;
}
#header .name {
margin-left: -3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 48px;
font-weight: bold;
}
#menu {
height: 30px;
margin: 1px 0 5px 0;
padding-top: 1px;
border-top: #CCCCCC solid 1px;
font-size: 14px;
line-height: normal;
}
#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu li {
display: inline;
}
#menu a {
padding: 5px 10px 7px 10px;
color: #666666;
float: left;
}
#menu a:hover {
color: #000000;
}
#menu .pressed {
padding: 5px 10px 7px 10px;
color: #FF0066;
font-weight: bold;
float: left;
}
#content_container {
width: 74.9%;
float: left;
}
#content {
margin-right: 5px;
padding: 0 5px;
line-height: 18px;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
margin-left: -5px;
margin-right: -5px;
}
#side_container {
width: 25%;
float: right;
}
#side {
margin-left: 10px;
padding: 0 5px;
line-height: 18px;
}
#side .side_title {
margin: 0 -5px 10px -5px;
padding: 3px 5px 5px 5px;
border-bottom: #CCCCCC solid 1px;
border-left: #FF0066 solid 10px;
color: #333333;
font-size: 20px;
display: block;
}
#footer_clear {
clear: both;
}
#footer {
margin-top: 10px;
padding: 9px;
background-color: #F9F9F9;
font-size: 10px;
text-align: center;
}
พัฒนาเว็บไซต์
