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

Hello!!!..

New Friends Come .Some Friends Leave. Hope You keep me into your heart.As i keepyou in mine. I willnever forget you. Promise .

Group Blog

รูปกล่องคอมเม้นท์

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

27 มกราคม 2552

All Blogs

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

เป็นเซตสำหรับ ธีมที่มีเมนูด้านขวามือ เท่านั้นนะคะ

สวัสดีจ้า...เพื่อนๆที่ชอบการแต่งบล็อค
หรือเพื่อนที่กำลังหัดแต่ง.......

เสียเวลาอ่านตรงรนี้นิสนึงนะคะ...
ที่เห็นด้านล่าง..คือกรอบ 3 ตอน ที่มีขนาด
กว้าง 300 และ จขบ ได้ใส่สกอร์บล็อคลงไปด้วยเพื่อ
ควบคุฒความกว้างที่จะเกินๆๆออกมาไม่สวย..
ส่วน ความสูง สามารถใส่ได้ตามต้องการ
เดี๋ยจะบอกตำแหน่งใส่ความสูงให้ค่ะ...

ส่วนที่เห็นมีอแค่ครึ่งกรอบ...คือส่วนที่จะควบคุม พื้นที่
เมนูกรุ๊ปบล็อค ไป จนถึง พื้นที่ จัดการลิงค์...

ที่เห็นมีแค่ครึ่งกรอบ..เพราะว่าใส่แบบเต็มกรอบไม่ได้เพราะเป็นการใช้รูปมาต่อกัน
และตัดเทเบลิ้ลออกไปทำให้รูปไม่อยู่ในส่วนที่เราต้องการ..

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

ดูตัวอย่างและการวางที่ด้านขวามือเมื่อวางโคดแล้วจะออกมาแบบที่เห็นค่ะ...

หมายเหตุ...เมื่อใส่โคดกรอบให้เมนูกรุ๊บล็อค..ลิง ค์เมนูของพันทิป
ที่อยู่ตอนล่างสุดของบล็อค..จะย้ายมาอยู่ต่อจาก..พื้นที่ จัดการลิงค์ของบล็อคคุณค่ะ
ซึ่งก็เก๋ไปอีกแบบนึง....ลองๆๆดูตัวอย่างแล้วกันนะคะ..ไม่มีผลเสียหาย
ใดๆๆต่อโคดทุกอย่างที่วางในหน้าเวปของคุณทั้งหมดค่ะ....

ส่วนนี้คือกรอบ 3 ตอน สำหรับใส่รูปเขียนข้อความหรืออื่นๆๆ ฯ..ความกว้างจัดมาให้ให้ใส่ ขนาดของความสูง ตรงที่ พิมพ์สัชมพูหรือ หมายเลข 100px ใส่มากใส่น้อยแล้วแต่ชอบ..เช่น 300px - 500px ก็ว่ากันไปค่ะ....พื้นที่สำหรับวาง ที่โปรไฟล์ หรือจะวางที่สคริปเอเรียหรือที่ใหนๆก็ได้ค่ะ...ไม่มีปัญหา...

<table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img206.imageshack.us/img206/251/animation112gq3.gif'); height: 38px"><tbody><tr><td></td></tr></tbody></table><table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img294.imageshack.us/img294/7082/112zp9.gif')"><tbody><tr><td align="center" valign="middle"><div id="scroll3" align="left" style="border: 0px none ; overflow: auto; width: 240px; height: 100px">เขียนข้อความ..หรือ ใส่รูป</div></td></tr></tbody></table><table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img292.imageshack.us/img292/1812/animation112zk7.gif'); height: 38px"><tbody><tr><td></td></tr></tbody></table>

ส่วนโคดกรอบสำหรับเมนูกรุ๋ปบล็อค....ให้วางไว้แถวล่างสุดของหน้าที่วางสคริปเอรีย(ย้ำ..วางไว้แถวล่างสุดเลยนะคะ..)..

<table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img297.imageshack.us/img297/8176/animation122lk7.gif'); height: 38px"><tbody><tr><td></td></tr></tbody></table><table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img294.imageshack.us/img294/7915/122cv6.gif')"><tbody><tr><td align="center" valign="middle"><div id="scroll3" align="left" style="border: 0px none ; overflow: auto; width: 240px; height: 100px">เขียนข้อความ..หรือ ใส่รูป</div></td></tr></tbody></table><table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img297.imageshack.us/img297/6050/animation122uj7.gif'); height: 38px"><tbody><tr><td></td></tr></tbody></table>

<table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img264.imageshack.us/img264/4914/animation132xw5.gif'); height: 38px"><tbody><tr><td></td></tr></tbody></table><table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img259.imageshack.us/img259/5109/132mr3.gif')"><tbody><tr><td align="center" valign="middle"><div id="scroll3" align="left" style="border: 0px none ; overflow: auto; width: 240px; height: 100px">เขียนข้อความ..หรือ ใส่รูป</div></td></tr></tbody></table><table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img259.imageshack.us/img259/4307/animation132cz0.gif'); height: 38px"><tbody><tr><td></td></tr></tbody></table>

<table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img264.imageshack.us/img264/6043/animation142xx5.gif'); height: 38px"><tbody><tr><td></td></tr></tbody></table><table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img299.imageshack.us/img299/4335/142io5.gif')"><tbody><tr><td align="center" valign="middle"><div id="scroll3" align="left" style="border: 0px none ; overflow: auto; width: 240px; height: 100px">เขียนข้อความ..หรือ ใส่รูป</div></td></tr></tbody></table><table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img502.imageshack.us/img502/4808/animation142zc3.gif'); height: 38px"><tbody><tr><td></td></tr></tbody></table>

<table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img299.imageshack.us/img299/1305/animation152do7.gif'); height: 38px"><tbody><tr><td></td></tr></tbody></table><table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img294.imageshack.us/img294/3968/152oo7.gif')"><tbody><tr><td align="center" valign="middle"><div id="scroll3" align="left" style="border: 0px none ; overflow: auto; width: 240px; height: 100px">เขียนข้อความ..หรือ ใส่รูป</div></td></tr></tbody></table><table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img294.imageshack.us/img294/4948/animation152tn7.gif'); height: 38px"><tbody><tr><td></td></tr></tbody></table>

<table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img144.imageshack.us/img144/3898/animation162hk4.gif'); height: 38px"><tbody><tr><td></td></tr></tbody></table><table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img299.imageshack.us/img299/5967/162pf4.gif')"><tbody><tr><td align="center" valign="middle"><div id="scroll3" align="left" style="border: 0px none ; overflow: auto; width: 240px; height: 100px">เขียนข้อความ..หรือ ใส่รูป</div></td></tr></tbody></table><table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img144.imageshack.us/img144/488/animation162lj2.gif'); height: 38px"><tbody><tr><td></td></tr></tbody></table>

<table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img292.imageshack.us/img292/3711/animation172hj0.gif'); height: 38px"><tbody><tr><td></td></tr></tbody></table><table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img132.imageshack.us/img132/547/172kj5.gif')"><tbody><tr><td align="center" valign="middle"><div id="scroll3" align="left" style="border: 0px none ; overflow: auto; width: 240px; height: 100px">เขียนข้อความ..หรือ ใส่รูป</div></td></tr></tbody></table><table border="0" cellspacing="0" cellpadding="0" width="300" align="center" style="background-image: url('//img294.imageshack.us/img294/7912/animation172ri9.gif'); height: 38px"><tbody><tr><td></td></tr></tbody></table>