ผู้เขียน หัวข้อ: วิธีปรับขนาดตัวอักษรในหน้ากระทู้  (อ่าน 2395 ครั้ง)

0 สมาชิก และ 1 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ smf

  • [color=green][i]"ถ้าคุณไม่สามารถอธิบายอย่างง่ายๆ ให้คนอื่นเข้าใจได้แล้วล่ะก็ แสดงว่าคุณยังเข้าใจมันไม่ดีพอ"[/i][/color]
  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1,368
  • พอยท์: 5
    • ดูรายละเอียด
    • pordoo.com
    • อีเมล์
วิธีปรับขนาดตัวอักษรในหน้ากระทู้
« เมื่อ: 18 กรกฎาคม 2015, 00:06:59 »
ไปที่ /Themes/ชื่อธีมที่ใช้งาน/css/index.css

1.ตัวอักษรของกระทู้
ค้นหา
/* Set a fontsize that will look the same in all browsers. */
body
{
   background: #E9EEF2 url(../images/theme/backdrop.png) repeat-x;
   font: 78%/130% "Verdana", "Arial", "Helvetica", sans-serif;
   margin: 0 auto;
   padding: 15px 0;
}

เปลี่ยนตรง font: 78% เป็นขนาดที่ต้องการ


2.ขนาดอักษร ที่อยู่ภายใต้ "[code ].....[/code ]"
ค้นหา
/* A code block - maybe PHP ;). */
code.bbc_code
{
   display: block;
   font-family: "dejavu sans mono", "monaco", "lucida console", "courier new", monospace;
   font-size: x-small;
   background: #eef;
   border-top: 2px solid #999;
   border-bottom: 2px solid #999;
   line-height: 1.5em;
   padding: 3px 1em;
   overflow: auto;
   white-space: nowrap;
   /* Show a scrollbar after about 24 lines. */
   max-height: 24em;
}

เปลี่ยนตรง font-size จากx-small เป็นx-mediumหรือx-large


3.ขนาดอักษร ที่อยู่ภายใต้ "[quote ].....[/quote ]"
ค้นหา
/* The "Quote:" and "Code:" header parts... */
.codeheader, .quoteheader
{
   color: #666;
   font-size: x-small;
   font-weight: bold;
   padding: 0 0.3em;
}

เปลี่ยนตรง font-size จากx-small เป็นx-mediumหรือx-large

ออฟไลน์ smf

  • [color=green][i]"ถ้าคุณไม่สามารถอธิบายอย่างง่ายๆ ให้คนอื่นเข้าใจได้แล้วล่ะก็ แสดงว่าคุณยังเข้าใจมันไม่ดีพอ"[/i][/color]
  • Administrator
  • Hero Member
  • *****
  • กระทู้: 1,368
  • พอยท์: 5
    • ดูรายละเอียด
    • pordoo.com
    • อีเมล์
Re: วิธีปรับขนาดตัวอักษรในหน้ากระทู้
« ตอบกลับ #1 เมื่อ: 1 มีนาคม 2017, 15:06:36 »

การเพิ่มขนาดตัวหนังสือของเว็บบอร์ด

เปิดไฟล์ \Themes\default/style.css    (หรือในธีมที่กำลังใช้งาน)

เพิ่ม
โค๊ด:
font-size: 12pt;
เข้าไป

ขนาดคือ 12pt
สามารถลดหรือเพิ่มได้   8pt 9pt 10pt 11pt  ตามที่ต้องการ


ตัวอย่าง
โค๊ด:
a:link
{
   color: #476C8E;
   text-decoration: none;
   font-size: 12pt;
}
a:visited
{
   color: #476C8E;
   text-decoration: none;
   font-size: 12pt;
}
a:hover
{
   text-decoration: underline;
   font-size: 12pt;
}

เพิ่มเข้าไปจุดใหนบ้างตามนี้
a:link  = ลิ้งต่างๆ
a:visited = ลิ้งค์เมื่อถูกคลิกแล้ว
a:hover = ลิ้งค์เมื่อเอาเมาส์ไปวาง

โค๊ด:
a:link
{
   color: #476C8E;
   text-decoration: none;
}
a:visited
{
   color: #476C8E;
   text-decoration: none;
}
a:hover
{
   text-decoration: underline;
}
และ
โค๊ด:
.smalltext
{
   font-size: x-small;
   font-family: verdana, sans-serif;
}
.middletext
{
   font-size: 90%;
}
.normaltext
{
   font-size: small;
}
.largetext
{
   font-size: large;
}
« แก้ไขครั้งสุดท้าย: 1 มีนาคม 2017, 15:09:41 โดย smf »