ເນື່ອງຈາກຫລາຍຄົນສົນໃຈຖາມມາຕອນລົມກັນຢູ່ Shoutbox ເລື່ອງລະບົບ Top Friends ຫລາຍຄົນຖາມມາແລະມີບັນຫາເລື່ອງລີ້ງຮູບ ອີກຫນ້ອຍຫນື່ງ ແຕ່ວ່າພັນລາວຍັງບໍ່ທັນມີລະບົບດັ່ງກ່າວ ແຕ່ອີກບໍ່ດົນຢ່າງແນ່ນອນ
ມື້ນີ້ ດ່ຽວ ຈະມາສາທິດວິທີ ເຮັດTop Friends ແບບຊົ່ວຄາວ ແລະ ງ່າຍດາຍດ້ວຍໂຄດ HTML
ເລີ່ມກັນເລີຍ
ຫນ້າຕາ Top Friends ຂອງຕົວເຮົາເອງເປັນແນວນີ້ແຫລະ



ຢູ່ໃນນີ້ຫມູ່ເພື່ອນຈະເຫັນວ່າ Top Friends ດ່ຽວມີ 4 ຄົນ (ໃຜຢາກແລກທັອບກະບອກເດີ້) ມີສາມແຖວ
- ແຖວທຳອິດແມ່ນຮູບ header
- ແຖວທີສອງແມ່ນຮູບ ຫມູ່ທັງ 4
- ແຖວທີ່ສາມແມ່ນ ໂຕຫນັງສືບອກຊື່
ສັງເກດເຫັນວ່າແຖວທີ່ສາມທີ່ ບອກຊື່ ຂອງດ່ຽວນັ້ນຈະມີໂຄດ ທີ່ຈະເຮັດໃຫ້ໂຕຫນັງສືມີສີ ສຳລັບລະຫັດສີເບີ່ງ http://html-color-codes.com/
ລະສຳລັບໃຜທີ່ມີຫມູ່ຫລາຍ ຢາກເຮັດເພີ່ມແຖວຈາກຫມູ່ແຖວດຽວເປັນສອງແຖວ ຫລື ຫລາຍກວ່າ ມີອະທິບາຍຢູ່ທັງລຸ່ມ
ມາເບີ່ງໂຄດເດີ້ບາດນີ້
Code:

<table width="50%" border="0" align="center" cellpadding="5" cellspacing="5">
  <tr>
    <td colspan="4" align="center" valign="top"><img src="(ລີ້ງຂອງຮູບ)" alt="(ຄຳອະທິບາຍຮູບ)" /></td>
  </tr>
  <tr>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່1)"><img src="(ລິ້ງຂອງຮູບຫມູ່ຜູ້ທີ່1)" border="0" /></a></td>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່2)"><img src="(ລິ້ງຂອງຮູບຫມູ່ຜູ້ທີ່2)" border="0" /></a></td>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່3)"><img src="(ລິ້ງຂອງຮູບຫມູ່ຜູ້ທີ່3)" border="0" /></a></td>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່4)"><img src="(ລິ້ງຂອງຮູບຫມູ່ຜູ້ທີ່4)" border="0" /></a></td>
 </tr>
 <tr>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່1)"><FONT FACE="Arial"><FONT COLOR="(ລະຫັດສີ)">(ຊື່ຫມູ່ຜູ້ທີ່1)</FONT></a></td>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່2)"><FONT FACE="Arial"><FONT COLOR="(ລະຫັດສີ)">(ຊື່ຫມູ່ຜູ້ທີ່2)</FONT></a></td>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່3)"><FONT FACE="Arial"><FONT COLOR="(ລະຫັດສີ)">(ຊື່ຫມູ່ຜູ້ທີ່3)</FONT></a></td>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່4)"><FONT FACE="Arial"><FONT COLOR="(ລະຫັດສີ)">(ຊື່ຫມູ່ຜູ້ທີ່4)</FONT></a></td>
 </tr>
</table>

ການໃສ່ລີ້ງ
ໃຫ້ແທນທີ່ບ່ອນທີ່ທາສີ ດ້ວຍລີ້ງຕ່າໆດັ່ງນີ້ :
- ສີແດງ ລີ້ງຂອງຮູບ ແທນດ້ວຍ ລີ້ງຮູບທີ່ຈະມາເປັນ Header ຂອງຫມູ່ເພື່ອນເອງ ແຕ່ຄັນບໍ່ມີຮູບພັນລາວມີ ລີ້ງຮູບໃຫ້ໃສ່ໄປກ່ອນ
http://punlao.com/images/my-top-friends.png


- ສີເທົາ ຄຳອະທິບາຍຮູບ ອັນນີ້ໃສ່ຫຍັງກະໄດ້ບໍ່ມີຜົນຫຍັງກັບທັອບ ພຽງເວລາເຮົາເອົາເມົ້າສ໌ ໄປວາງໄວ້ເທີງຮູບລະຈະມີໂຕຫນ້ງສືຂື້ນມາ

- ສີມ່ວງ ລີ້ງໄປຫາຫມູ່ ແທນດ້ວຍ ລີ້ງທີ່ຈະໄປຫາຫນ້າ ເພຈ ຂອງຫມູ່ເຮົາ http://punlao.com/(ຊື່ຫມູ່ຂອງເຮົາ)

- ສີຟ້າ ລິ້ງຂອງຮູບຫມູ່ ແທນດ້ວຍ ລີ້ງຮູບຫມູ່ເຮົາ ຫາໄດ້ຢູ່ຫນ້າເພຈຈາກການຄລິກຂວາໃສ່ຮູບ ແລ້ວເລືອກ Properties ເລືອກກັອບປີ້ເອົາຂອງ address ເບີ່ງລະອຽດຢູ່ດ້ານລຸ່ມຂອງໄດອາຣີ່ນີ້ ສຳລັບການໃສ່ ລີ້ງຂອງຮູບຫມູ່

- ສີເຫລືອງ ລະຫັດສີ ແທນດ້ວຍລະຫັດສີເຊັ່ນ : #FFFFFF ແມ່ນ ສີແດງ ເບີ່ງໄດ້ຈາກເວບ http://html-color-codes.com/

ສຳລັບຫມູ່ເພື່ອນທີ່ຢາກເຮັດເປັນສອງແຖວ ໃຫ້ເປິດແຖວອີກດ້ວຍ <tr> ແລ້ວປິດດ້ວຍ </tr> ຈະເປັນແຖວຫນື່ງ



ຕົວຢ່າງ

<table width="50%" border="0" align="center" cellpadding="5" cellspacing="5">
  <tr>
    <td colspan="4" align="center" valign="top"><img src="(ລີ້ງຂອງຮູບ)" alt="(ຄຳອະທິບາຍຮູບ)" /></td>
  </tr>
  <tr>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່1)"><img src="(ລິ້ງຂອງຮູບຫມູ່ຜູ້ທີ່1)" border="0" /></a></td>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່2)"><img src="(ລິ້ງຂອງຮູບຫມູ່ຜູ້ທີ່2)" border="0" /></a></td>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່3)"><img src="(ລິ້ງຂອງຮູບຫມູ່ຜູ້ທີ່3)" border="0" /></a></td>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່4)"><img src="(ລິ້ງຂອງຮູບຫມູ່ຜູ້ທີ່4)" border="0" /></a></td>
 </tr>
 <tr>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່1)"><FONT FACE="Arial"><FONT COLOR="(ລະຫັດສີ)">(ຊື່ຫມູ່ຜູ້ທີ່1)</FONT></a></td>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່2)"><FONT FACE="Arial"><FONT COLOR="(ລະຫັດສີ)">(ຊື່ຫມູ່ຜູ້ທີ່2)</FONT></a></td>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່3)"><FONT FACE="Arial"><FONT COLOR="(ລະຫັດສີ)">(ຊື່ຫມູ່ຜູ້ທີ່3)</FONT></a></td>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່4)"><FONT FACE="Arial"><FONT COLOR="(ລະຫັດສີ)">(ຊື່ຫມູ່ຜູ້ທີ່4)</FONT></a></td>
 </tr>
<tr>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່5)"><img src="(ລິ້ງຂອງຮູບຫມູ່ຜູ້ທີ່5)" border="0" /></a></td>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່6)"><img src="(ລິ້ງຂອງຮູບຫມູ່ຜູ້ທີ່6)" border="0" /></a></td>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່7)"><img src="(ລິ້ງຂອງຮູບຫມູ່ຜູ້ທີ່7)" border="0" /></a></td>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່8)"><img src="(ລິ້ງຂອງຮູບຫມູ່ຜູ້ທີ່8)" border="0" /></a></td>
 </tr>
 <tr>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່5)"><FONT FACE="Arial"><FONT COLOR="(ລະຫັດສີ)">(ຊື່ຫມູ່ຜູ້ທີ່5)</FONT></a></td>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່6)"><FONT FACE="Arial"><FONT COLOR="(ລະຫັດສີ)">(ຊື່ຫມູ່ຜູ້ທີ່6)</FONT></a></td>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່7)"><FONT FACE="Arial"><FONT COLOR="(ລະຫັດສີ)">(ຊື່ຫມູ່ຜູ້ທີ່7)</FONT></a></td>
   <td align="center"><a href="(ລີ້ງໄປຫາຫມູ່8)"><FONT FACE="Arial"><FONT COLOR="(ລະຫັດສີ)">(ຊື່ຫມູ່ຜູ້ທີ່8)</FONT></a></td>
 </tr>
</table>

- ຕອບບັນຫາ Mooya ແລະ Mimi
ທີ່ທັງສອງຖາມວ່າ ເປັນຫຍັງຮູບຫມູ່ຢູ່ດີໆ ຄືບໍ່ຂື້ນ?
ນັ້ນເປັນເພາະວ່າ ທັງສອງອາດເອົາລີ້ງຮູບທີ່ມາຈາກບ່ອນທີ່ມີການອັບເດດເລື້ອຍໆ ເຊັ່ນ ລີ້ງຮູບ Display ຂອງ Mooya  http://punlao.com/uploads_user/1000/263/0_7811.jpg

ສົມມຸດ Mimi ເອົາໄປໃສ່ບ່ອນທັອບຂອງຕົວເອງແລ້ວ(ຍັງສະແດງຮູບຢູ່ຄືປົກກະຕິ), ແຕ່ເວລາທີ່ Mooya ອັບໂຫລດຮູບໃຫມ່ຮູບນັ້ນຈະຖືກລຶບແລ້ວ ແລ້ວທັອບຂອງ Mimi ນັ້ນ ຮູບ Mooya ຈະບໍ່ຂຶ້ນ. ນັ້ນແມ່ນສາຍເຫດ

ການແກ້ກະມີ ສອງແບບ ຄື :
- ໄປເອົາລີ້ງຈາກຮູບໃຫມ່ Mooya (ແບບຊົ່ວຄາວ ຈົນກວ່າຫມູ່ຜູ້ນັ້ນຈະປ່ຽນຮູບ)
- ເຊພຮູບ Mooya ແລ້ວອັບໂຫລດຢູ່ເວບຝາກຮູບ (ແບບຖາວອນ)

ໄປເອົາລີ້ງຈາກຮູບໃຫມ່:
ເຂົ້າໂປຣ໌ໄຟຣ໌ ຄລິກຂວາ Properties ເບີ່ງເອົາ Picture link ກັອບປີ້ ມາໃສ່ບ່ອນເກົ່າ

ເຊພຮູບ ແລ້ວອັບໂຫລດ
ເລືອກຮູບທີ່ຈະໃຊ້ ເຂົ້າເວບຝາກຮູບ
ແນະນຳເວບຂອງ ນິນ http://img.laoupload.com
ອັບໂຫລດແລ້ວ, ເອົາລີ້ງເທິງສຸດມາໃສ່ບ່ອນເກົ່າ

ກະຂໍຈົບພຽງເທົ່ານີ້
ມີຫຍັງຜິດພາດ ຫລື ອະທິບາຍບໍ່ດີ,ຍັງບໍ່ເຂົ້າໃຈ ຂຽນມາບອກ ຂຽນມາຖາມໄດ້