Bloggang.com : weblog for you and your gang
โค้ดตัวอักษร
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">
--------------------------------------------------------------------------------
Create Date : 26 สิงหาคม 2552
Last Update : 25 กันยายน 2552 17:19:14 น.
3 comments
Counter : 267 Pageviews.
Share
Tweet
ขอบคุณคร้า
โดย:
ck_lin
วันที่: 8 พฤศจิกายน 2552 เวลา:23:02:14 น.
ได้ประโยชน์มากมายค่ะ
โดย:
Gin-GaL
วันที่: 14 กุมภาพันธ์ 2553 เวลา:23:36:36 น.
ดูง่ายดีจังค่ะ
โดย:
Gin-GaL
วันที่: 18 กุมภาพันธ์ 2553 เวลา:0:40:49 น.
ชื่อ :
* blog นี้ comment ได้เฉพาะสมาชิก
Comment :
*ส่วน comment ไม่สามารถใช้ javascript และ style sheet
mamaarm
Location :
[ดู Profile ทั้งหมด]
ฝากข้อความหลังไมค์
Rss Feed
ผู้ติดตามบล็อก : 1 คน [
?
]
สวัสดีทุกคนที่เข้ามาเยี่ยมบ้านนี้นะคะ
มีคนน่ารักมานั่งพัก คน
ขณะนี้มีคนน่ารักกำลังนั่งพักอยู่
คน
Group Blog
เรื่องเล่า เจ้าสี่ขา...ขยะมีชีวิต
ห้องเก็บโค้ด
เรื่องหมา ๆ (ลับเฉพาะคนรักหมาเท่านั้น)
ชีวิต,,,,ที่ขีดเอง
ชีวิตยิ่งใช้ ยิ่งได้กำไรกลับคืน
ต้นไม้ที่บ้านฉัน
ห้องน้ำหญิง(ลับเฉพาะ)
ความฝันอันสูงสุด
สิงหาคม 2552
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
26 สิงหาคม 2552
โค้ดแต่งรูป
โค้ดตัวอักษร
โค้ดแต่งblog
All Blogs
โค้ดแต่งรูป
โค้ดตัวอักษร
โค้ดแต่งblog
Friends' blogs
รอยคำ
ป้ามด
Hawaii_Havaii
bonasu
สร้อยหมาก
pum-karb
KungGuenter
สาวตรังใจกว้าง
พลทหารไรอัน
Dflatt
JohnV
คนเคยดื้อ
แพรวขวัญ
ผมชอบกินข้าวมันไก่
quilt
gatsy1
Webmaster - BlogGang
[Add mamaarm's blog to your web]
Links
BlogGang.com
Pantip.com
|
PantipMarket.com
|
Pantown.com
| © 2004
BlogGang.com
allrights reserved.