เปลี่ยน code จาก font-size เป็น h2 ยังไงครับ

เริ่มโดย vava, 05 ตุลาคม 2013, 04:42:52

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

vava

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 ไว้ครับ รบกวนด้วยนะครับ
[direct=http://www.somsaishop.com]สบู่ส้มใส เก็บเงินปลายทาง[/direct]
[direct=https://www.thaiwebb.com]Thaiwebb.com[/direct]
[direct=https://skin365.shop/]SKIN365[/direct]

BakKheab

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

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

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

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

ต้องการแบบนี้ใช่ไหมครับ หรือผมเข้าใจผิด  :wanwan044:

vava

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

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

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

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

ไม่ทราบพอเข้าใจหรือเปล่าครับ แห่ะๆ  :P
[direct=http://www.somsaishop.com]สบู่ส้มใส เก็บเงินปลายทาง[/direct]
[direct=https://www.thaiwebb.com]Thaiwebb.com[/direct]
[direct=https://skin365.shop/]SKIN365[/direct]

BakKheab

อ้างถึงจาก: vava ใน 05 ตุลาคม 2013, 05:35:54
ขอโทษที่ทำให้งงนะครับ

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

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

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

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

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

vava

อ้างถึงจาก: BakKheab ใน 05 ตุลาคม 2013, 05:50:05
อ้างถึงจาก: vava ใน 05 ตุลาคม 2013, 05:35:54
ขอโทษที่ทำให้งงนะครับ

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

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

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

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

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

ขอบคุณมากนะครับ เข้ามาช่วยผมทั้งสองกระทู้เลย :)
[direct=http://www.somsaishop.com]สบู่ส้มใส เก็บเงินปลายทาง[/direct]
[direct=https://www.thaiwebb.com]Thaiwebb.com[/direct]
[direct=https://skin365.shop/]SKIN365[/direct]

SeoSport

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


<h2>จุดที่อยากให้มันเป็น cufon</h2>

Railway

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

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

zenon

#7
<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;
}
*-*

vava

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

:wanwan031:
[direct=http://www.somsaishop.com]สบู่ส้มใส เก็บเงินปลายทาง[/direct]
[direct=https://www.thaiwebb.com]Thaiwebb.com[/direct]
[direct=https://skin365.shop/]SKIN365[/direct]

zenon

ทำได้ตามที่ผมบอก CSS ซ้อนได้ปรกติ
*-*

Surakrai

#10
ก็เซ็ตให้ 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;}