โค้ตเปลี่ยนตัวหนังสือธรรมดาให้เป็นตัวหนังสือน่ารัก



"คลิกดูวีธีดาวน์โหลดตัวหนังสีอ"
คลิกดู วิธีดาวน์โหลดตัวหนังสีอน่ารักๆมาใช้


ดาวน์โหลดตัวหนังสือน่ารักๆ มาได้แล้ว ก็เอามาใช้กับบล็อคได้เลยคะ
โค้ตเปลี่ยนตัวหนังสือทั้งหน้า เท่าที่ดอกหญ้าฯรู้ ก็มีอยู่ 3 แบบคะ

Code
<style>body, ul, li, p{font:bold 2006_iannnnnBKK;font-size:13pt;color: #CC9966;}</style>


2006_iannnnnBKK = ชื่อของตัวหนังสือ
13pt = ขนาดของตัวหนังสือ
#CC9966 = สีของตัวหนังสือ



Code
<style>p b font {font:bold 18px 2006_iannnnnBKK;}</style>


18px = ขนาดตัวหนังสือ
2006_iannnnnBKK = ชื่อของตัวหนังสือ



Code
<style>font,td,div,p {font:18px 2006_iannnnnBKK ;color:black;}</style>


18px = ขนาดของตัวหนังสือ
2006_iannnnnBKK = ชื่อของตัวหนังสือ
#CC9966 = สีของตัวหนังสือ



และที่ดอกหญ้าใช้ ก็สองโค้ตนี้คะ
อันแรก ก็เปลี่ยนตัวหนังสือทั้งหน้า และขนาดตัวหนังสือทั้งหน้า

<style>font,td,div,p {font:23px Peach TV;} </style>


อันที่สอง ใช้เพื่อให้กำหนดสีของตัวหนังสือ และขนาดของตัวหนังสือบางส่วน
ตัวอย่างเช่น Group Blog / Latest Blog / All Blog / Friends’ Blogs / Links

<style>body, ul, li, p{font: 2006_iannnnnBKK;font-size:18pt;color:#000033;} </style>


*หมายเหตุ*
ไม่ต้อง งง นะคะ ว่าทำไมดอกหญ้าฯใช้โค้ตสองอัน เป็นเทคนิคมั่วๆ ส่วนตัวคะ



นี้เป็นโค้ตเปลี่ยนสีของ Link ค่ะ
<style>A:hover{color:#FFFFFF;text-decoration: none;position: relative;left: -1px; top: 1;}A:link{color:#FFFFFF;text-decoration:none;}A:visited{color:#FFFFFF;text-decoration:none; </style>


ถ้าใครอยากได้ตัวหนังสือ น่ารักๆ คิขุ
สามารถเข้าไปดาวน์โหลด ได้จากเวป //f0nt.com/
เวปนี้มีตัวหนังสือน่ารักๆ ให้เลือกมากมายค่ะ ดอกหญ้าฯใช้บริการบ่อยๆค่ะ




**หมายเหตุ**
เราสามารถ Copy ไปว่างไว้แต่ละหน้าของบล็อค
หรือไปว่างในช่อง "จัดการ Script area"
(ถ้าว่างในช่อง "จัดการ Script area" นี้จะแสดงผลไปทุกหน้าของบล็อค)



ถ้างง ก็ขออภัยด้วยนะคะ
มีคำถามอะไร ถามได้ค่ะ ยินดีที่จะตอบ (ถ้าตอบได้ )

ขอบคุณคะ




ดอกหญ้าเมืองเลย
21 มกราคม 2551




 

Create Date : 21 มกราคม 2551    
Last Update : 21 มกราคม 2551 12:10:54 น.
Counter : 4746 Pageviews.  
Share

เปลี่ยนกรอบใหญ่ของกล่องคอมเม้นท์ทั้งสี่ด้านได้ตามใจคุณ


" เปลี่ยนกรอบใหญ่ของกล่องคอมเม้นท์ทั้งสี่ด้านได้ตามใจคุณ "
ง่ายๆคะ มาลองดูกันนะคะ ว่าเปลี่ยนตรงไหนบ้าง



” ตัวอย่าง CODE"


<script>HTML = document.body.innerHTML; CommentCount = 0; var reg = new RegExp("-- Comment", "gm"); while(reg.test(HTML)) CommentCount++; CommentCount--; for(i=1; i<=CommentCount; i++){ originalHtml = document.getElementById( i ).innerHTML; beforeHtml = '<fieldset style="border: black solid 1px; padding-left: black solid 1px; padding-right: black solid 1px; padding-bottom: black solid 1px; background: none;"><legend align= center style="border: black dashed 1px; padding:2; background: black;"> <font color=white>คห.ที่ ' + i + '</font></font></legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;}</script>


” CODE ตัวอย่าง"


<script>HTML = document.body.innerHTML; CommentCount = 0; var reg = new RegExp("-- Comment", "gm"); while(reg.test(HTML)) CommentCount++; CommentCount--; for(i=1; i<=CommentCount; i++){ originalHtml = document.getElementById( i ).innerHTML; beforeHtml = '<fieldset style="border: สีของกรอบใหญ่ solid 1px; padding:4"> <legend align=center(left)(right)style="border: สีของกรอบเล็ก solid 1px; padding:2; background: none">คห.ที่' + i + ' </font></legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;}</script>




” CODE เอาไปใช้ได้เลย "


<script>HTML = document.body.innerHTML; CommentCount = 0; var reg = new RegExp("-- Comment", "gm"); while(reg.test(HTML)) CommentCount++; CommentCount--; for(i=1; i<=CommentCount; i++){ originalHtml = document.getElementById( i ).innerHTML; beforeHtml = '<fieldset style="border: black solid 1px; padding-left: 20px; padding-right: 10px; padding-bottom: 2px; background: none;"><legend align= center style="border: black dashed 1px; padding:2; background: black;"> <font color=white>คห.ที่ ' + i + '</font></font></legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;}</script>



แต่งกรอบ comment และให้นับข้อความ
(เปลี่ยนสีกรอบกล่อง comment พร้อมตกแต่งเขียนข้อความที่กรอบเล็ก จากคุณกึ่งยิงกึ่งผ่าน)

** Copy Code ไปว่างในช่อง "จัดการ Script area" **



ปล. ถ้า งง ก็ตามได้นะคะ ถ้ารู้ก็จะตอบให้ค่ะ ถ้าไม่รู้ก็ไม่ตอบ ฮ่าๆ

สนุกกับการตกแต่งบล็อคนะคะ
ขอบคุณค่ะ





ดอกหญ้าเมืองเลย
12 มกราคม 2551




 

Create Date : 12 มกราคม 2551    
Last Update : 5 ธันวาคม 2551 3:38:12 น.
Counter : 2673 Pageviews.  
Share

ขยับตัวหนังสือให้ห่างจากเส้นกรอบกล่องคอมเม้นท์




แอบก๊อปมาจากบล็อคพี่ ทั้งหมดใจ




CODE
<script>HTML = document.body.innerHTML; CommentCount = 0; var reg = new RegExp("-- Comment", "gm"); while(reg.test(HTML)) CommentCount++; CommentCount--; for(i=1; i<=CommentCount; i++){ originalHtml = document.getElementById( i ).innerHTML; beforeHtml = '<fieldset style="border: สีของกรอบใหญ่ solid 1px; padding:4"> center(left)(right)style="border: สีของกรอบเล็ก solid 1px; padding:2; background: none"><font color='#FF0000'>คห.ที่</font>' + i + '</FONT></legend>';document.getElementById( i ).innerHTML = beforeHtml + originalHtml;}</script>



แต่งกรอบ comment และให้นับข้อความ
(เปลี่ยนสีกรอบกล่อง comment พร้อมตกแต่งเขียนข้อความที่กรอบเล็ก (คุณกึ่งยิง))
ขอบคุณโค้ต จากบล็อคป้ามด

สีของกรอบใหญ่ - red blue white หรือ #FF6600 #FF3300 #FF0000
Solid - ชนิดของกรอบ dotted, dashed, solid, groove, ridge, inset, outset, double
1px - ความหนาของกรอบ สามารถเปลี่ยนตัวเลขได้ตามใจชอบ
Padding: 4 - กำหนดระยะห่างจากรอบกับตัวหนังสือ
Center / left / right – กำหนดของกรอบเล็ก ว่าจะให้อยู่ กลาง ซ้าย หรือขวา
สีของกรอบเล็ก - red blue white หรือ #FF6600 #FF3300 #FF0000
Solid - ชนิดของกรอบ dotted, dashed, solid, groove, ridge, inset, outset, double
1px - ความหนาของกรอบ สามารถเปลี่ยนตัวเลขได้ตามใจชอบ
Padding: 2 – กำหนดระยะห่างจากรอบกับตัวหนังสือ
Background: none – เปลียนจาก none เป็นโค้ตสี หรือชื่อของสีได้เลยค่ะ
(บล็อคกราวจะแสดงที่กรอบเล็ก)
ตัวเอย่าง - red blue white หรือ #FF6600 #FF3300 #FF0000
คห.ที่ – เปลี่ยนข้อความได้ตามใจชอบ










ดอกหญ้าเมืองเลย
5 มกราคม 2551





 

Create Date : 03 มกราคม 2551    
Last Update : 6 พฤษภาคม 2551 14:57:45 น.
Counter : 1461 Pageviews.  
Share

ถามมา-ตอบไป



ขอความกรุณาอย่าโพสภาพกว้างเกิน 500 pixels ขอบคุณค่ะ




● ถามมา ตอบได้ ก็ตอบไป - ขอมาก็จัดให้ ถ้าทำได้ ●

มีคำถามไร ก็ถามได้คะ ถ้าตอบได้ ก็จะตอบให้คะ
ถามแล้ว อย่าลืม กลับมาเอาคำตอบด้วยนะค่ะ


ขอบคุณมากคะ


ดอกหญ้าเมืองเลย
25 ธันวาคม 2550




 

Create Date : 25 ธันวาคม 2550    
Last Update : 23 เมษายน 2551 4:02:27 น.
Counter : 3522 Pageviews.  
Share

วิธีคลิกขวาเอาโค้ตภาพ







ปล. คลิก "ขวา" นะคะ ไม่ใช่ "ขาว" ฮ๋าๆๆ

วิธีคลิกขวาเอาโค้ตภาพ
เพื่อนคนหนึ่งขอมาเลยจัดให้ ง่ายๆคะไม่ยากเลยคะ











ได้ URL แล้ว ก็ลบว่างใส่โค้ต <img src = XXX > นี้ได้เลคะ
ลบ XXX ออกแล้วแล้ว่าง URL แทนคะ

<img src='//www.yenta4.com/webboard/upload_images/1183056_4932806.gif'>

ง่ายไหมละคะ ....
อธิบายไปแล้วก็งงไป ฮ๋าๆๆๆ



ดอกหญ้าเมืองเลย
13 พฤศจิกายน 2550






 

Create Date : 13 พฤศจิกายน 2550    
Last Update : 13 พฤศจิกายน 2550 12:17:21 น.
Counter : 2821 Pageviews.  
Share

1  2  3  4  

ดอกหญ้าเมืองเลย
Location :
รักเธอประเทศไทย
Thai Food Togo

[Profile ทั้งหมด]

ฝากข้อความหลังไมค์
Rss Feed
Smember
ผู้ติดตามบล็อก : 8 คน [?]


คำเตือน: การเล่นอินเตอร์เน็ตไม่ทำให้ความสามารถในการขับขี่ลดลง


● ชีวิตและการเดินทาง ●
● พงษ์สิทธิ์ คำภีร์ คนฮักเสี่ยว ●

● เก็บตกคอนเสิร์ต "ฮักเสี่ยว" ●
● จากคุณ : ตากล้อง
● จากคุณ : ForgetEye
● จากคุณ : ToPhoto





" อย่าเอาหัวใจ
ไปผูกติดกับตีนใคร
เมื่อเขาก้าวขาออกไป
เราจะเจ็บใจเสมอ"






" แ ค่ อ ย า ก แ บ่ ง ปั น "

● HoW TO + CODE ●

● วิธีเอาภาพจากหน้าจอคอม [fn]+[prt sc] กับโปรแกรม Paint
● AniGif กับโปรแกม PhotoScape
● วิธีแก้ imeem ให้เล่นเต็มเพลง จาก 30 วินาที คลิกที่นี้ !
● ย่อ/ขยาย ภาพดุ๊กดิ๊ก [ภาพคลื่นไหว ] กับ Adobe ImageReady CS2
● Crop ภาพ กับ PhotoScape
● ทำหัวบล็อค กับ PhotoScape
● ลบพื้นหลัง กับ Photoshop CS2
● ใส่กรอบให้รูป กับ PhotoScape
● การย้าย "กลุ่ม Blog"
● วิธีคลิกขาวเพื่อเอาโค้ตภาพ
● โค้ตเปลี่ยนตัวหนังสือ
● วีธีโหลดและติดตั้งฟอนต์
● วิธีเขียนข้อความลงภาพ
● วิธีใส่"ภาพหัวบล็อค & LOGO"
● วิธีเปลี่ยนชื่อ/ใส่ภาพที่GroupBlog
● เปลี่ยนกรอบคอมเม้นท์
● MorE

● Code ที่ใช้ในบล็อค
● Code FoR FriendFlock
● MorE

● ถามมา ตอบได้ ก็ตอบไป ●
Group Blog
 
All Blogs
 
Friends' blogs
[Add ดอกหญ้าเมืองเลย's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.