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

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

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

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

กระทู้: 10



ดูรายละเอียด
« เมื่อ: 14 กุมภาพันธ์ 2013, 11:24:01 »

สวัสดีครับ,

ผมพยายามเปลี่ยนสีตัวหนังสือของ post ให้เป็นสีขาว เพราะสีเดิมมันกลืนกับสีของ background ดังเว็บนี้ คลิก
โดยพยายามแก้ CSS ใน style.css ของ Wordpress ครับ

« แก้ไขครั้งสุดท้าย: 14 กุมภาพันธ์ 2013, 11:25:50 โดย 7somethings » บันทึกการเข้า
boonlod
ก๊วนเสียว
*

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

กระทู้: 352



ดูรายละเอียด เว็บไซต์
« ตอบ #1 เมื่อ: 14 กุมภาพันธ์ 2013, 11:27:26 »

เพิ่มนี่เข้าไปครับ

.content p{
color:#FFF;
}
บันทึกการเข้า

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

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

กระทู้: 1,549



ดูรายละเอียด
« ตอบ #2 เมื่อ: 14 กุมภาพันธ์ 2013, 11:27:37 »

แก้ไขไฟล์ style.css

ให้แก้ตามนี้ครับ

body {
font-family: Arial;
color: #fff;
}
บันทึกการเข้า

รับทำเว็บด้วย Wordpress
- รับติดตั้งและลงเว็บ Wordperss เริ่มต้น 200 บาท
- รับปรับแต่งและแก้ไขธีม Wordpress,SMF เริ่มต้น 400 บาท
- รับโมธีม Wordpress เริ่มต้น 700 บาท จำกัด 1 โดเมน : ไม่จำกัดโดเมน 1500 บาท
7somethings
Newbie
*

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

กระทู้: 10



ดูรายละเอียด
« ตอบ #3 เมื่อ: 14 กุมภาพันธ์ 2013, 11:40:40 »

เพิ่มนี่เข้าไปครับ

.content p{
color:#FFF;
}


ขอบคุณครับ แต่มันได้แค่หน้าบางหน้า แต่หน้าอื่นๆ ยังไม่ได้ เช่น หน้าแรก คลิก   ตัวหนังสือเหนือคำว่า MORE
หรือในหน้านี้ คลิก
บันทึกการเข้า
siclop
คนรักเสียว
*

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

กระทู้: 125



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 14 กุมภาพันธ์ 2013, 11:49:44 »

ลองดูนะ แก้ตรง more นะ
.box-text{
color:#FFF;(สีก็แล้วแต่จะเลือกครับ)
}
ถ้ามันมีประกาศ .box-textอยู่แล้วก็แก้ของเก่าเอานะ
บันทึกการเข้า

boonlod
ก๊วนเสียว
*

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

กระทู้: 352



ดูรายละเอียด เว็บไซต์
« ตอบ #5 เมื่อ: 14 กุมภาพันธ์ 2013, 11:49:56 »

เพิ่มนี่เข้าไปครับ

.content p{
color:#FFF;
}


ขอบคุณครับ แต่มันได้แค่หน้าบางหน้า แต่หน้าอื่นๆ ยังไม่ได้ เช่น หน้าแรก คลิก  ตัวหนังสือเหนือคำว่า MORE
หรือในหน้านี้ คลิก

จากหน้านี้นะครับ => http://www.renewableenergythai.com/site2/
ผมลอง view-source

<div class="box-text">
<h2>All the aspects of wine making process</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce cipit.</div>

ตัวอักษรมันอยู่ใน class="box-text " วิธีทำก็คือหา
.box-text{
 //เพิ่ม color:#FFF; เข้าไปนะครับ
}

ต้องแก้ด้วยวิธีนี้นะครับ มิฉะนั้น layout เว็บของคุณพังแน่ๆ
ต้องไล่แก้ที่ละ step ครับ

และก็เพิ่ม
p{
 color:#FFF;
}
อันนี้หมายถึงแท๊ก <p></p> ที่ไม่ได้อยู่ภายใต้ class ใดๆ จะแสดงผลเป็นสีัขาวทั้หมดครับ


ส่วนหน้านี้ www.renewableenergythai.com/site2/privacy-policy/
.grid_24 p{
 color:#FFF;
}

เพิ่มอีกครับ
หา class excerpt  แล้วเพิ่ม color:#FFF; เข้าไปครับ

.excerpt{
 color:#FFF;
}

ตามนี้นะครับ
มีอะไรเพิ่มเติมปรึกษาได้นะครับ
« แก้ไขครั้งสุดท้าย: 14 กุมภาพันธ์ 2013, 11:56:05 โดย boonlod » บันทึกการเข้า

7somethings
Newbie
*

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

กระทู้: 10



ดูรายละเอียด
« ตอบ #6 เมื่อ: 14 กุมภาพันธ์ 2013, 14:47:55 »

เพิ่มนี่เข้าไปครับ

.content p{
color:#FFF;
}


ขอบคุณครับ แต่มันได้แค่หน้าบางหน้า แต่หน้าอื่นๆ ยังไม่ได้ เช่น หน้าแรก คลิก  ตัวหนังสือเหนือคำว่า MORE
หรือในหน้านี้ คลิก

จากหน้านี้นะครับ => http://www.renewableenergythai.com/site2/
ผมลอง view-source

<div class="box-text">
<h2>All the aspects of wine making process</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce cipit.</div>

ตัวอักษรมันอยู่ใน class="box-text " วิธีทำก็คือหา
.box-text{
 //เพิ่ม color:#FFF; เข้าไปนะครับ
}

ต้องแก้ด้วยวิธีนี้นะครับ มิฉะนั้น layout เว็บของคุณพังแน่ๆ
ต้องไล่แก้ที่ละ step ครับ

และก็เพิ่ม
p{
 color:#FFF;
}
อันนี้หมายถึงแท๊ก <p></p> ที่ไม่ได้อยู่ภายใต้ class ใดๆ จะแสดงผลเป็นสีัขาวทั้หมดครับ


ส่วนหน้านี้ www.renewableenergythai.com/site2/privacy-policy/
.grid_24 p{
 color:#FFF;
}

เพิ่มอีกครับ
หา class excerpt  แล้วเพิ่ม color:#FFF; เข้าไปครับ

.excerpt{
 color:#FFF;
}

ตามนี้นะครับ
มีอะไรเพิ่มเติมปรึกษาได้นะครับ


ขอบคุณมากๆ ครับ แก้สีได้เกือบหมดแล้ว ยังเหลือ
1. วัน/เดือน/ปี ของโพสต์
2. หน้านี้ ตรงข้างล่างๆ ที่เป็นข้อมูลที่อยู่ คลิก
บันทึกการเข้า
online7
หัวหน้าแก๊งเสียว
*

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

กระทู้: 1,549



ดูรายละเอียด
« ตอบ #7 เมื่อ: 14 กุมภาพันธ์ 2013, 14:50:41 »

แก้ไขไฟล์ style.css

ให้แก้ตามนี้ครับ

body {
font-family: Arial;
color: #fff;
}


แค่เปลี่ยนตามนี้จุดเดียวก่อนจบแล้วครับ ไม่ต้องไปไล่แก้ตามจุดต่างๆเลย
บันทึกการเข้า

รับทำเว็บด้วย Wordpress
- รับติดตั้งและลงเว็บ Wordperss เริ่มต้น 200 บาท
- รับปรับแต่งและแก้ไขธีม Wordpress,SMF เริ่มต้น 400 บาท
- รับโมธีม Wordpress เริ่มต้น 700 บาท จำกัด 1 โดเมน : ไม่จำกัดโดเมน 1500 บาท
boonlod
ก๊วนเสียว
*

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

กระทู้: 352



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 14 กุมภาพันธ์ 2013, 15:26:50 »

เพิ่มนี่เข้าไปครับ

.content p{
color:#FFF;
}


ขอบคุณครับ แต่มันได้แค่หน้าบางหน้า แต่หน้าอื่นๆ ยังไม่ได้ เช่น หน้าแรก คลิก  ตัวหนังสือเหนือคำว่า MORE
หรือในหน้านี้ คลิก

จากหน้านี้นะครับ => http://www.renewableenergythai.com/site2/
ผมลอง view-source

<div class="box-text">
<h2>All the aspects of wine making process</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent vestibulum molestie lacus. Aenean nonummy hendrerit mauris. Phasellus porta. Fusce cipit.</div>

ตัวอักษรมันอยู่ใน class="box-text " วิธีทำก็คือหา
.box-text{
 //เพิ่ม color:#FFF; เข้าไปนะครับ
}

ต้องแก้ด้วยวิธีนี้นะครับ มิฉะนั้น layout เว็บของคุณพังแน่ๆ
ต้องไล่แก้ที่ละ step ครับ

และก็เพิ่ม
p{
 color:#FFF;
}
อันนี้หมายถึงแท๊ก <p></p> ที่ไม่ได้อยู่ภายใต้ class ใดๆ จะแสดงผลเป็นสีัขาวทั้หมดครับ


ส่วนหน้านี้ www.renewableenergythai.com/site2/privacy-policy/
.grid_24 p{
 color:#FFF;
}

เพิ่มอีกครับ
หา class excerpt  แล้วเพิ่ม color:#FFF; เข้าไปครับ

.excerpt{
 color:#FFF;
}

ตามนี้นะครับ
มีอะไรเพิ่มเติมปรึกษาได้นะครับ


ขอบคุณมากๆ ครับ แก้สีได้เกือบหมดแล้ว ยังเหลือ
1. วัน/เดือน/ปี ของโพสต์
2. หน้านี้ ตรงข้างล่างๆ ที่เป็นข้อมูลที่อยู่ คลิก


จากโค้ด
//*****///
<dl class="address">
<dt>The Company Name Inc.<br />
9870 St Vincent Place,<br />
Glasgow, DC 45 Fr 45.</dt>
<dd>
<ul>
<li><span>Telephone:</span>+1 800 603 6035</li>
<li><span>FAX:</span>+1 800 889 9898</li>
<li>E-mail: <a href="#">[email protected]</a></li>
</ul>
</dd>
</dl>

//*****///
มี 3 วิธีครับผมไม่แน่ใจว่าวิธีไหน
.address{
 color:#FFF;
}
หรือ
.dl,.dt,.dd{
color:#FFF;
}
หรือ
.dd ul li{
color:#FFF;
}

*ลองดูนะครับ ถ้าไม่ได้ก็แจ้งมาอีกทีนะครับ
« แก้ไขครั้งสุดท้าย: 14 กุมภาพันธ์ 2013, 15:28:35 โดย boonlod » บันทึกการเข้า

boonlod
ก๊วนเสียว
*

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

กระทู้: 352



ดูรายละเอียด เว็บไซต์
« ตอบ #9 เมื่อ: 14 กุมภาพันธ์ 2013, 15:32:01 »

แก้ไขไฟล์ style.css

ให้แก้ตามนี้ครับ

body {
font-family: Arial;
color: #fff;
}


แค่เปลี่ยนตามนี้จุดเดียวก่อนจบแล้วครับ ไม่ต้องไปไล่แก้ตามจุดต่างๆเลย
จขกท. เค้าน่าจะลองแล้วละครับ น่าจะไม่ได้
ตอนผมเขียนเว็บใหม่ๆผมเคยเป็นเหมือนกัน
น่าจะเกินการซ้ำซ้อนกันของโค้ด css
บันทึกการเข้า

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

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

กระทู้: 1,018



ดูรายละเอียด
« ตอบ #10 เมื่อ: 14 กุมภาพันธ์ 2013, 16:00:00 »

ลองอันนี้ดูครับ เผื่อได้ ไม่ค่อย ถนัด css เท่าไร  Tongue

body {
font-family: Arial;
color:#fff !important;
}

a {
  color: #fff !important;
}
บันทึกการเข้า
Peetakhon
คนรักเสียว
*

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

กระทู้: 115



ดูรายละเอียด
« ตอบ #11 เมื่อ: 14 กุมภาพันธ์ 2013, 18:16:38 »


 Cry เยี่ยมมาก

บันทึกการเข้า

หน้า: [1]   ขึ้นบน
พิมพ์