ยินดีต้อนรับคุณ, บุคคลทั่วไป กรุณา เข้าสู่ระบบ หรือ ลงทะเบียน

เข้าสู่ระบบด้วยชื่อผู้ใช้ รหัสผ่าน และระยะเวลาในเซสชั่น

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free Scriptช่วยแนะนำวิธีแก้ไข theme นี้ให้หน่อยครับ ลองแก้มา 4 วันแล้วยังไม่สำเร็จ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: ช่วยแนะนำวิธีแก้ไข theme นี้ให้หน่อยครับ ลองแก้มา 4 วันแล้วยังไม่สำเร็จ  (อ่าน 1653 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
fryingdagger
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 3



ดูรายละเอียด
« เมื่อ: 30 มิถุนายน 2007, 09:14:52 »

ิี้เป็นผลงานชิ้นแรกของผมด้วยครับ
ผมลองทำมา 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;
}
บันทึกการเข้า
icann
ยามแจ้งข่าว
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 59
ออฟไลน์ ออฟไลน์

กระทู้: 1,921



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 03 กรกฎาคม 2007, 19:32:28 »

ไม่มั่นใจนะครับ จะขอลองมั่วดู ย้ำ...ไม่มั่นใจนะครับ แต่ลองดู

รูปที่ 1

1. ดูว่า ข้อความนั้นอยู่ภายใต้คำสั่งอะไร ถ้าให้เดา ผมว่าอยู่ที่ #content_container

#content_container {
   width: 74.9%;
   float: left;
}



หรือไม่ก็ี้ #side_container

#side_container {
   width: 25%;
   float: right;
}



2. ให้ลองแก้ % ตรง width ความกว้างของ content ทีละตัวนะครับแบคอัพไว้ด้วย จะเห็นว่า 2 ตัวนี้สัมพันธ์กันครับ + แล้วจะได้ 100% เท่ากับความกว้างของเพจทั้งหน้า ตัว 1 เห็น content อีกตัวเป็น menu ดังนั้น คำนวณดีๆ ครับ

ป.ล. เปอร์เซนต์ที่จะเป็น #content_container มีสูงมากเพราะ ตามรูปตัวอักษรมันชิดซ้าย float: left; ครับ
ป.ล.2 ถ้าแก้แล้้ว content ของโพสอื่น ๆ จะขยับตามด้วยทางที่ดีสั่งให้รูป center ครับ


รูปที่ 2

จนปัญญาครับ รอผู้รู้มาตอบดีกว่า

« แก้ไขครั้งสุดท้าย: 03 กรกฎาคม 2007, 20:09:00 โดย 9nat » บันทึกการเข้า

อยากรู้ต้องขวนขวายหาอ่าน อยากชำนาญต้องลงมือทำ
follow me on twitter @9nat เหงา หาเพื่อน เล่น msn ครับ :3
yoot
ก๊วนเสียว
*

พลังน้ำใจ: 58
ออฟไลน์ ออฟไลน์

กระทู้: 342



ดูรายละเอียด
« ตอบ #2 เมื่อ: 03 กรกฎาคม 2007, 21:22:36 »

รูปที่ 1.

#content_container {
   width: 74.9%;
   float: left;
}
คอลัมภ์ซ้ายอยู่ในส่วนนี้ ถ้าจะให้ข้อความเท่ากับรูปก็ต้องกำหนด width: _?_px; เป็นพิกเซล=ความกว้างของรูป
แต่ถ้าทำแบบนี้จะทำให้ช่องว่างระหว่างคอลัมภ์ซ้ายขวาจะห่างกันมากเกิน

หรืออีกแบบหนึ่ง
#content {
   width: _?_px;
   margin-right: 5px;
   padding: 0 5px;
   line-height: 18px;
}
ลองเพิ่ม width: _?_px; เข้าไป แล้วลองดูผลว่าต่างกันยังไง

รูปที่ 2. คอลัมภ์ขวา

Categories ชิดบนไป ลองแก้แบบนี้ดู
#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;
}
margin: 10px -5px 10px -5px;
เพิ่มช่องห่างด้านบนเป็น 10 พิกเซล

Blogroll ที่มีจุด ลองเปิด sidebar.php แล้วดูว่ามันโดนครอบด้วย <li>Blogroll</li> หรือเปล่า
ถ้ามีแก้เป็น <p class="side_title">Blogroll</p>

พอเป็นแนวทางนะครับ เพราะไม่ได้เห็นเว็บจริงๆ
บันทึกการเข้า

icann
ยามแจ้งข่าว
Verified Seller
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 59
ออฟไลน์ ออฟไลน์

กระทู้: 1,921



ดูรายละเอียด เว็บไซต์
« ตอบ #3 เมื่อ: 03 กรกฎาคม 2007, 22:12:16 »

เหอ ๆ คารวะท่านเซียนครับ  Tongue
« แก้ไขครั้งสุดท้าย: 03 กรกฎาคม 2007, 22:13:51 โดย 9nat » บันทึกการเข้า

อยากรู้ต้องขวนขวายหาอ่าน อยากชำนาญต้องลงมือทำ
follow me on twitter @9nat เหงา หาเพื่อน เล่น msn ครับ :3
yoot
ก๊วนเสียว
*

พลังน้ำใจ: 58
ออฟไลน์ ออฟไลน์

กระทู้: 342



ดูรายละเอียด
« ตอบ #4 เมื่อ: 04 กรกฎาคม 2007, 20:31:51 »

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

7
หัวหน้าแก๊งเสียว
*

พลังน้ำใจ: 16
ออฟไลน์ ออฟไลน์

กระทู้: 1,353



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 04 กรกฎาคม 2007, 20:38:22 »

แก้ไฟล์ css ต้องกด refresh ทุกครั้งนะครับ ถึงจะเปลี่ยน บางทีอาจจะหลงได้
บันทึกการเข้า

fryingdagger
Newbie
*

พลังน้ำใจ: 0
ออฟไลน์ ออฟไลน์

กระทู้: 3



ดูรายละเอียด
« ตอบ #6 เมื่อ: 07 กรกฎาคม 2007, 22:58:38 »

ขอบคุณมากๆครับ จะไปลองทำดูครับ ไม่ได้เข้าเนทมา 3 วัน ไปหาหมอมาครับ Smiley
บันทึกการเข้า
zern
เจ้าพ่อบอร์ดเสียว
*

พลังน้ำใจ: 117
ออฟไลน์ ออฟไลน์

กระทู้: 3,244



ดูรายละเอียด
« ตอบ #7 เมื่อ: 07 กรกฎาคม 2007, 23:12:39 »

ขอบคุณมากๆครับ จะไปลองทำดูครับ ไม่ได้เข้าเนทมา 3 วัน ไปหาหมอมาครับ Smiley

เป็นไรอ่ะไปโรงบาลทีตั้ง 3 วัน Shocked
เป็นกิ๊กกับคุณ"พะยาบาน"หรือเปล่า Cheesy
บันทึกการเข้า

สูงสุด ที่สุดก็คืนสู่สามัญ
หน้า: [1]   ขึ้นบน
พิมพ์