|
โค้ตเปลี่ยนธีม แบบที่ 3 (กรอบแบบแสตมป์)
ขอบคุณคุณไหม สำหรับโค๊ต มา ณ. ที่นี้ด้วยค่ะ
สามารถใช้ Theme อิสระ ได้ทั้ง 3 แบบ ค่ะ ลบเส้นกรอบสีขาว โดยนำโค๊ตนี้ไปวางที่สคริปค่ะ ลบพื้นหลังและลบกรอบสีขาว <style>table {background-color: transparent;border-style: none;border-spacing: none;}td {border: none;border-color: none;background: none;}</style>
อีกตัวเป็น โค๊ต BG ด้านนอก เอาไปวางที่ สคริป ค่ะ <style>body{background-attachment: fixed;background-image:url(//URL รูปกรอบด้านนอก);}</style>
ส่วนโค๊ตทั้งหมดด้านล่างวางที่สโลแกนค่ะ <table width="750" style="border: 2px dashed pink; background:pink; cellpadding="0" cellspacing="0" align="center"> <tr> <td> <table width="100%" style="border: 6px solid pink; background:pink; cellpadding="0" cellspacing="0" align="center"> <tr> <td> <table width="100%" style="border: 2px dashed white; background:white; cellpadding="0" cellspacing="0" align="center"> <tr> <td> <table width="100%" style="background:white; cellpadding="0" cellspacing="0" align="center"> <tr> <td> <table width="100%" style="background:white; cellpadding="0" cellspacing="0" align="center"> <tr> <td> <center><img src=ใส่ URL รูปที่ต้องการทำหัวบล็อคที่นี่ค่ะ> </center>
pink = สีกรอบ เปลี่ยนเป็นสีอื่นได้ค่ะ แต่ต้องเปลี่ยนทั้ง 4 ตำแหน่ง
white = สีภายในบล็อค เปลี่ยนเป็นสีอื่นได้ค่ะ เปลี่ยนทั้ง 4 ตำแหน่ง
ควรใช้สีที่ตัดกันค่ะ จะได้มองเห็นกรอบด้านนอก ได้ชัดเจน
750 = ชนาดความกว้างของบล็อค เปลี่ยนตัวเลขได้ค่ะ
border: 2, 6 และ 2px = ขนาดกรอบ เปลี่ยนตัวเลขได้ค่ะ
รูปที่ต้องการทำหัวบล็อค ใส่ไฟล์ Flash ก็ได้ค่ะ
ตัวอย่างค่ะ
Create Date : 22 มกราคม 2552 | | |
Last Update : 1 กุมภาพันธ์ 2552 9:45:11 น. |
Counter : 786 Pageviews. |
| |
|
|
|
|
โค๊ตธีมแบบที่ 2 [ใช้รูปทำเส้นกรอบ]
ขอบคุณคุณไหม สำหรับโค๊ต มา ณ.ที่นี้ด้วยค่ะ
เส้นกรอบ สามเส้น กรอบด้านใน หัวบล็อค เปลี่ยน Theme เป็น Theme อิสระเมนูขวา และลบเส้นกรอบสีขาว โดยวางโค๊ตตัวนี้ที่สคริปค่ะ
ลบพื้นหลังและลบกรอบสีขาว <style>table {background-color: transparent;border-style: none;border-spacing: none;}td {border: none;border-color: none;background: none;}</style>
อีกตัวเป็น โค๊ต BG ด้านนอก เอาไปวางที่ สคริป ค่ะ <style>body{background-attachment: fixed;background-image:url(//URL รูปกรอบด้านนอก);}</style>
ส่วนโค๊ตทั้งหมดนี้นำไปวางที่ ช่องสโลแกนค่ะ 750 = ใส่ ความยาวของบล็อคที่ต้องการ (ดูความยาวของรูปหัวบล็อค)
2, 10, 2 = ขนาดของกรอบ เปลี่ยนตัวเลขได้ค่ะ
<table width="750" style="background:none url(//รูปกรอบเส้นที่ 1); cellpadding="0" cellspacing="2" align="center"> <tr> <td> <table width="100%" style="background:none url(//รูปกรอบเส้นที่ 2); cellpadding="0" cellspacing="10" align="center"> <tr> <td> <table width="100%" style="background:none url(//รูปกรอบเส้นที่ 3); cellpadding="0" cellspacing="2" align="center"> <tr> <td> <table width="100%" style="background:none url(//ภาพBG ที่อยู่ด้านใน); cellpadding="0" cellspacing="0" align="center"> <tr> <td> <table width="100%" style="background:none; cellpadding="0" cellspacing="0" align="center"> <tr> <td> <table width="100%" style="background:none; cellpadding="0" cellspacing="0" align="center"> <tr> <td> <center><img border="0" src="ใส่ URL รูปหัวบล็อค ที่ต้องการ"></center> หรือถ้าอยากให้ภาพหัวบล็อคกลืนไปกับพื้นหลังเหมือนตัวอย่าง เป็นโค๊ตตัวนี้ค่ะ
<center><img border="0" src="//รูปหัวบล็อค"style="filter : Alpha(opacity=100, finishopacity=0, style=3"></center> ทำให้ภาพกลืนไปกับภาพหัวบล็อค
อธิบายเกี่ยวกับโค้ด
750 = เปลี่ยนตัวเลขเป็นพิกเซล ให้เหมาะสมกับหัวบล็อค
URL กรอบเส้นที่ 1, 2, 3 = ลบออกแล้วใส่ URL รูปที่ต้องการทำกรอบแทน
cellspacing 5 = เปลี่ยนตัวเลขได้ค่ะ ตัวเลขมากกรอบจะใหญ่
URL บีจีด้านใน = ลบออกแล้วใส่ URL รูปที่ต้องการทำบีจีแทน
URL ภาพหัวบล็อค = ลบออกแล้วใส่ URL รูปที่ต้องการทำหัวบล็อคแทน หรือจะใส่ไฟล์ swf ก็ได้ค่ะ
สรุปง่ายๆ
ใช้โค้ดเหมือนกับ กรอบ table แต่ห้ามปิด </tr></td></table> เท่านั้นเอง 1 เส้นจะมี <table กำหนดรูปแบบของกรอบ> <tr> <td>
รูปแบบของกรอบ
1. ใช้สีทำกรอบ <table style="background:โค้ดสี; cellpadding="0" cellspacing="2" align="center"> <tr> <td>
2. ใช้รูปทำกรอบ <table style="background-image: url(URL รูปที่ต้องการทำกรอบ); cellpadding="0" cellspacing="2" align="center"> <tr> <td>
3. มีสีกรอบ + รูปที่จะทำกรอบ <table style="border:1px solid โค้ดสีกรอบ;background-image: url(URL รูปที่ต้องการทำกรอบ); cellpadding="0" cellspacing="2" align="center"> <tr> <td>
solid เปลี่ยนเป็นชนิดอื่นได้ค่ะ ชนิดของกรอบจะมี inset, outset, double, dotted, dashed, groove, ridge, solid
ตัวอย่างค่ะ
Create Date : 21 มกราคม 2552 | | |
Last Update : 1 กุมภาพันธ์ 2552 9:39:17 น. |
Counter : 1500 Pageviews. |
| |
|
|
|
|
โค๊ตธีมแบบที่ 1 [ใช้สีทำเส้นกรอบ]
ขอบคุณคุณไหม มา ณ.ที่นี้ด้วยค่ะ โค้ดเปลี่ยนธีมใหม่ แบบที่ 1 (ใช้สีทำกรอบ)
โค้ดนี้จะมีแค่ กรอบเส้นธรรมดา และ BG ภายในบล็อคค่ะ
<table width="750" style="border:pink 5px double; background:none; cellpadding="0" cellspacing="0" align="center"> <tr> <td> <table width="100%" style="background-image: url(URL บีจีด้านใน); cellpadding="0" cellspacing="0" align="center"> <tr> <td> <table width="100%" style="background:none; cellpadding="0" cellspacing="0" align="center"> <tr> <td> <table width="100%" style="background:none; cellpadding="0" cellspacing="0" align="center"> <tr> <td> <center><img border="0" src="ใส่ URL รูปหัวบล็อคค่ะ"></center>
750 เปลี่ยนเป็นขนาดพิกเซล ตามรูปหัวบล็อคค่ะ pink เปลี่ยนเป็นสีกรอบที่ต้องการ 5px ขนาดของกรอบ ตัวเลขมาก กรอบจะใหญ่ double เปลี่ยนชนิดของกรอบที่ต้องการ จะมี solid, inset, outset, groove, ridge, dashed, dotted,
เอาโค้ดไปวางไว้ที่ ปรับแต่งเว็บ Blog ตั้งชื่อ Slogan ของ Blog แล้วเลือก Theme อิสระ เมนูขวา , Theme อิสระ เมนูซ้าย, หรือ Theme อิสระ ค่ะ และก็ลบกรอบเส้นสีขาวออกก่อนวางโค๊ตค่ะ โค๊ตลบกรอบ ให้วางที่สคริป
โค๊ตลบพื้นหลังและลบกรอบสีขาว <style>table {background-color: transparent;border-style: none;border-spacing: none;}td {border: none;border-color: none;background: none;}</style>
อีกตัว เป็นกรอบด้านนอกค่ะ นำโค๊ตกรอบด้านนอกวางที่ สคริปค่ะ
<style>body {background-image:url("……ใส่ URLแบล็คกราวน์ตัวนอก……") ;background-repeat : repeat-x ;background-attachment : fixed; background-color: "……ใส่สีพื้นหลัง……";}</style>
ตัวอย่าง เป็น เส้นสีแดงสองเส้น
Create Date : 21 มกราคม 2552 | | |
Last Update : 1 กุมภาพันธ์ 2552 9:52:21 น. |
Counter : 831 Pageviews. |
| |
|
|
|
|
โค๊ต Background ค่ะ
โค๊ตทั้งหมดได้จากการรวบรวมมาจากเวปต่างๆค่ะ
|
Create Date : 09 กรกฎาคม 2551 | | |
Last Update : 9 กรกฎาคม 2551 21:07:17 น. |
Counter : 1845 Pageviews. |
| |
|
|
|
|
| |
|
|