วิธีแต่งหน้าบ้านแพนทาวน์ (หรือพันทาวน์หว่า)ให้น่ามองจ้า.......ฉบับปรับปรุงใหม่

สำหรับมือใหม่หัดแต่ง....อิอิ ...... เครดิตวิธีแต่งบ้าน ต้องยกให้น้องรอง(มนเพชร&ภัทร) และเพื่อนๆ อีกหลายท่าน อาทิเช่นคุณวิทย์ บอร์ดทิปส์ฮาวทู ของน้องมี่ น้องนี......ฯลฯ ขอบคุณทุกๆ ท่านมากๆ จ้า ขั้นตอนแรก สำหรับการจะทำหน้าบ้านให้สวย.... ก่อนอื่นก็ต้องSignin เข้าไปก่อนจะได้หน้าตาออกมาประมาณนี้จ้า
โดย: เจ้าบ้าน [3 ต.ค. 51 20:09] ( IP A:114.128.169.55 X: )

ความคิดเห็นที่ 1
แป่วววววว............เพิ่งเห็นในรูปข้างบน.... ว่าสะกดคำว่า น่ามอง ผิด. ....ขออภัยอย่างแรง.......เดี๋ยวคัดใหม่ 10 จบก่อนจ้า ลงโทษตัวเอง.....เอิ๊ก

น่ามอง น่ามอง น่ามอง น่ามอง น่ามอง
น่ามอง น่ามอง น่ามอง น่ามอง น่ามอง

แล้วทำตามลำดับภาพต่อไปจ้า....

โดย: เจ้าบ้าน

[3 ต.ค. 51 20:12] ( IP A:114.128.169.55 X: )

ความคิดเห็นที่ 2
ต่อไปนี้ก็เป็นลิงค์ของแหล่งรวมโค๊ดต่างๆ
รวบรวมมาให้ตามที่คิดว่า น่าสนใจ ใครต้องการหาโค๊ดอะไร เข้าไปหาได้ตามลิงค์ทั้งหมดนี้เลยค๊าบ

http://www.hi5.banphan.com/index.php
ใครชอบเล่นhi5 คงชอบใจ เพราะลิงค์บนนี้ มีโค๊ดตกแต่งเยอะดี

http://www.codetukyang.com/java/
http://www.codetukyang.com/php/
สองลิงค์นี้ชื่อบ่งบอก ว่า โค๊ดทุกอย่าง จริงๆ จ้า...
ลิงค์บนเป็นโค๊ดจาว่า
ลิงค์ล่างเป็นโค๊ดPHP Script

http://www.zalim-code.com/index1.htm
ลิงค์นี้ มีโค๊ดแต่ง hi5 และโค๊ดแต่งไดอารี่ เยอะแยะมากมายเหมือนกัน มีของตกแต่งต่างๆ ให้สูบเพียบเช่นกันจ้า

3 เว็บนี่ก็หาโค๊ดกันตาแฉะแล้วเนอะ...ไว้ค่อยมาอัพเว็บเด็ดๆ ใหม่ๆ วันหลัง เวลามีน้อยต้องใช้สอยให้คุ้มค่าจ้า.....เอิ๊ก

ได้โค๊ดมาแล้ว....ลองเอามาทดสอบโค๊ดต่างๆ ที่จับมายำๆ รวมกันก่อนได้ที่นี่จ้า

ทดสอบโค๊ด
http://www.codetukyang.com/html/testcode.htm
http://www.thaimisc.com/r/view.php?id=67&category=13

ลิงค์เทียบสี สำหรับเปลี่ยนค่าสีของตาราง สกรอบาร์ ฟ้อนท์ บีจี บลาๆๆๆ
http://www.todayload.com/skin/color.htm
http://www.2anong.com/angel/color.html

น่าจะได้ข้อมูลมากพอ....

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

ใครชอบยังไงก็แต่งกันไปตามใจตัวเองเลยจ้า......แฮ่กกกกก

โดย: เจ้าบ้าน

[3 ต.ค. 51 20:27] ( IP A:114.128.169.55 X: )

ความคิดเห็นที่ 3
โค๊ดของรูปแบ็คกราวด์(บีจี)
<STYLE>
body { color: #รหัสของสีที่ชอบดูได้จากเว็บเทียบสี ;}
td { background:URL( ยูอาร์แอลของรูปบีจี ); }
</STYLE>

***********

โค๊ดใส่บีจีแบบแบ่งด้านซ้ายมือให้เป็นลายนึง
และใส่บีจีด้านขวามือให้เป็นบีจีอีกลายนึง

<style>table {background-color: transparent;border-style: none;border-spacing: none;background-image: url( ยูอาร์แอลของบีจีรูปที่ 1 );}td {border: none;border-color: none;background:none;}</style>
<style type>body {background-image: url(" ยูอาร์แอลของบีจีรูปที่ 2 ");}
</style>

*****

โดย: เจ้าบ้าน

[3 ต.ค. 51 20:36] ( IP A:114.128.169.55 X: )

ความคิดเห็นที่ 4
โค๊ดใส่รูปตกแต่งหน้าบ้าน
(จะเป็นรูปตัวการ์ตูนหรือรูปเจ้าตัวเล็กๆ ก็ได้ แต่ควรจะเป็นรูปขนาดเล็ก ไม่ควรกว้างมากนัก ถ้าใหญ่มากหน้าบ้านจะกว้างเกินไปจ้า)

<center><img src=" ยูอาร์แอลของรูป "</img></center>

โดย: เจ้าบ้าน

[3 ต.ค. 51 20:39] ( IP A:114.128.169.55 X: )

ความคิดเห็นที่ 5
โค๊ดใส่เพลงแบบต่างๆ

วิธี ใส่เพลง หรือ display file ต่างๆ แบบกำหนดส่วนต่างๆได้

<embed src=" ยูอาร์แอลของเพลง " height="100" width="50" autostart="false" repeat="true" loop="true" type="audio/midi">

* - autostart หมายถึง พอโหลด page เสร็จ จะให้เริ่มเล่นเลยไหม
* - repeat หมายถึง เล่นซ้ำไหม
* - loop หมายถึง จะให้เล่นซ้ำๆ วนไปวนมา ไม่จบใช่หรือไม่
* - type หมายถึง ถ้าเพลงเป็น file แบบไหน ก็ให้เปลี่ยนตรงหลัง type= ให้ตรงกับประเภทของมัน ดังต่อไปนี้ ...

t y p e * - ประเภทของเพลง
mp3 > audio/x-mp3
wma > audio/x-ms-wma
mpeg > audio/mpeg"
wav > audio/wav
flash > application/x-shockwave-flash

เครดิต วิธีลงเพลงจาก น้อง rappeler ของ บอร์ดทิปฮาวทู จ้า

โดย: เจ้าบ้าน

[3 ต.ค. 51 20:41] ( IP A:114.128.169.55 X: )

ความคิดเห็นที่ 6 Code : ใส่เพลง MIDI <bgsound src=" ยูอาร์แอลเพลงสกุล.mid " autostart="true" loop="infinite">
โดย: เจ้าบ้าน [3 ต.ค. 51 20:42] ( IP A:114.128.169.55 X: )

ความคิดเห็นที่ 7
Code : ใส่เพลงแบบมีคอนโซล

<embed src= ยูอาร์แอลเพลง autostart=trueloop=false height=45 width=170></embed>

ความสูง และ ความกว้าง เปลี่ยนค่าตัวเลขได้ตามความเหมาะสมนะจ๊ะ

เอาหน้าลิงค์ที่อธิบายวิธีใส่โค๊ดเพลงแบบชัดๆ มาให้ดูกันจ้า
http://www.zalim-code.com/Audio.htm#player

ขอขอบคุณซ่าหลิ่มโค๊ดด้วยนะค๊าบ

โดย: เจ้าบ้าน

[3 ต.ค. 51 20:59] ( IP A:114.128.169.55 X: )

ความคิดเห็นที่ 8
โค๊ดแบนเนอร์เพื่อนบ้าน
(รูปแทนลิงค์ไปหน้าบ้านเพื่อนๆ )

<a href=" ยูอาร์แอลของเพื่อนบ้าน " target="_blank"><img src=" ยูอาร์แอลรูปแบนเนอร์ของเพื่อนบ้าน " width="88" height="42" border="0" alt=" ชื่อบ้านเพื่อน "></a>

โดย: เจ้าบ้าน

[3 ต.ค. 51 21:03] ( IP A:114.128.169.55 X: )

ความคิดเห็นที่ 9
โค๊ดแฟลช

<EMBED style="LEFT: 0px; WIDTH: 820px; POSITION: absolute; TOP: 0px; HEIGHT: 370px"
align=right src= ยูอาร์แอลของแฟลช width=820 height=370
type=application/octet-stream wmode="transparent" quality="high" ;;></EMBED>

*******
โค๊ดแฟลชแบบเขียนข้อความพร้อมใส่ภาพตอนแสดงแฟลชได้

<table align=center cellSpacing=0 cellPadding=0 border=0 background= URL ภาพ width=280height=300><tr><td align=center>
<embed src= URLของFlash width=280 height=300 type=application/x-shockwave-flash quality="high" menu="false" wmode="transparent"></embed><p> ใส่ข้อความที่นี่ </p>

ความกว้างและความสูงเปลี่ยนค่าตัวเลขได้เช่นกันจ้า

หมายเหตุ URLของแฟลช : มีสกุลไฟล์เป็น .swf นะจ๊ะ

*******

***รวมโค๊ดแฟลชแบบต่างๆ หามาให้ดูพอให้เห็นเป็นตัวอย่างจ้า***

โค๊ดนาฬิกา
http://my.dek-d.com/oranarun/story/viewlongc.php?id=368206&chapter=44
http://my.dek-d.com/boo1995/story/view.php?id=368206
http://www.zalim-code.com/clock-hi5.html

โดย: เจ้าบ้าน

[3 ต.ค. 51 21:27] ( IP A:114.128.169.55 X: )

ความคิดเห็นที่ 10 บล็อครวมโค๊ดเม้าส์น่ารักๆ มีสอนวิธีทำเม้าส์ด้วยตัวเองด้วยค๊าบ http://mouse-cartoon.blogspot.com/
โดย: เจ้าบ้าน [3 ต.ค. 51 21:31] ( IP A:114.128.169.55 X: )

ความคิดเห็นที่ 11
Link effect เวลาเอาเม้าส์จิ้มที่รูปแล้วภาพจะเปลี่ยนไปเป็นแบบต่างๆ

a img {ใส่โค๊ด} = การกำหนดเอฟเฟคของรูปปกติ
a:hover img {ใส่โค๊ด} = การกำหนดเอฟเฟคของรูปหลังชี้ Mouse
ถ้าอยากให้เป็นภาพปกติก็ใส่โค๊ต Filter: none = ภาพปกติ

โค๊ดนะจ๊ะ
******

<style type="text/css">a:link img {ใส่โค้ดลิงค์;} a:visited img {ใส่โค้ดลิงค์;} a:hover img {filter:none;}</style><br /><br />

******
:: Filter ที่จะนำไปใส่ในช่อง {ใส่โค้ดลิงค์}::

- ชี้เเล้วภาพขาว-ดำ
Filter: Gray
- ชี้เเล้วภาพเเนวx-ray
Filter: Xray
- ชี้เเล้วภาพกลับเป็นสีตรงข้ามกัน
Filter: Invert
- ชี้เเล้วภาพจางลงเหลือ60% (สามารถปรับค่าได้ใส่เลขอะไรภาพจะเหลือความจางเท่านั้น%)
Filter: Alpha(opacity=60)
- ภาพเบลอธรรมดา ::กำลังดี::
Filter: Blur
- ภาพเบลอมากๆ
Filter: Blur(Add = 0, Direction = 225, Strength = 10)
- ชี้ลิ้งเป็นรูปคลื่น
Filter: Wave(Add=0, Freq=10, LightStrength=20, Phase=220, Strength=10)
- ชี้ลิ้งเเล้วเป็นกลมๆ
Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0)
- ชี้ลิ้งเเล้วเป็นคลื่น...ลองเอง
Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0, FinishY=0) Wave(Add=0, Freq=5, LightStrength=20, Phase=220, Strength=10)
- กลับด้านซ้าย-ขวา
FILTER: fliph()
- ชี้ลิ้งเเล้วความเข้มของสี ไล่จากซ้าย-->ไปขวา
FILTER: Alpha(Opacity=100,FinishOpacity=0,Style=1)
- ชี้ลิ้งเเล้วความเข้มสี ไล่จากขวา->ไปซ้าย
FILTER: Alpha(Opacity=0,FinishOpacity=100,Style=1)
- ไล่สีจากกลางภาพ ไปขอบภาพ
FILTER: Alpha(Opacity=100,FinishOpacity=0,Style=3)
- ชี้ลิ้งเเล้วใส่ Filter แบบไล่สีเป็นวงกลมให้กับภาพ
FILTER: Alpha(Opacity=100,FinishOpacity=0,Style=2)
- ภาพปกติ
Filter: none

Credit :: ThaiHi5.com (http://kojungza.hi5.com/)

ขอบคุณมากๆ ค๊าบ

โดย: เจ้าบ้าน

[3 ต.ค. 51 21:45] ( IP A:114.128.169.55 X: )

ความคิดเห็นที่ 12
วิธีเปลี่ยนสีตัวหนังสือของเมนู
ขอบคุณน้องรอง(มนเพชร&ภัทร) และคุณวิทย์ ที่ปันความรู้ตรงนี้ให้จ้า

*****


<STYLE>

</STYLE>


*******

เวลาใส่ให้ลบคำว่า เริ่ม กับ จบ ออกนะจ๊ะ
สำหรับโค๊ดสีนั้น ให้เปลี่ยนได้ตามใจชอบเลยจ้า

โดย: เจ้าบ้าน

[3 ต.ค. 51 21:50] ( IP A:114.128.169.55 X: )

ความคิดเห็นที่ 14
โดย: เจ้าบ้าน [3 ต.ค. 51 22:02] ( IP A:114.128.169.55 X: )

ความคิดเห็นที่ 15
มีคำเตือนเล็กน้อย.....สำหรับเจ้าบ้านมือใหม่นะคะ

คือการแต่งหน้าบ้านให้สวยงามด้วยการใส่โค๊ดแฟลชมากๆ เนี่ยะ จะมีทั้งข้อดีและข้อเสีย..... ดังนี้ค่ะ

ข้อดี......... สวยงาม.........เริ่ดหรูอลังการ

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

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

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

โดย: เจ้าบ้าน

[3 ต.ค. 51 22:04] ( IP A:114.128.169.55 X: )

ความคิดเห็นที่ 19 ตามมาทุกทู้ของแม่เบียร์เลย (เค้าเรียกแฟนพันธุ์แท้หรือเปล่าเนี่ย) ขออนุญาตนำไปเผยแพร่ที่บ้านนะจ๊ะ ขอบคุณมากๆๆๆๆๆๆๆๆค่ะ
โดย: อ๋อ(มนเอิง) [4 ต.ค. 51] ( IP A:58.8.158.138 X: )

ความคิดเห็นที่ 21
แม่น้องนิวตั้งชื่อว่าบ้านว่าอะไรคะ

และที่ว่าตั้งหัวข้อทางซ้ายมือตอนเข้าไป แล้วหายไปเนี่ยะ หมายถึงตั้งเมนูของบ้าน(หมวดหมู่ต่างๆ หรือเปล่าคะ)

ตอนนี้เข้าหน้าบ้านตัวเองไม่ได้ เพราะหาหน้าบ้านตัวเองไม่เจอ แม่เบียร์เข้าใจถูกต้องหรือเปล่า

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

ได้เรื่องยังไงเดี๋ยวเรามาว่ากันต่ออีกที ตอนนี้ลองทำตามนี้ก่อนค่ะ

หรือลองส่งชื่อหน้าบ้านที่ตั้งไว้ให้แม่เบียร์ดูหน่อย จะหาทางเข้าให้ค่ะ

โดย: เจ้าบ้าน

[17 ต.ค. 51 11:37] ( IP A:114.128.173.253 X: )

ความคิดเห็นที่ 23
คุณเก๋ ถามถึงการใช้งานที่เว็บไหนคะ ถ้าที่นี่ ใส่รูปไปแล้วรูปต้องแสดงข้างล่างข้อความอยู่แล้วนี่คะ เลือกตำแหน่ง ได้แค่ ชิดซ้าย กึ่งกลาง หรือ ชิดขวา เท่านั้นน่ะค่ะ

โดย: เจ้าบ้าน

[31 ต.ค. 51 7:09] ( IP A:114.128.168.124 X: )

ความคิดเห็นที่ 28
เวลาใส่ภาพประกอบ ใส่ในช่องจัดการบล็อค หรือเปล่าคะ
หรือหมายถึงใส่บีจี แม่เบียร์ก็ใส่โค๊ดบีจีในหน้าที่เขียนบล็อคใหม่นั่นแหละค่ะ

คุณกฤติกาใส่โค๊ดตรงไหน ยังไงอ้ะคะ
ลองแวะไปดูหน้าบล็อคของแม่เบียร์นะคะ
http://www.bloggang.com/mainblog.php?id=frontier683

ตอนนี้แม่เบียร์เข้าไปที่บล็อคคุณกฤติกาแล้วยังงงๆ ว่าแปะโค๊ดตรงไหน ภาพถึงลงไปอยู่ข้างล่างแบบนั้นน่ะค่ะ

โดย: เจ้าบ้าน

[28 พ.ย. 51 17:14] ( IP A:114.128.171.222 X: )

ความคิดเห็นที่ 33
เวลาใส่ภาพประกอบ ใส่ในช่องจัดการบล็อค หรือเปล่าคะ
หรือหมายถึงใส่บีจี แม่เบียร์ก็ใส่โค๊ดบีจีในหน้าที่เขียนบล็อคใหม่นั่นแหละค่ะ

คุณกฤติกาใส่โค๊ดตรงไหน ยังไงอ้ะคะ
ลองแวะไปดูหน้าบล็อคของแม่เบียร์นะคะ
http://www.bloggang.com/mainblog.php?id=frontier683

ตอนนี้แม่เบียร์เข้าไปที่บล็อคคุณกฤติกาแล้วยังงงๆ ว่าแปะโค๊ดตรงไหน ภาพถึงลงไปอยู่ข้างล่างแบบนั้นน่ะค่ะ

ใส่ในหน้าบล๊อกที่สร้างนั่นแหละค่ะ

อย่างเช่น หน้าบล๊อกนี้แหละ

http://www.bloggang.com/mainblog.php?id=krittiya&month=12-10-2008&group=9&gblog=2

โดย: กฤติยา [28 พ.ย. 51 17:35] ( IP A:118.172.122.79 X: )

ความคิดเห็นที่ 34 แม่เบียร์หมายถึงจัดโค๊ดใส่ยังไง ตรงไหน(ในแถบจัดการด้านหลังบล็อคน่ะค่ะ) ดูตามภาพนะคะ
โดย: เจ้าบ้าน [28 พ.ย. 51 17:53] ( IP A:114.128.171.222 X: )

ความคิดเห็นที่ 35
โดย: เจ้าบ้าน [28 พ.ย. 51 17:56] ( IP A:114.128.171.147 X: )

ความคิดเห็นที่ 44 โค๊ดหัวบล็อค ใส่ไว้ในช่องสโลแกนค่ะ
โดย: เจ้าบ้าน [29 พ.ย. 51 11:53] ( IP A:114.128.172.157 X: )

ความคิดเห็นที่ 45
ส่วนโค๊ดแฟลชที่จะให้แสดงในแต่ละหน้าของบล็อค ก็เอาไว้ต่อจากโค๊ดบีจี ของแต่ละหน้าของบล็อค ก่อนที่เราจะเขียนเรื่องและใส่ภาพประกอบบล็อคลงไปนั่นแหละค่ะ

โดย: เจ้าบ้าน

[29 พ.ย. 51 11:55] ( IP A:114.128.172.157 X: )

คลิกที่นี่เพื่อกลับหน้าบ้าน