Bloggang.com : ยายกุ๊กไ่ก่ : ห้องเก็บโค้ด 2 : Font (ตัวอักษร)

ห้องเก็บโค้ด 2 : Font (ตัวอักษร)

Font(ตัวอักษร)

อย่าลืมเอาเครื่องหมายนี้ * ออกด้วยทุกครั้ง

<*b>ตัวหนา<*/b>= ตัวหนา

<*i>ตัวเอียง <*i>= ตัวเอียง

<*strong>เน้นตัวหนังสือ<*/strong>= เน้นตัวหนังสือ

<*font color=blue>สีฟ้า<*/font>= สีฟ้า

<*u>ข้อความ<*/u>=ขีดเส้นใต้

<*font size=?>ข้อความ<*/font>= ตั้งขนาดได้จาก 1 ถึง 7

จัดข้อความให้อยู่กลางหน้า
<*center>ใส่ข้อความที่นี่<*/center>

ข้อความชิดขอบซ้าย
<*p align=left> ข้อความ <*/p> ข้อความชิดขอบซ้าย

ข้อความชิดขอบขวา
<*p align=right> ข้อความ <*/p>ข้อความชิดขอบขวา

เปลี่ยนสไตย์ตัวหนังสือ
<*font face="TH Charm of AU">ใส่ข้อความที่นี้<*/font>

ปกติการเปลี่ยนสีของ font จะใช้คำสั่ง
<*font color=code>ใส่ข้อความที่นี้<*/font>

แต่ถ้าต้องการเปลี่ยนสีของ font ทั้งหน้า ต้องใช้คำสั่งข้างล่างนี้

1. Code เปลี่ยนสี font ทั้งหน้า
<*style>body, ul, li, p{font: normal MS Sans Serif,Tahoma;font-size:10pt;color:black;} <*/style>

2. Code เปลี่ยนสี font ทั้งหน้า
" ตัวหนังสือแบบหนา "
<*style>p b font {font:bold 13px MS Sans Serif;} <*/style>

" ตัวหนังสือแบบธรรมดา "
<*style>p b font {font:13px MS Sans Serif;} <*/style>

3. Code เปลี่ยนสี font ทั้งหน้า
<*style>font,td,div,p {font:18px MS Sans Serif;color:black;} <*/style>

4. Code เปลี่ยนสี font ของ link
<*style>A:hover{color:สีที่ 1;text-decoration: none;position: relative;left: -1px; top: 1;}A:link{color:สีที่ 2;text-decoration:none;}A:visited{color:สีที่ 3;text-decoration:none;

5.โค๊ด เว้นวรรค
อาจจะมีเพื่อนๆ บางท่าน ที่มีปัญหากับการทำข้อความเว้นวรรค
วันนี้เลยนำโค๊ด สำหรับเว้นวรรคมาให้นะคะ เผื่อมีใครอยากได้ไปใช้
# หมายเหตุ :#ใช้เว้นวรรคได้ทั้งข้อความที่ต้องการเว้นวรรค
และเว้นวรรคระหว่างภาพ กับ ข้อความที่ต้องการค่ะ
อย่าลืมเอาเครื่องหมายนี้ * ออกด้วยทุกครั้ง

โค๊ด = &*nbsp;

ทำไฮไลท์ให้ตัวหนังสือ

<*span style=background:โค้ดสีที่ทำไฮไลท์><*font color="โค้ดสีตัวหนังสือ">ข้อความที่ต้องการทำไฮไลท์<*/font><* /span>

มีกรอบอยู่รอบๆข้อความ

<*SPAN style="border:dotted 4px #FFC125">ข้อความ<*/SPAN>

มีเส้นอยู่ใต้ข้อความ

<*SPAN style="border-bottom:dotted 1px #FFC125">ข้อความ<*/SPAN>

ใส่กรอบ (Table) หลายๆแบบให้ข้อความ
เลือกเส้นได้หลายแบบ

<*center><*table style="border: 1px solid color code;"cellpadding="5" cellspacing="10"<*tr>*td><*center>
ใส่รายละ<*/tr><*/table><*/center>

dotted 2px เส้นจุด

dashed 2pxเส้นประ

solid 2pxเส้นหนา

double 5pxเส้นคู่

groove 5pxเส้นคู่
บนบางล่างหนา

ridge 5pxเส้นคู่
บนหนาล่างบาง

inset 5px

outset 2px

การใช้ / ใส่ Fieldset Box
คือกรอบที่ใส่รอบรายละเอียดของข้อความที่เขียนอยู่ส่วนกลางของบล็อก

<*fieldset>ใส่รายละเอียดที่นี่<*/fieldset>

Fieldset Box

Blockquote
ทำให้เมื่อเขียนบทความยาวๆ จะจัดข้อความให้อ่านได้ง่ายๆ จัดระยะเว้นวรรคหน้าหลังให้เท่าๆกัน
<*blockqoute>---ข้อความทีเขียน---<*/blockqoute>

เปลี่ยนตัวอักษรให้เล็กลงทั้งหน้าเว็บ
ใส่ใน script จะแสดงผลทุกบล็อก ใส่ที่ช่องรายละเอียดจะแสดงเฉพาะที่บล็อกนั้น
<*style>p b font {font:bold 15px Verdana,Tahoma;}<*/style>

ขีดเส้นใต้
<*hr width="500" size="3" align="center" color="โค้ดสีที่จะใช้">
width=ความยาวของเส้น เปลี่ยนได้ตามความต้องการ
size=ความหนาของเส้น เปลี่ยนได้ตามความต้องการ
align=ตำแหน่งของเส้น เปลี่ยนเป็น left/right ได้

โค้ดเส้นมาตราฐาน=<*hr>

โค้ดกำหนดความหนาของเส้น=<*hr size="6">
ตัวเลขของขนาดเปลี่ยนได้

โค้ดกำหนดความหนาของเส้นและเป็นเส้นทึบ=<*hr size="6", noshade>

โค้ดกำหนดความกว้าง(ความยาว)ของเส้น=<*hr width="125">
ตัวเลขจะใช้เป็น%ก็ได้

โค้ดกำหนดสีของเส้น=<*hr color="#CA5C5C">

TOP

ขอบคุณสำหรับโค้ดแต่งบล็อคจากป้ากล้วย,คุณดอกหญ้าเมืองเลยคะ
จขบ ก็อปเอามาเต็มๆเลย ขออนุญาติเจ้าของด้วยนะคะ
ไอค่อนและ line น่ารักๆจากคุณ UnderSunShine

Create Date : 23 พฤศจิกายน 2551

Last Update : 26 กุมภาพันธ์ 2553 20:45:37 น.

0 comments

Counter : 2758 Pageviews.