กรอบโคดสำหรับ ควบคุม พื้นที่ เมนู กรุ๊ปบล็อค ชุดที่4



 กรอบชนิดต่างๆ..ส่วนโคดสีดูได้ที่ด้านขวามือค่ะ
2px solid
2px dotted
2px deshed
2px ridge
2px groove
2px inset
2px outset
5px double






Create Date : 28 มกราคม 2552
Last Update : 28 มกราคม 2552 22:04:21 น.
Counter : 897 Pageviews.

6 comments
w3schools.com | เว็บไซต์น่าสนใจ blue_medsai
(25 ก.ค. 2563 07:06:21 น.)
Logo สวยน่ารักชุดที่ 60 ญามี่
(19 มี.ค. 2563 19:46:41 น.)
เริ่มใหม่...28 ญามี่
(18 มี.ค. 2563 13:02:22 น.)
วันที่รอไวรัสจากไป..(กาพย์ตุรังคธาวี) ญามี่
(7 มี.ค. 2563 16:30:08 น.)
  
เป็นโคด ใส่กรอบให้เมนูกร็บล็อค 
สำหรับธีมที่มีเมนูด้านขวามือเท่านั้นนะคะ


แบบที่1 ใช้โคดสีทำกรอบ ไม่มีพื้นหลัง
พิมพ์สีชมพู  คือ  ชนิดของกรอบ และสีของกรอบ
<table border="0" cellspacing="2" cellpadding="2" width="300" align="center"><tbody><tr><td align="center" valign="middle" style="border: 2px solid #DD00AC">ใส่รูปหรือเขียนข้อความ
</td></tr></tbody></table>
 
ส่วนนี้คือ โคด  กรอบเมนูกรุ๊ฟบล็อคก็อปปี้โคดแล้วนำ
ไปวางไว้แถวล่างสุดของหน้าที่วางสคริปเอรีย..เมื่อวางแล้ว
โคดจะยืดออกมาค่ะ

<table border="0" cellspacing="2" cellpadding="2" width="300" align="center"><tbody><tr><td align="center" valign="middle" style="border: 2px solid #DD00AC"><table border="0" cellspacing="0" cellpadding="0" width="240" align="center"><tbody><tr><td align="center" valign="middle"><table border="0" cellspacing="0" cellpadding="0" width="240" align="center"><tbody><tr><td align="center" valign="middle"><table border="0" cellspacing="0" cellpadding="0" width="240" align="center"><tbody><tr><td align="center" valign="middle"></td></tr></tbody></td></tr></tbody></td></tr></tbody></td></tr></tbody>
 
ตัวอย่างเมื่อวางโคดแล้ว

ส่วนแรกนำโคดไปวางที่ใหนก็ได้ค่ะ
ถ้าต้องการให้มีหลายขั้นก้เอาโคดใาส่วนนี้มาต่อกัน
ตัวอย่าง ถ้าเราเอาโคด ใส่ส่วนแรกมาต่อกัน
เราก็จะมีกรอบเป็นขั้นเรียงต่อกันลงมาค่ะ
ส่วนที่เป็น กรอบโคดสำหรับ
เมนูกรุ๊ฟบล็อค..เมื่อวางแล้วโคดจะยืด
ออกมาควบคุมพื้นที่เทนู กรุ๊ฟบล็อค




แบบที่2 ใช้โคดสีทำกรอบ มีพื้นหลังโคยใช้โคดสี
พิมพ์สีชมพู  คือ  ชนิดของกรอบ และสีของกรอบ
พิมพ์สีเขียว  คือ  โคดสีของพื้นหลัง

<table border="0" cellspacing="2" cellpadding="2" width="300" align="center"><tbody><tr><td align="center" valign="middle" style="border: 2px solid #cc0099; background-color: #FFF4F8">ใส่รูปหรือเขียนข้อความ
<br /></td></tr></tbody></table>
 
ส่วนนี้คือ โคด  กรอบเมนูกรุ๊ฟบล็อคก็อปปี้โคดแล้วนำ
ไปวางไว้แถวล่างสุดของหน้าที่วางสคริปเอรีย..เมื่อวางแล้ว
โคดจะยืดออกมาค่ะ

<table border="0" cellspacing="2" cellpadding="2" width="300" align="center"><tbody><tr><td align="center" valign="middle" style="border: 2px solid #cc0099; background-color: #FFF4F8"><table border="0" cellspacing="0" cellpadding="0" width="240" align="center"><tbody><tr><td align="center" valign="middle"><table border="0" cellspacing="0" cellpadding="0" width="240" align="center"><tbody><tr><td align="center" valign="middle"><table border="0" cellspacing="0" cellpadding="0" width="240" align="center"><tbody><tr><td align="center" valign="middle"></td></tr></tbody></td></tr></tbody></td></tr></tbody></td></tr></tbody>
 
ตัวอย่างเมื่อวางโคดแล้ว
ส่วนแรกนำโคดไปวางที่ใหนก็ได้ค่ะ
ถ้าต้องการให้มีหลายขั้นก้เอาโคดใาส่วนนี้มาต่อกัน
ตัวอย่าง ถ้าเราเอาโคด ใส่ส่วนแรกมาต่อกัน
เราก็จะมีกรอบเป็นขั้นเรียงต่อกันลงมาค่ะ
ส่วนที่เป็น กรอบโคดสำหรับ
เมนูกรุ๊ฟบล็อค..เมื่อวางแล้วโคดจะยืด
ออกมาควบคุมพื้นที่เทนู กรุ๊ฟบล็อค
โดย: lozocat วันที่: 28 มกราคม 2552 เวลา:22:19:01 น.
  
แบบที่3 ใช้รูปทำกรอบ มีพื้นหลังโคยใช้โคดสี
พิมพ์สีเขียว  ใส่โคดสีให้พื้นหลัง
และ  ตัวอย่างรูปที่เอามาทำกรอบ

Photobucket
<table border="0" align="center"><tbody><tr><td><table border="0" cellspacing="2" cellpadding="2" width="300" align="center" style="background-image: url('..ใส่  // ของรูปกรอบ..')"><tbody><tr><td align="center" valign="middle" style="background-color:#FFF4F8">ใส่รูปหรือเขียนข้อความ
<br /></td></tr></tbody></table></td></tr></tbody></table>
 
ส่วนนี้คือ โคด  กรอบเมนูกรุ๊ฟบล็อคก็อปปี้โคดแล้วนำ
ไปวางไว้แถวล่างสุดของหน้าที่วางสคริปเอรีย..เมื่อวางแล้ว
โคดจะยืดออกมาค่ะ

<table border="0" align="center"><tbody><tr><td><table border="0" cellspacing="2" cellpadding="2" width="300" align="center" style="background-image: url('..// ของรูปกรอบ..')"><tbody><tr><td align="center" valign="middle" style="background-color:#FFF4F8"><table border="0" cellspacing="0" cellpadding="0" width="240" align="center"><tbody><tr><td align="center" valign="middle"><table border="0" cellspacing="0" cellpadding="0" width="240" align="center"><tbody><tr><td align="center" valign="middle"><table border="0" cellspacing="0" cellpadding="0" width="240" align="center"><tbody><tr><td align="center" valign="middle"></td></tr></tbody></td></tr></tbody></td></tr></tbody></td></tr></tbody></table></td></tr></tbody>
 
ตัวอย่างเมื่อวางโคดแล้ว
ส่วนแรกนำโคดไปวางที่ใหนก็ได้ค่ะ
ถ้าต้องการให้มีหลายขั้นก้เอาโคดใาส่วนนี้มาต่อกัน
ตัวอย่าง ถ้าเราเอาโคด ใส่ส่วนแรกมาต่อกัน
เราก็จะมีกรอบเป็นขั้นเรียงต่อกันลงมาค่ะ
ส่วนที่เป็น กรอบโคดสำหรับ
เมนูกรุ๊ฟบล็อค..เมื่อวางแล้วโคดจะยืด
ออกมาควบคุมพื้นที่เทนู กรุ๊ฟบล็อค



แบบที่4  ใช้รูปทำกรอบ และใช้รูปทำเป็นพื้นหลัง
ตัวอย่าง ของรูปกรอบ และ รูปพื้นหลัง

Photobucket   //i360.photobucket.com/albums/oo42/pranee2/p01pnk.gif
<table border="0" align="center"><tbody><tr><td><table border="0" cellspacing="2" cellpadding="2" width="300" align="center" style="background-image: url('..// ของรูปกรอบ..')"><tbody><tr><td align="center" valign="middle" style="background-image: url('..// ของรูปพื้นหลัง..')">ใส่รูปหรือเขียนข้อความ
</td></tr></tbody></table></td></tr></tbody></table>
 
ส่วนนี้คือ โคด  กรอบเมนูกรุ๊ฟบล็อคก็อปปี้โคดแล้วนำ
ไปวางไว้แถวล่างสุดของหน้าที่วางสคริปเอรีย..เมื่อวางแล้ว
โคดจะยืดออกมาค่ะ

<table border="0" align="center"><tbody><tr><td><table border="0" cellspacing="2" cellpadding="2" width="300" align="center" style="background-image: url('..// ของรูปกรอบ..')"><tbody><tr><td align="center" valign="middle" style="background-image: url('..// ของรูปพื้นหลัง..')"><table border="0" cellspacing="0" cellpadding="0" width="240" align="center"><tbody><tr><td align="center" valign="middle"><table border="0" cellspacing="0" cellpadding="0" width="240" align="center"><tbody><tr><td align="center" valign="middle"><table border="0" cellspacing="0" cellpadding="0" width="240" align="center"><tbody><tr><td align="center" valign="middle"></td></tr></tbody></td></tr></tbody></td></tr></tbody></td></tr></tbody></table></td></tr></tbody>
 
ตัวอย่างเมื่อวางโคดแล้ว
ส่วนแรกนำโคดไปวางที่ใหนก็ได้ค่ะ
ถ้าต้องการให้มีหลายขั้นก้เอาโคดใาส่วนนี้มาต่อกัน
ตัวอย่าง ถ้าเราเอาโคด ใส่ส่วนแรกมาต่อกัน
เราก็จะมีกรอบเป็นขั้นเรียงต่อกันลงมาค่ะ
ส่วนที่เป็น กรอบโคดสำหรับ
เมนูกรุ๊ฟบล็อค..เมื่อวางแล้วโคดจะยืด
ออกมาควบคุมพื้นที่เทนู กรุ๊ฟบล็อค
โดย: lozocat วันที่: 28 มกราคม 2552 เวลา:22:19:34 น.
  
คุณแคทค๋า ชอบตรงหัวบล๊อคของคุณมากเลยคร่าตรงที่มีดาวห้อยตุ้งติ้งอ่ะค่ะ ไม่ทราบว่าขอโค๊ดได้ไม๊ค่ะ หรือว่าทำยังไงช่วยสอนทีค่ะ เพิ่งหัดทำบล๊อคยังไม่รู้เลยว่าเอาอะไรใส่ตรงไหน
หลังไมค์ไป แต่ของคุณเต็มเลย หลังไมค์ไม่ได้
ยังไงก็ขอบคุณล่วงหน้าน่ะค่ะ
โดย: Why not us วันที่: 28 มกราคม 2552 เวลา:22:56:16 น.
  
โค้ดของคุณแคทน่ารักมาก..ขยันจังค่ะขออนุญาติเอาไปใช้บ้างนะคะ
โดย: ตัวp_box วันที่: 12 มิถุนายน 2552 เวลา:17:32:33 น.
  
ขอบคุณค่ะ น่ารักเชียว
โดย: Small town girl วันที่: 4 กุมภาพันธ์ 2553 เวลา:0:45:28 น.
  
ขอบคุณมากเลยนะคะ
โดย: Candy Shop วันที่: 27 มกราคม 2556 เวลา:18:02:26 น.
ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
 *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

Misscat.BlogGang.com

lozocat
Location :
  

[ดู Profile ทั้งหมด]
 ผู้ติดตามบล็อก : 13 คน [?]

บทความทั้งหมด