|
หัวข้อ: เปลี่ยน code จาก font-size เป็น h2 ยังไงครับ เริ่มหัวข้อโดย: vava ที่ 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 ไว้ครับ รบกวนด้วยนะครับ หัวข้อ: Re: เปลี่ยน code จาก font-size เป็น h2 ยังไงครับ เริ่มหัวข้อโดย: BakKheab ที่ 05 ตุลาคม 2013, 05:23:24 ยังไงครับ งงกับคำถามมากเลยครับ
แต่ถ้าอยากให้ font มีขนาดเท่า H2 ก็กำหนดให้มันมีขนาดเท่า H2 สิครับ Size H2 น่าจะประมาณ 24px ที่เป็นตัวหนา ก็น่าจะใช้ CSS ประมาณนี้ font-size:22px; font-weight:bold; ต้องการแบบนี้ใช่ไหมครับ หรือผมเข้าใจผิด :wanwan044: หัวข้อ: Re: เปลี่ยน code จาก font-size เป็น h2 ยังไงครับ เริ่มหัวข้อโดย: vava ที่ 05 ตุลาคม 2013, 05:35:54 ขอโทษที่ทำให้งงนะครับ
คือตอนนี้ผมใช้ plugin ชื่อ all in one cufon ครับ แล้วผมตั้งให้มันแปลงตัวอักษรทุกตัวที่เป็น h2 ให้กลายเป็นตัวอักษรแบบ cufon ทั้งหมดน่ะครับ แต่ว่ามันมีจุดนึงที่ผมอยากให้มันเป็น cufon ด้วย แต่มันไม่ได้เป็น h2 ผมก็เลยอยากเปลี่ยน font ตรงจุดนั้นให้กลายเป็น h2 ด้วยน่ะครับ เพื่อฟอนต์จะได้กลายเป็น cufon ถ้าเราเพิ่มขนาดจาก 18 เป็น 22 มันแค่ทำให้ตัวใหญ่ขึ้นครับ แต่มันไม่ได้อยู่ใต้คำสั่ง h2 น่ะครับ ไม่ทราบพอเข้าใจหรือเปล่าครับ แห่ะๆ :P หัวข้อ: Re: เปลี่ยน code จาก font-size เป็น h2 ยังไงครับ เริ่มหัวข้อโดย: BakKheab ที่ 05 ตุลาคม 2013, 05:50:05 ขอโทษที่ทำให้งงนะครับ คือตอนนี้ผมใช้ plugin ชื่อ all in one cufon ครับ แล้วผมตั้งให้มันแปลงตัวอักษรทุกตัวที่เป็น h2 ให้กลายเป็นตัวอักษรแบบ cufon ทั้งหมดน่ะครับ แต่ว่ามันมีจุดนึงที่ผมอยากให้มันเป็น cufon ด้วย แต่มันไม่ได้เป็น h2 ผมก็เลยอยากเปลี่ยน font ตรงจุดนั้นให้กลายเป็น h2 ด้วยน่ะครับ เพื่อฟอนต์จะได้กลายเป็น cufon ถ้าเราเพิ่มขนาดจาก 18 เป็น 22 มันแค่ทำให้ตัวใหญ่ขึ้นครับ แต่มันไม่ได้อยู่ใต้คำสั่ง h2 น่ะครับ ไม่ทราบพอเข้าใจหรือเปล่าครับ แห่ะๆ :P ถ้าเป็นอย่างนั้น ผมก็คงทำไม่ได้เหมือนกันครับ :wanwan012: ยังไม่เคยจับ wp เลยไม่เคยใช้ cufon โทษทีนะครับ เข้าใจผิดนึกว่าเป็น css ธรรมดา :-X ยังไงก็รอท่านอื่นมาตอบนะครับ :P หัวข้อ: Re: เปลี่ยน code จาก font-size เป็น h2 ยังไงครับ เริ่มหัวข้อโดย: vava ที่ 05 ตุลาคม 2013, 05:59:30 ขอโทษที่ทำให้งงนะครับ คือตอนนี้ผมใช้ plugin ชื่อ all in one cufon ครับ แล้วผมตั้งให้มันแปลงตัวอักษรทุกตัวที่เป็น h2 ให้กลายเป็นตัวอักษรแบบ cufon ทั้งหมดน่ะครับ แต่ว่ามันมีจุดนึงที่ผมอยากให้มันเป็น cufon ด้วย แต่มันไม่ได้เป็น h2 ผมก็เลยอยากเปลี่ยน font ตรงจุดนั้นให้กลายเป็น h2 ด้วยน่ะครับ เพื่อฟอนต์จะได้กลายเป็น cufon ถ้าเราเพิ่มขนาดจาก 18 เป็น 22 มันแค่ทำให้ตัวใหญ่ขึ้นครับ แต่มันไม่ได้อยู่ใต้คำสั่ง h2 น่ะครับ ไม่ทราบพอเข้าใจหรือเปล่าครับ แห่ะๆ :P ถ้าเป็นอย่างนั้น ผมก็คงทำไม่ได้เหมือนกันครับ :wanwan012: ยังไม่เคยจับ wp เลยไม่เคยใช้ cufon โทษทีนะครับ เข้าใจผิดนึกว่าเป็น css ธรรมดา :-X ยังไงก็รอท่านอื่นมาตอบนะครับ :P ขอบคุณมากนะครับ เข้ามาช่วยผมทั้งสองกระทู้เลย :) หัวข้อ: Re: เปลี่ยน code จาก font-size เป็น h2 ยังไงครับ เริ่มหัวข้อโดย: SeoSport ที่ 05 ตุลาคม 2013, 06:56:01 css กับ html มันคนละส่วนกันนะครับ แปลงไม่ได้ ที่ทำได้คือเอา
โค๊ด: <h2>จุดที่อยากให้มันเป็น cufon</h2> หัวข้อ: Re: เปลี่ยน code จาก font-size เป็น h2 ยังไงครับ เริ่มหัวข้อโดย: Railway ที่ 05 ตุลาคม 2013, 07:55:13 ปลั๊กอินตัวนั้นคงใช้การอ่าน Tag HTML มาแปลงอ่ะครับ ฉนั้นถ้าเราจะให้ปลั๊กอินมันแปลง เราก็ต้องแก้ไขโค้ดส่วนนั้นให้ใช้ Tag H2
จากตัวอย่างคือ Tag a คุณก็ใส่ H2 คร่อมใน Tag a เลยครับ น่าจะได้ หัวข้อ: Re: เปลี่ยน code จาก font-size เป็น h2 ยังไงครับ เริ่มหัวข้อโดย: zenon ที่ 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; } หัวข้อ: Re: เปลี่ยน code จาก font-size เป็น h2 ยังไงครับ เริ่มหัวข้อโดย: vava ที่ 05 ตุลาคม 2013, 15:27:45 ทำไม่ได้ครับ ถอดใจแล้ว ซิก ๆ ๆ
:wanwan031: หัวข้อ: Re: เปลี่ยน code จาก font-size เป็น h2 ยังไงครับ เริ่มหัวข้อโดย: zenon ที่ 05 ตุลาคม 2013, 19:19:46 ทำได้ตามที่ผมบอก CSS ซ้อนได้ปรกติ
หัวข้อ: Re: เปลี่ยน code จาก font-size เป็น h2 ยังไงครับ เริ่มหัวข้อโดย: Surakrai ที่ 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;} |