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

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

ThaiSEOBoard.comพัฒนาเว็บไซต์CMS & Free Scriptเปลี่ยน code จาก font-size เป็น h2 ยังไงครับ
หน้า: [1]   ลงล่าง
พิมพ์
ผู้เขียน หัวข้อ: เปลี่ยน code จาก font-size เป็น h2 ยังไงครับ  (อ่าน 1615 ครั้ง)
0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้
vava
เจ้าพ่อบอร์ดเสียว
*

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

กระทู้: 4,901



ดูรายละเอียด เว็บไซต์
« เมื่อ: 05 ตุลาคม 2013, 04:42:52 »

css ผม เป็นแบบนี้ครับ

โค๊ด:
cat-menu ul li a {display:block;padding:12px 18px 12px 18px;text-align:center;font-size:19px;height:19px;color:#FFF;border-right:1px solid #303336;border-left:1px solid #515659;text-transform:uppercase;font-family:BebasNeueRegular, Arial, Sans-Serif;}

คือฟอนต์มันขนาด 19px แต่ผมอยากให้มันเป็น ขนาด h2 น่ะครับ พอดีว่าผมใส่คำสั่ง cufon สำหรับ H2 ไว้ครับ รบกวนด้วยนะครับ
« แก้ไขครั้งสุดท้าย: 05 ตุลาคม 2013, 05:11:26 โดย vava » บันทึกการเข้า

BakKheab
สมุนแก๊งเสียว
*

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

กระทู้: 725



ดูรายละเอียด
« ตอบ #1 เมื่อ: 05 ตุลาคม 2013, 05:23:24 »

ยังไงครับ งงกับคำถามมากเลยครับ

แต่ถ้าอยากให้ font มีขนาดเท่า H2 ก็กำหนดให้มันมีขนาดเท่า H2 สิครับ

Size H2 น่าจะประมาณ 24px ที่เป็นตัวหนา

ก็น่าจะใช้ CSS ประมาณนี้
font-size:22px;
font-weight:bold;

ต้องการแบบนี้ใช่ไหมครับ หรือผมเข้าใจผิด  wanwan044
บันทึกการเข้า
vava
เจ้าพ่อบอร์ดเสียว
*

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

กระทู้: 4,901



ดูรายละเอียด เว็บไซต์
« ตอบ #2 เมื่อ: 05 ตุลาคม 2013, 05:35:54 »

ขอโทษที่ทำให้งงนะครับ

คือตอนนี้ผมใช้ plugin ชื่อ all in one cufon ครับ แล้วผมตั้งให้มันแปลงตัวอักษรทุกตัวที่เป็น h2 ให้กลายเป็นตัวอักษรแบบ cufon ทั้งหมดน่ะครับ

แต่ว่ามันมีจุดนึงที่ผมอยากให้มันเป็น cufon ด้วย แต่มันไม่ได้เป็น h2 ผมก็เลยอยากเปลี่ยน font ตรงจุดนั้นให้กลายเป็น h2 ด้วยน่ะครับ เพื่อฟอนต์จะได้กลายเป็น cufon

ถ้าเราเพิ่มขนาดจาก 18 เป็น 22 มันแค่ทำให้ตัวใหญ่ขึ้นครับ แต่มันไม่ได้อยู่ใต้คำสั่ง h2 น่ะครับ

ไม่ทราบพอเข้าใจหรือเปล่าครับ แห่ะๆ  Tongue
บันทึกการเข้า

BakKheab
สมุนแก๊งเสียว
*

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

กระทู้: 725



ดูรายละเอียด
« ตอบ #3 เมื่อ: 05 ตุลาคม 2013, 05:50:05 »

ขอโทษที่ทำให้งงนะครับ

คือตอนนี้ผมใช้ plugin ชื่อ all in one cufon ครับ แล้วผมตั้งให้มันแปลงตัวอักษรทุกตัวที่เป็น h2 ให้กลายเป็นตัวอักษรแบบ cufon ทั้งหมดน่ะครับ

แต่ว่ามันมีจุดนึงที่ผมอยากให้มันเป็น cufon ด้วย แต่มันไม่ได้เป็น h2 ผมก็เลยอยากเปลี่ยน font ตรงจุดนั้นให้กลายเป็น h2 ด้วยน่ะครับ เพื่อฟอนต์จะได้กลายเป็น cufon

ถ้าเราเพิ่มขนาดจาก 18 เป็น 22 มันแค่ทำให้ตัวใหญ่ขึ้นครับ แต่มันไม่ได้อยู่ใต้คำสั่ง h2 น่ะครับ

ไม่ทราบพอเข้าใจหรือเปล่าครับ แห่ะๆ  Tongue

ถ้าเป็นอย่างนั้น ผมก็คงทำไม่ได้เหมือนกันครับ  wanwan012
ยังไม่เคยจับ wp เลยไม่เคยใช้ cufon โทษทีนะครับ เข้าใจผิดนึกว่าเป็น css ธรรมดา  Lips Sealed
ยังไงก็รอท่านอื่นมาตอบนะครับ  Tongue
บันทึกการเข้า
vava
เจ้าพ่อบอร์ดเสียว
*

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

กระทู้: 4,901



ดูรายละเอียด เว็บไซต์
« ตอบ #4 เมื่อ: 05 ตุลาคม 2013, 05:59:30 »

ขอโทษที่ทำให้งงนะครับ

คือตอนนี้ผมใช้ plugin ชื่อ all in one cufon ครับ แล้วผมตั้งให้มันแปลงตัวอักษรทุกตัวที่เป็น h2 ให้กลายเป็นตัวอักษรแบบ cufon ทั้งหมดน่ะครับ

แต่ว่ามันมีจุดนึงที่ผมอยากให้มันเป็น cufon ด้วย แต่มันไม่ได้เป็น h2 ผมก็เลยอยากเปลี่ยน font ตรงจุดนั้นให้กลายเป็น h2 ด้วยน่ะครับ เพื่อฟอนต์จะได้กลายเป็น cufon

ถ้าเราเพิ่มขนาดจาก 18 เป็น 22 มันแค่ทำให้ตัวใหญ่ขึ้นครับ แต่มันไม่ได้อยู่ใต้คำสั่ง h2 น่ะครับ

ไม่ทราบพอเข้าใจหรือเปล่าครับ แห่ะๆ  Tongue

ถ้าเป็นอย่างนั้น ผมก็คงทำไม่ได้เหมือนกันครับ  wanwan012
ยังไม่เคยจับ wp เลยไม่เคยใช้ cufon โทษทีนะครับ เข้าใจผิดนึกว่าเป็น css ธรรมดา  Lips Sealed
ยังไงก็รอท่านอื่นมาตอบนะครับ  Tongue

ขอบคุณมากนะครับ เข้ามาช่วยผมทั้งสองกระทู้เลย Smiley
บันทึกการเข้า

SeoSport
คนรักเสียว
*

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

กระทู้: 147



ดูรายละเอียด
« ตอบ #5 เมื่อ: 05 ตุลาคม 2013, 06:56:01 »

css กับ html มันคนละส่วนกันนะครับ แปลงไม่ได้ ที่ทำได้คือเอา


โค๊ด:
<h2>จุดที่อยากให้มันเป็น cufon</h2>
บันทึกการเข้า
Railway
สมุนแก๊งเสียว
*

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

กระทู้: 605



ดูรายละเอียด
« ตอบ #6 เมื่อ: 05 ตุลาคม 2013, 07:55:13 »

ปลั๊กอินตัวนั้นคงใช้การอ่าน Tag HTML มาแปลงอ่ะครับ ฉนั้นถ้าเราจะให้ปลั๊กอินมันแปลง เราก็ต้องแก้ไขโค้ดส่วนนั้นให้ใช้ Tag H2

จากตัวอย่างคือ Tag a คุณก็ใส่ H2 คร่อมใน Tag a เลยครับ น่าจะได้
บันทึกการเข้า

zenon
คนรักเสียว
*

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

กระทู้: 174



ดูรายละเอียด
« ตอบ #7 เมื่อ: 05 ตุลาคม 2013, 10:08:44 »

<div class="ตัวอย่าง">
     <xxx>เนื่อหาที่ต้องการเปลี่ยน</xxxx>
</div>

เข้าไป Firefox,Chrome
CTR+Shift+i
จะเข้าสู่โหมด inspector
ต้องมากด ดู แล้ว หาโครงสร้างที่ต้องการให้เจอ แล้ว เรียงลำดับในการเขียน CSS ให้ถูก (CSS:Selector)
ยกตัวอย่างโค๊ดข้างบน

สมุติ tag ที่ตั้งไว้
 h2 = 25px;
font-weight:bold;

เราก็ไส่ CSS เพิ่มเป็น
div.ตัวอย่าง xxx{
      font-weight:bold !important;
      font-size:25px !important;
}
« แก้ไขครั้งสุดท้าย: 05 ตุลาคม 2013, 10:09:10 โดย zenon » บันทึกการเข้า

*-*
vava
เจ้าพ่อบอร์ดเสียว
*

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

กระทู้: 4,901



ดูรายละเอียด เว็บไซต์
« ตอบ #8 เมื่อ: 05 ตุลาคม 2013, 15:27:45 »

ทำไม่ได้ครับ ถอดใจแล้ว ซิก ๆ ๆ

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

zenon
คนรักเสียว
*

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

กระทู้: 174



ดูรายละเอียด
« ตอบ #9 เมื่อ: 05 ตุลาคม 2013, 19:19:46 »

ทำได้ตามที่ผมบอก CSS ซ้อนได้ปรกติ
บันทึกการเข้า

*-*
Surakrai
ก๊วนเสียว
*

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

กระทู้: 321



ดูรายละเอียด เว็บไซต์
« ตอบ #10 เมื่อ: 05 ตุลาคม 2013, 19:56:13 »

ก็เซ็ตให้ cat-menu ul li a ใช้ Cufon ด้วยสิครับ
<script type="text/javascript">
  Cufon.replace('h2, .cat-menu ul li a');
</script>

ใน css ก็ปรัปให้ตัวขนาดเท่ากับ h2
.cat-menu ul li a{font-size: 24px;}
« แก้ไขครั้งสุดท้าย: 05 ตุลาคม 2013, 19:57:20 โดย Surakrai » บันทึกการเข้า
หน้า: [1]   ขึ้นบน
พิมพ์