ຮູບແບບ CSS ຮຽກຮ້ອງໃຫ້ທ່ານຄິດເຖິງຮູບແບບເວັບໄຊທ໌ຂອງທ່ານທັງຫມົດ, ແລະຫຼັງຈາກນັ້ນເອົາຊິ້ນສ່ວນແລະເອົາໃຫ້ພວກເຂົາຮ່ວມກັນ. ຮຽນຮູ້ວິທີການສ້າງຮູບແບບ 3 ຄໍລໍາແບບງ່າຍໆດ້ວຍ CSS.
01 of 09
ແຕ້ມຮູບແບບຂອງທ່ານ
J Kyrnin ທ່ານສາມາດແຕ້ມຮູບຂອງທ່ານໃນເຈ້ຍຫຼືໃນ ໂຄງການຮູບພາບ . ຖ້າທ່ານມີຮູບແບບສາຍໄຟຫຼືການອອກແບບຢ່າງກວ້າງຂວາງໃນຕົວຈິ່ງ, ໃຫ້ມັນງ່າຍດາຍໃນຫ້ອງພື້ນຖານທີ່ສ້າງຂຶ້ນໃນເວັບໄຊທ໌. ການອອກແບບນີ້ທີ່ມາກັບບົດຄວາມນີ້ມີສາມຄໍລໍາຢູ່ໃນເນື້ອຫາຕົ້ນຕໍ, ເຊັ່ນດຽວກັນກັບຫົວຂໍ້ແລະເບື້ອງຊ້າຍ. ຖ້າທ່ານເບິ່ງຢ່າງໃກ້ຊິດ, ທ່ານສາມາດເຫັນໄດ້ວ່າສາມຄໍລໍາບໍ່ມີຄວາມເທົ່າທຽມກັນໃນຄວາມກວ້າງ.
ຫຼັງຈາກທີ່ທ່ານມີຮູບຮ່າງອອກມາ, ທ່ານສາມາດເລີ່ມຕົ້ນຄິດເຖິງຂະຫນາດ. ການອອກແບບຕົວຢ່າງນີ້ຈະມີຂະຫນາດພື້ນຖານດັ່ງຕໍ່ໄປນີ້:
- ບໍ່ເກີນ 900 ພິກະເຊນກວ້າງ
- 20 px gutter ຢູ່ເບື້ອງຊ້າຍ
- 10 px ລະຫວ່າງຄໍລໍາແລະແຖວ
- ຄໍລໍາທີ່ມີຂະຫນາດ 250px, 300px ແລະ 300px
- ແຖວເທິງແມ່ນສູງ 150px
- ແຖວລຸ່ມແມ່ນສູງ 100px
02 of 09
ຂຽນ Basic HTML / CSS ແລະສ້າງ Element Container
ເນື່ອງຈາກຫນ້ານີ້ຈະເປັນເອກສານ HTML ທີ່ຖືກຕ້ອງ, ເລີ່ມຕົ້ນດ້ວຍບັນຈຸ HTML ທີ່ຫວ່າງບໍ່
Untitled Document </ title> </ head> <body> </ body> </ html> <p> ເພີ່ມໃນຄໍເຕົ້າໄຂ່ທີ່ CSS ຂັ້ນພື້ນຖານເພື່ອ <a href="https://lo.eyewated.com/%E0%BB%83%E0%BA%8A%E0%BB%89-css/">ລົບອອກຂອບຂອບ, ຊາຍແດນແລະການປ້ອນຂໍ້ມູນ</a> . ໃນຂະນະທີ່ມີ <a href="https://lo.eyewated.com/%E0%BA%AE%E0%BA%BD%E0%BA%99%E0%BA%AE%E0%BA%B9%E0%BB%89%E0%BB%81%E0%BA%9C%E0%BB%88%E0%BA%99%E0%BA%AA%E0%BA%B0%E0%BB%84%E0%BA%95%E0%BB%81%E0%BA%9A%E0%BA%9A-cascading/">ຄໍເຕົ້າໄຂ່ CSS ມາດຕະຖານ</a> ອື່ນໆສໍາລັບເອກະສານໃຫມ່, ຮູບແບບເຫຼົ່ານີ້ແມ່ນຫນ້ອຍທີ່ທ່ານຕ້ອງການເພື່ອໃຫ້ໄດ້ຮັບການອອກແບບທີ່ສະອາດ. ຕື່ມໃສ່ຫົວຂອງເອກະສານຂອງທ່ານ: </p>
<style type = "text / css"> html, body {margin: 0px padding: 0px border: 0px } </ style> <p> ເພື່ອເລີ່ມຕົ້ນການກໍ່ສ້າງຮູບແບບ, ໃສ່ໃນອົງປະກອບຂອງຖັງ. ມັນບາງຄັ້ງກໍ່ເກີດຂື້ນວ່າທ່ານສາມາດກໍາຈັດບັນຈຸຢູ່ໃນພາຍຫຼັງ, ແຕ່ສໍາລັບການຈັດຮູບແບບທີ່ມີຄວາມຍືດຫຍຸ່ນທີ່ສຸດ, ມີອົງປະກອບທີ່ເຮັດໃຫ້ມັນງ່າຍຕໍ່ການຄຸ້ມຄອງໃນຕົວທ່ອງເວັບຕ່າງໆ. ດັ່ງນັ້ນ, ໃນຮ່າງກາຍເຮັດໃຫ້ນີ້: </p>
<div id = "container"> </ div> <p> ແລະໃນເອກະສານສະໄຕ CSS ໃຫ້ໃສ່: </p>
#container {} <p> <strong>03 of 09</strong> </p>
<h3> Style the Container </h3><p> ບ່ອນເກັບມ້ຽນກໍານົດວ່າກວ້າງເນື້ອຫາຂອງເວັບໄຊຕ໌ຈະເປັນແນວໃດ, ນອກຈາກຂອບໃດໆທີ່ຢູ່ຂ້າງນອກແລະການໃສ່ໃນພາຍໃນ. ສໍາລັບເອກະສານນີ້, ບ່ອນເກັບມ້ຽນກວ້າງ 870px, ມີຮູປະມານ 20 ຈຸດຢູ່ທາງຊ້າຍ. ຂີ້ເຫຍື້ອໄດ້ຖືກສ້າງຕັ້ງຂຶ້ນດ້ວຍຮູບແບບຂອບ, ແຕ່ການເຄືອບດ້ານເທິງຂອງຖັງແມ່ນສູນອອກເພື່ອປ້ອງກັນບໍ່ໃຫ້ອົງປະກອບໃດໆກວ້າງເທົ່າກັບຖາດ. </p>
#container {width: 870px ຂອບ: 0 0 0 20px / * ດ້ານເທິງຂວາດ້ານຊ້າຍ * / padding: 0; } <p> ຖ້າທ່ານປະຫຍັດເອກະສານຂອງທ່ານໃນເວລານີ້, ມັນຈະມີຄວາມຫຍຸ້ງຍາກທີ່ຈະເບິ່ງບັນຈຸຢູ່ເພາະວ່າມັນບໍ່ມີຫຍັງຢູ່ໃນມັນ. ຖ້າທ່ານເພີ່ມຂໍ້ຄວາມສະຖານທີ່ບ່ອນວາງສະແດງ, ທ່ານຈະສາມາດເຫັນອົງປະກອບຂອງບ່ອນເກັບມ້ຽນໄດ້ຢ່າງຊັດເຈນ. </p>
<p> <strong>04 of 09</strong> </p>
<h3> ໃຊ້ແທໍກ Headline ສໍາຫລັບ Header </h3><p> ວິທີທີ່ທ່ານຕັດສິນໃຈທີ່ຈະລົງແຖວຫົວຂໍ້ແມ່ນຂຶ້ນຢູ່ກັບສິ່ງທີ່ຢູ່ໃນມັນ. ຖ້າແຖວຫົວຂໍ້ພຽງແຕ່ຈະມີກາຟິກຮູບສັນຍາລັກແລະຫົວຂໍ້, ຫຼັງຈາກນັ້ນໃຊ້ຫົວຂໍ້ເລື່ອງ (<h1>) ເຮັດໃຫ້ມີຄວາມຮູ້ສຶກຫຼາຍກວ່າການໃຊ້ <div>. ທ່ານສາມາດແບບຫົວຂໍ້ແບບດຽວກັນທີ່ທ່ານສະແດງບົດບາດ, ແລະທ່ານຫຼີກເວັ້ນການນໍາໃຊ້ tags ອື່ນ. </p>
<p> HTML ສໍາຫລັບແຖວຫົວຂໍ້ທີ່ຢູ່ເທິງສຸດຂອງອຸປະກອນແລະເບິ່ງຄືວ່ານີ້: </p>
<h1> My Header Row </ h1> <p> ຫຼັງຈາກນັ້ນ, ເພື່ອກໍານົດຮູບແບບມັນ, ເສັ້ນຂອບສີແດງໄດ້ຖືກເພີ່ມຂຶ້ນຢູ່ດ້ານລຸ່ມເພື່ອໃຫ້ທ່ານສາມາດເບິ່ງບ່ອນທີ່ມັນສິ້ນສຸດລົງ, ຂອບຂອບແລະ padding ຖືກສູນອອກ, ຄວາມກວ້າງເປັນ 100% ແລະສູງເຖິງ 150px: </p>
#container h1 {margin: 0; padding: 0 width: 100% height: 150px float: left ຂອບດ້ານລຸ່ມ: # c00 ແຂງ 3px; } <p> ຢ່າລືມ float ອົງປະກອບນີ້ກັບ float: left; ຄຸນສົມບັດ. ກຸນແຈສໍາຄັນໃນການຂຽນ CSS ການອອກແບບແມ່ນເພື່ອເລື່ອນທຸກສິ່ງທຸກຢ່າງ - ເຖິງແມ່ນວ່າສິ່ງທີ່ມີຄວາມກວ້າງເທົ່າກັບຖາດ. ໂດຍວິທີນີ້, ທ່ານຮູ້ຈັກບ່ອນທີ່ອົງປະກອບຈະຢູ່ເທິງຫນ້າ. </p>
<p> <a href="https://lo.eyewated.com/%E0%BA%95%E0%BA%BB%E0%BA%A7%E0%BB%80%E0%BA%A5%E0%BA%B7%E0%BA%AD%E0%BA%81-descendant-selector-%E0%BB%81%E0%BA%A1%E0%BB%88%E0%BA%99%E0%BA%AB%E0%BA%8D%E0%BA%B1%E0%BA%87/">ຕົວເລືອກ descendant CSS</a> ໃຊ້ຄໍເຕົ້າໄຂ່ທີ່ມີພຽງແຕ່ອົງປະກອບ H1 ທີ່ຢູ່ໃນອົງປະກອບ #container. </p>
<p> <strong>05 of 09</strong> </p>
<h3> ເພື່ອໃຫ້ສາມຄໍລໍາ, ເລີ່ມຕົ້ນໂດຍການສ້າງສອງຄໍລໍາ </h3><p> ເມື່ອທ່ານສ້າງຮູບສາມຄໍລໍາທີ່ມີ CSS, ທ່ານຈໍາເປັນຕ້ອງແບ່ງຮູບແບບຂອງທ່ານອອກເປັນສອງກຸ່ມ. ດັ່ງນັ້ນສໍາລັບຮູບສາມຄໍລໍານີ້, ຄໍລໍາກາງແລະຂວາແລະຖືກຈັດໃສ່ຢູ່ຕໍ່ໄປກັບຄໍລໍາຊ້າຍໃນຮູບແບບສອງຄໍລໍາທີ່ຄໍລໍາຊ້າຍ 250px ກວ້າງແລະຄໍລໍາຂວາແມ່ນ 610px ກວ້າງ (300 ສໍາລັບສອງຄໍລໍາ , ບວກກັບ 10px ສໍາລັບ gutter ລະຫວ່າງເຂົາເຈົ້າ). </p>
<p> HTML ເບິ່ງຄືວ່ານີ້: </p>
<div id = "col1"> <p> ທ່ານສາມາດນໍາໃຊ້ຂໍ້ມູນກ່ຽວກັບສິນຄ້າດັ່ງຕໍ່ໄປນີ້. ຄຸນນະສົມບັດທີ່ດີທີ່ສຸດສໍາລັບການໃຊ້ເວລາທີ່ດີທີ່ສຸດ, ໂດຍທົ່ວໄປແລ້ວ. ໃນການຕອບສະຫນອງໃນການອອກກໍາລັງກາຍທີ່ມີການອອກກໍາລັງກາຍທີ່ບໍ່ມີປະໂຫຍດຕໍ່ພະຍາດ. </ p> </ div> <div id = "col2outer"> <p> ທ່ານສາມາດເຮັດໄດ້ໃນເວລາທີ່ທ່ານຕ້ອງການທີ່ຈະໃຊ້ເວລາໃນການເຮັດວຽກຂອງທ່ານ. Ut labore et dolore magna aliqua </ div> </ div> </ div> </ div> <p> ຂໍ້ຄວາມສະຖານທີ່ໃນຄໍລໍາເຮັດໃຫ້ພວກເຂົາສາມາດເບິ່ງໄດ້ໃນເວລາທີ່ການທົດສອບ. CSS ເບິ່ງຄືວ່ານີ້: </p>
#container # col1 {width: 250px float: left } #container # col2outer {width: 610px float: right margin: 0 padding: 0 } <p> ຄໍລໍາຢູ່ເບື້ອງຊ້າຍແມ່ນລອຍຢູ່ເບື້ອງຊ້າຍ, ໃນຂະນະທີ່ອື່ນໆແມ່ນລອຍໄປທາງຂວາ. ເນື່ອງຈາກວ່າ width ທັງຫມົດຂອງຄໍລໍາທັງສອງແມ່ນ 860px, ມີຂີ້ເຫຍື້ອ 10px ລະຫວ່າງເຂົາເຈົ້າ. </p>
<p> <strong>06 of 09</strong> </p>
<h3> ເພີ່ມສອງຄໍລໍາພາຍໃນຄໍລໍາທີ່ສອງຂະຫນາດໃຫຍ່ </h3><p> ເພື່ອສ້າງສາມຄໍລໍາ, ຕື່ມສອງ divs ພາຍໃນຄໍລໍາທີ່ສອງທີ່ກວ້າງກວ່າ, ຄືກັນກັບທີ່ທ່ານໄດ້ເພີ່ມ 2 divs ພາຍໃນຄໍລໍາຖັງໃນຂັ້ນສຸດທ້າຍ. HTML ເບິ່ງຄືວ່ານີ້: </p>
<div id = "col2outer"> <div id = "col2mid"> <p> ທ່ານສາມາດສ້າງໂປແກຼມທີ່ໃຊ້ໃນເວລາດຽວກັນ. Ut labore et dolore magna aliqua </ div> <div id = "col2side"> </ p> <p> ທ່ານສາມາດສ້າງໂປແກຼມທີ່ທ່ານຕ້ອງການ. ຜູ້ໃຫຍ່ສາມາດຊ່ວຍໃຫ້ພວກເຂົາເຈົ້າມີຄວາມສຸກ, ແຕ່ວ່າມັນເປັນສິ່ງທີ່ດີທີ່ສຸດ. </ p> </ div> </ div> </ div> </ div> </ div> <p> ແລະ CSS ເບິ່ງຄືວ່ານີ້: </p>
# col2outer # col2mid {width: 300px float: left } # col2outer # col2side {width: 300px float: right } <p> ນັບຕັ້ງແຕ່ກ່ອງທັງສອງກ່ອງ 300px ນີ້ຢູ່ພາຍໃນກ່ອງກວ້າງ 610px, ຈະມີອີກ 10 ຈຸດຂື້ນກັນລະຫວ່າງພວກມັນ. </p>
<p> <strong>07 of 09</strong> </p>
<h3> ຕື່ມໃນ Footer ໄດ້ </h3><p> ຕອນນີ້ວ່າສ່ວນທີ່ເຫຼືອຂອງຫນ້ານີ້ແມ່ນຮູບແບບ, ທ່ານສາມາດເພີ່ມໃນເບື້ອງຊ້າຍ. ໃຊ້ຕົວຫຼ້າສຸດທີ່ມີ id "footer" ແລະເພີ່ມເນື້ອຫາເພື່ອໃຫ້ທ່ານສາມາດເບິ່ງມັນໄດ້. ນອກນັ້ນທ່ານຍັງສາມາດເພີ່ມຊາຍແດນຢູ່ເທິງສຸດ, ດັ່ງນັ້ນທ່ານຈະຮູ້ວ່າມັນຈະເລີ່ມຕົ້ນໄດ້ແນວໃດ. </p>
<p> HTML: </p>
<div id = "footer"> <p> ລິຂະສິດ 2017 </ p> </ div> <p> CSS: </p>
#container #footer {float: left width: 870px border-top: # c00 solid 3px; } <p> <strong>08 of 09</strong> </p>
<h3> ເພີ່ມໃນຮູບແບບສ່ວນບຸກຄົນແລະເນື້ອຫາຂອງທ່ານ </h3><p> ໃນປັດຈຸບັນທີ່ທ່ານມີຮູບແບບສໍາເລັດແລ້ວ, ທ່ານສາມາດເລີ່ມຕົ້ນເພີ່ມຮູບແບບແລະເນື້ອຫາສ່ວນຕົວຂອງທ່ານເອງ. ຈົ່ງຈໍາໄວ້ວ່າຂອບຊາຍແລະເບື້ອງເທິງໄດ້ຖືກສະແດງໃຫ້ເຫັນເຖິງຮູບແບບຂອງຮູບແບບ, ບໍ່ແມ່ນສໍາລັບການອອກແບບ. </p>
<p> <strong>09 of 09</strong> </p>
<h3> HTML / CSS ຂັ້ນສຸດທ້າຍ </h3><p> ນີ້ແມ່ນເອກະສານທັງຫມົດ, HTML ແລະ CSS: </p>
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns = "http : //www.w3.org/1999/xhtml "> <head> <meta http-equiv =" Content-Type "content =" text / html; charset = utf-8 "/> <title> Untitled Document </ title <style type = "text / css"> html, body {margin: 0px padding: 0px border: 0px } #container {width: 870px ຂອບ: 0 0 0 20px / * ດ້ານເທິງຂວາດ້ານຊ້າຍ * / padding: 0; ພື້ນຫລັງສີ: #fff; } #container h1 {margin: 0; padding: 0 width: 100% height: 150px float: left ຂອບດ້ານລຸ່ມ: # c00 ແຂງ 3px; } #container # col1 {width: 250px float: left } #container # col2outer {width: 610px float: right margin: 0 padding: 0 } col2outer # col2mid {width: 300px float: left } # col2outer # col2side {width: 300px float: right } #container #footer {float: left width: 870px border-top: # c00 solid 3px; </ style> </ head> <body> <div id = "container"> <h1> My Header Row </ h1> <div id = "col1"> <p> </ div> <div id = "col2mid"> <p> </ div> <div id = "col2side"> <p> </ p> </ div> </ div> </ div> </ div> <div id = "footer"> <p>
</div>
<div class="amp-related-wrapper">
<h2>Alike posts</h2>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/%E0%BA%9B%E0%BB%89%E0%BA%B2%E0%BA%8D%E0%BB%82%E0%BA%84%E0%BA%AA%E0%BA%B0%E0%BA%99%E0%BA%B2%E0%BB%81%E0%BA%9A%E0%BA%9A%E0%BA%AD%E0%BA%B1%E0%BA%81%E0%BA%AA%E0%BA%AD%E0%BA%99%E0%BA%97%E0%BA%BD%E0%BA%9A/">
<amp-img src="https://exse.eyewated.com/pict/6d2b7e25b9f23181-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BA%9B%E0%BB%89%E0%BA%B2%E0%BA%8D%E0%BB%82%E0%BA%84%E0%BA%AA%E0%BA%B0%E0%BA%99%E0%BA%B2%E0%BB%81%E0%BA%9A%E0%BA%9A%E0%BA%AD%E0%BA%B1%E0%BA%81%E0%BA%AA%E0%BA%AD%E0%BA%99%E0%BA%97%E0%BA%BD%E0%BA%9A/">ປ້າຍໂຄສະນາແບບອັກສອນທຽບກັບແບບເອກະສານແບບ Cascading (CSS)</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/absolute-vs-relative-explaining-css-positioning/">
<amp-img src="https://exse.eyewated.com/pict/fefb982d13993023-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/absolute-vs-relative-explaining-css-positioning/">Absolute vs. Relative - Explaining CSS Positioning</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/5-%E0%BB%80%E0%BA%AB%E0%BA%94%E0%BA%9C%E0%BA%BB%E0%BA%99%E0%BA%97%E0%BA%B5%E0%BB%88%E0%BA%88%E0%BA%B0%E0%BA%AE%E0%BA%BD%E0%BA%99%E0%BA%AE%E0%BA%B9%E0%BB%89-css/">
<amp-img src="https://exse.eyewated.com/pict/26de6cfb03fb32d6-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/5-%E0%BB%80%E0%BA%AB%E0%BA%94%E0%BA%9C%E0%BA%BB%E0%BA%99%E0%BA%97%E0%BA%B5%E0%BB%88%E0%BA%88%E0%BA%B0%E0%BA%AE%E0%BA%BD%E0%BA%99%E0%BA%AE%E0%BA%B9%E0%BB%89-css/">5 ເຫດຜົນທີ່ຈະຮຽນຮູ້ CSS</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/%E0%BA%95%E0%BA%BB%E0%BA%A7%E0%BB%80%E0%BA%A5%E0%BA%B7%E0%BA%AD%E0%BA%81-descendant-selector-%E0%BB%81%E0%BA%A1%E0%BB%88%E0%BA%99%E0%BA%AB%E0%BA%8D%E0%BA%B1%E0%BA%87/">
<amp-img src="https://exse.eyewated.com/pict/aa4897828e4c329a-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BA%95%E0%BA%BB%E0%BA%A7%E0%BB%80%E0%BA%A5%E0%BA%B7%E0%BA%AD%E0%BA%81-descendant-selector-%E0%BB%81%E0%BA%A1%E0%BB%88%E0%BA%99%E0%BA%AB%E0%BA%8D%E0%BA%B1%E0%BA%87/">ຕົວເລືອກ Descendant Selector ແມ່ນຫຍັງ?</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/%E0%BB%80%E0%BA%AE%E0%BA%B1%E0%BA%94%E0%BA%AB%E0%BA%BB%E0%BA%A7%E0%BA%82%E0%BB%8D%E0%BB%89%E0%BA%AB%E0%BA%BB%E0%BA%A7%E0%BA%82%E0%BB%8D%E0%BB%89%E0%BA%97%E0%BA%B5%E0%BB%88%E0%BA%A1%E0%BA%B5-css/">
<amp-img src="https://exse.eyewated.com/pict/64f1762bf05131d8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BB%80%E0%BA%AE%E0%BA%B1%E0%BA%94%E0%BA%AB%E0%BA%BB%E0%BA%A7%E0%BA%82%E0%BB%8D%E0%BB%89%E0%BA%AB%E0%BA%BB%E0%BA%A7%E0%BA%82%E0%BB%8D%E0%BB%89%E0%BA%97%E0%BA%B5%E0%BB%88%E0%BA%A1%E0%BA%B5-css/">ເຮັດຫົວຂໍ້ຫົວຂໍ້ທີ່ມີ CSS</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/%E0%BA%A7%E0%BA%B4%E0%BA%97%E0%BA%B5%E0%BA%81%E0%BA%B2%E0%BA%99%E0%BA%9B%E0%BB%88%E0%BA%BD%E0%BA%99%E0%BA%AA%E0%BA%B5%E0%BA%82%E0%BA%AD%E0%BA%87%E0%BA%84%E0%BB%8D%E0%BA%B2%E0%BA%97%E0%BA%B5%E0%BB%88/">
<amp-img src="https://exse.eyewated.com/pict/64f1762bf05131d8-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BA%A7%E0%BA%B4%E0%BA%97%E0%BA%B5%E0%BA%81%E0%BA%B2%E0%BA%99%E0%BA%9B%E0%BB%88%E0%BA%BD%E0%BA%99%E0%BA%AA%E0%BA%B5%E0%BA%82%E0%BA%AD%E0%BA%87%E0%BA%84%E0%BB%8D%E0%BA%B2%E0%BA%97%E0%BA%B5%E0%BB%88/">ວິທີການປ່ຽນສີຂອງຄໍາທີ່ມີ Tag Span ແລະ CSS</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/%E0%BA%AA%E0%BA%B4%E0%BB%88%E0%BA%87%E0%BA%97%E0%BA%B5%E0%BB%88%E0%BA%A1%E0%BA%B5%E0%BA%84%E0%BA%A7%E0%BA%B2%E0%BA%A1%E0%BA%AB%E0%BA%A1%E0%BA%B2%E0%BA%8D%E0%BA%AA%E0%BB%8D%E0%BA%B2%E0%BA%84%E0%BA%B1/">
<amp-img src="https://exse.eyewated.com/pict/d08b62f6c7f73033-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BA%AA%E0%BA%B4%E0%BB%88%E0%BA%87%E0%BA%97%E0%BA%B5%E0%BB%88%E0%BA%A1%E0%BA%B5%E0%BA%84%E0%BA%A7%E0%BA%B2%E0%BA%A1%E0%BA%AB%E0%BA%A1%E0%BA%B2%E0%BA%8D%E0%BA%AA%E0%BB%8D%E0%BA%B2%E0%BA%84%E0%BA%B1/">ສິ່ງທີ່ມີຄວາມຫມາຍສໍາຄັນໃນ CSS?</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BA%82%E0%BB%89%E0%BA%AD%E0%BA%8D%E0%BA%84%E0%BA%A7%E0%BA%99%E0%BA%A5%E0%BA%B0%E0%BA%9A%E0%BA%B8%E0%BA%8A%E0%BA%B7%E0%BB%88%E0%BB%81%E0%BA%9F%E0%BB%89%E0%BA%A1%E0%BA%AA%E0%BA%B0%E0%BB%84%E0%BA%95/">ຂ້ອຍຄວນລະບຸຊື່ແຟ້ມສະໄຕແບບ CSS ຂອງຂ້ອຍບໍ?</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/styling-notepad-%E0%BA%AA%E0%BB%89%E0%BA%B2%E0%BA%87%E0%BA%AB%E0%BA%99%E0%BB%89%E0%BA%B2%E0%BB%80%E0%BA%A7%E0%BA%B1%E0%BA%9A%E0%BA%97%E0%BA%B5%E0%BB%88%E0%BA%A1%E0%BA%B5-css/">
<amp-img src="https://exse.eyewated.com/pict/4b7ab57836bf3365-120x86.gif" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/styling-notepad-%E0%BA%AA%E0%BB%89%E0%BA%B2%E0%BA%87%E0%BA%AB%E0%BA%99%E0%BB%89%E0%BA%B2%E0%BB%80%E0%BA%A7%E0%BA%B1%E0%BA%9A%E0%BA%97%E0%BA%B5%E0%BB%88%E0%BA%A1%E0%BA%B5-css/">Styling Notepad ສ້າງຫນ້າເວັບທີ່ມີ CSS</a></h3>
<div class="amp-related-meta">
Web Design & Dev </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>See Newest</h2>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/%E0%BA%8A%E0%BA%AD%E0%BA%81%E0%BA%AB%E0%BA%B2%E0%BB%81%E0%BA%AD%E0%BA%B1%E0%BA%9A%E0%BA%AF%E0%BB%83%E0%BA%99-google-play/">
<amp-img src="https://exse.eyewated.com/pict/fd6eef91dd4e3582-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BA%8A%E0%BA%AD%E0%BA%81%E0%BA%AB%E0%BA%B2%E0%BB%81%E0%BA%AD%E0%BA%B1%E0%BA%9A%E0%BA%AF%E0%BB%83%E0%BA%99-google-play/">ຊອກຫາແອັບຯໃນ Google Play</a></h3>
<div class="amp-related-meta">
Android </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/%E0%BB%83%E0%BA%8A%E0%BB%89-dns/">
<amp-img src="https://exse.eyewated.com/pict/6e7d2933b4763203-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BB%83%E0%BA%8A%E0%BB%89-dns/">ໃຊ້ DNS ເພື່ອແກ້ໄຂຫນ້າເວັບທີ່ບໍ່ຖືກໂຫລດໃນ Browser ຂອງທ່ານ</a></h3>
<div class="amp-related-meta">
Macs </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/graphic-designer-saul-bass/">
<amp-img src="https://exse.eyewated.com/pict/51346f814d1a3477-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/graphic-designer-saul-bass/">Graphic Designer Saul Bass</a></h3>
<div class="amp-related-meta">
Software </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/%E0%BA%A7%E0%BA%B4%E0%BA%97%E0%BA%B5%E0%BA%81%E0%BA%B2%E0%BA%99%E0%BB%80%E0%BA%84%E0%BA%B7%E0%BA%AD%E0%BA%82%E0%BB%88%E0%BA%B2%E0%BA%8D%E0%BA%84%E0%BA%AD%E0%BA%A1%E0%BA%9E%E0%BA%B4%E0%BA%A7%E0%BB%80-2/">
<amp-img src="https://exse.eyewated.com/pict/ebd8b82e1f8f341b-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BA%A7%E0%BA%B4%E0%BA%97%E0%BA%B5%E0%BA%81%E0%BA%B2%E0%BA%99%E0%BB%80%E0%BA%84%E0%BA%B7%E0%BA%AD%E0%BA%82%E0%BB%88%E0%BA%B2%E0%BA%8D%E0%BA%84%E0%BA%AD%E0%BA%A1%E0%BA%9E%E0%BA%B4%E0%BA%A7%E0%BB%80-2/">ວິທີການເຄືອຂ່າຍຄອມພິວເຕີ້ເຮັດວຽກ</a></h3>
<div class="amp-related-meta">
ອິນເຕີເນັດ & ເຄືອຂ່າຍ </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/%E0%BA%AA%E0%BB%89%E0%BA%B2%E0%BA%87%E0%BB%83%E0%BA%9A%E0%BA%A2%E0%BA%B1%E0%BB%89%E0%BA%87%E0%BA%A2%E0%BA%B7%E0%BA%99%E0%BA%81%E0%BA%B2%E0%BA%99%E0%BA%AE%E0%BA%B1%E0%BA%9A%E0%BA%AE%E0%BA%B9%E0%BB%89/">
<amp-img src="https://exse.eyewated.com/pict/c08cfea961ea35c4-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BA%AA%E0%BB%89%E0%BA%B2%E0%BA%87%E0%BB%83%E0%BA%9A%E0%BA%A2%E0%BA%B1%E0%BB%89%E0%BA%87%E0%BA%A2%E0%BA%B7%E0%BA%99%E0%BA%81%E0%BA%B2%E0%BA%99%E0%BA%AE%E0%BA%B1%E0%BA%9A%E0%BA%AE%E0%BA%B9%E0%BB%89/">ສ້າງໃບຢັ້ງຢືນການຮັບຮູ້ໃນ Microsoft Word</a></h3>
<div class="amp-related-meta">
Software </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/%E0%BA%81%E0%BA%B2%E0%BA%99%E0%BB%80%E0%BA%AE%E0%BA%B1%E0%BA%94%E0%BB%83%E0%BA%AB%E0%BB%89-radios/">
<amp-img src="https://exse.eyewated.com/pict/f1205153eaf33563-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BA%81%E0%BA%B2%E0%BA%99%E0%BB%80%E0%BA%AE%E0%BA%B1%E0%BA%94%E0%BB%83%E0%BA%AB%E0%BB%89-radios/">ການເຮັດໃຫ້ Radios ໂທລະພາບແຖບເຮັດວຽກຮ່ວມກັບໂທລະພາບດິຈິຕອ</a></h3>
<div class="amp-related-meta">
Home Theatre </div>
</div>
</div>
</div>
<div class="amp-related-wrapper">
<h2>Sapid posts</h2>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/%E0%BB%80%E0%BA%AD%E0%BA%81%E0%BA%B0%E0%BA%AA%E0%BA%B2%E0%BA%99-msdvd-%E0%BB%81%E0%BA%A1%E0%BB%88%E0%BA%99%E0%BA%AB%E0%BA%8D%E0%BA%B1%E0%BA%87/">
<amp-img src="https://exse.eyewated.com/pict/dbd88192564f3174-120x86.png" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BB%80%E0%BA%AD%E0%BA%81%E0%BA%B0%E0%BA%AA%E0%BA%B2%E0%BA%99-msdvd-%E0%BB%81%E0%BA%A1%E0%BB%88%E0%BA%99%E0%BA%AB%E0%BA%8D%E0%BA%B1%E0%BA%87/">ເອກະສານ MSDVD ແມ່ນຫຍັງ?</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/the-12-best-android-tablets-to-buy-in-2018/">
<amp-img src="https://exse.eyewated.com/pict/b7206dc507fd3332-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/the-12-best-android-tablets-to-buy-in-2018/">The 12 Best Android tablets to Buy in 2018</a></h3>
<div class="amp-related-meta">
Buying Guides </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/xbox-live-arcade-%E0%BB%81%E0%BA%A1%E0%BB%88%E0%BA%99%E0%BA%AB%E0%BA%8D%E0%BA%B1%E0%BA%87/">
<amp-img src="https://exse.eyewated.com/pict/e6b9d6b5cf603147-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/xbox-live-arcade-%E0%BB%81%E0%BA%A1%E0%BB%88%E0%BA%99%E0%BA%AB%E0%BA%8D%E0%BA%B1%E0%BA%87/">Xbox Live Arcade ແມ່ນຫຍັງ?</a></h3>
<div class="amp-related-meta">
Gaming </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/%E0%BA%9E%E0%BA%B2%E0%BA%8D%E0%BB%83%E0%BA%95%E0%BB%89-hood-%E0%BA%82%E0%BA%AD%E0%BA%87%E0%BA%A5%E0%BA%BB%E0%BA%94-purifiers/">
<amp-img src="https://exse.eyewated.com/pict/9f12e51d3b47337f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BA%9E%E0%BA%B2%E0%BA%8D%E0%BB%83%E0%BA%95%E0%BB%89-hood-%E0%BA%82%E0%BA%AD%E0%BA%87%E0%BA%A5%E0%BA%BB%E0%BA%94-purifiers/">ພາຍໃຕ້ Hood ຂອງລົດ Purifiers ທາງອາກາດແລະ Ionizers</a></h3>
<div class="amp-related-meta">
Car Tech </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/windows-live-messenger-free-download/">
<amp-img src="https://exse.eyewated.com/pict/cfdf9052d7fd3045-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/windows-live-messenger-free-download/">Windows Live Messenger Free Download</a></h3>
<div class="amp-related-meta">
ສື່ມວນຊົນສັງຄົມ </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/%E0%BB%80%E0%BA%A5%E0%BA%B7%E0%BA%AD%E0%BA%81%E0%BA%A5%E0%BA%B0%E0%BA%AB%E0%BA%A7%E0%BB%88%E0%BA%B2%E0%BA%87-ata-%E0%BA%AB%E0%BA%BC%E0%BA%B7-router/">
<amp-img src="https://exse.eyewated.com/pict/b3f3b5b9be262fd3-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BB%80%E0%BA%A5%E0%BA%B7%E0%BA%AD%E0%BA%81%E0%BA%A5%E0%BA%B0%E0%BA%AB%E0%BA%A7%E0%BB%88%E0%BA%B2%E0%BA%87-ata-%E0%BA%AB%E0%BA%BC%E0%BA%B7-router/">ເລືອກລະຫວ່າງ ATA ຫຼື Router ສໍາລັບ VoIP</a></h3>
<div class="amp-related-meta">
Email & Messaging </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/%E0%BA%8A%E0%BA%B7%E0%BB%89%E0%BA%9C%E0%BA%B0%E0%BA%A5%E0%BA%B4%E0%BA%94%E0%BA%95%E0%BA%B0%E0%BA%9E%E0%BA%B1%E0%BA%99%E0%BA%95%E0%BA%BB%E0%BA%81%E0%BB%81%E0%BA%95%E0%BB%88%E0%BA%87%E0%BB%83%E0%BA%AB/">
<amp-img src="https://exse.eyewated.com/pict/037389920f173259-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BA%8A%E0%BA%B7%E0%BB%89%E0%BA%9C%E0%BA%B0%E0%BA%A5%E0%BA%B4%E0%BA%94%E0%BA%95%E0%BA%B0%E0%BA%9E%E0%BA%B1%E0%BA%99%E0%BA%95%E0%BA%BB%E0%BA%81%E0%BB%81%E0%BA%95%E0%BB%88%E0%BA%87%E0%BB%83%E0%BA%AB/">ຊື້ຜະລິດຕະພັນຕົກແຕ່ງໃຫມ່ - ສິ່ງທີ່ທ່ານຕ້ອງການຮູ້</a></h3>
<div class="amp-related-meta">
Buying Guides </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/tomb-raider-ii-cheats-ps1/">
<amp-img src="https://exse.eyewated.com/pict/aca597dcae8f338d-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/tomb-raider-ii-cheats-ps1/">Tomb Raider II Cheats-PS1</a></h3>
<div class="amp-related-meta">
Gaming </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/%E0%BA%9B%E0%BA%B0%E0%BA%95%E0%BA%B9%E0%BA%97%E0%BA%B5%E0%BB%88%E0%BA%99%E0%BA%B4%E0%BA%8D%E0%BA%BB%E0%BA%A1%E0%BA%AB%E0%BA%A5%E0%BA%B2%E0%BA%8D%E0%BA%97%E0%BA%B5%E0%BB%88%E0%BA%AA%E0%BA%B8%E0%BA%94/">
<amp-img src="https://exse.eyewated.com/pict/19ef69fa38ba3833-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BA%9B%E0%BA%B0%E0%BA%95%E0%BA%B9%E0%BA%97%E0%BA%B5%E0%BB%88%E0%BA%99%E0%BA%B4%E0%BA%8D%E0%BA%BB%E0%BA%A1%E0%BA%AB%E0%BA%A5%E0%BA%B2%E0%BA%8D%E0%BA%97%E0%BA%B5%E0%BB%88%E0%BA%AA%E0%BA%B8%E0%BA%94/">ປະຕູທີ່ນິຍົມຫລາຍທີ່ສຸດໃນເວັບ</a></h3>
<div class="amp-related-meta">
Web & Search </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/%E0%BA%A7%E0%BA%B4%E0%BA%97%E0%BA%B5%E0%BA%81%E0%BA%B2%E0%BA%99%E0%BB%83%E0%BA%8A%E0%BB%89-hashtags-%E0%BB%83%E0%BA%99-tweets/">
<amp-img src="https://exse.eyewated.com/pict/c0822edc78cf343f-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BA%A7%E0%BA%B4%E0%BA%97%E0%BA%B5%E0%BA%81%E0%BA%B2%E0%BA%99%E0%BB%83%E0%BA%8A%E0%BB%89-hashtags-%E0%BB%83%E0%BA%99-tweets/">ວິທີການໃຊ້ Hashtags ໃນ Tweets ຂອງທ່ານໃນ Twitter</a></h3>
<div class="amp-related-meta">
ສື່ມວນຊົນສັງຄົມ </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/%E0%BA%A7%E0%BA%B4%E0%BA%97%E0%BA%B5%E0%BA%81%E0%BA%B2%E0%BA%99%E0%BB%83%E0%BA%8A%E0%BB%89-ipad/">
<amp-img src="https://exse.eyewated.com/pict/be76d907de0b3121-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BA%A7%E0%BA%B4%E0%BA%97%E0%BA%B5%E0%BA%81%E0%BA%B2%E0%BA%99%E0%BB%83%E0%BA%8A%E0%BB%89-ipad/">ວິທີການໃຊ້ iPad ຂອງທ່ານເປັນໂທລະສັບ</a></h3>
<div class="amp-related-meta">
IPad </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/%E0%BA%A7%E0%BA%B4%E0%BA%97%E0%BA%B5%E0%BA%97%E0%BA%B5%E0%BB%88%E0%BA%87%E0%BB%88%E0%BA%B2%E0%BA%8D%E0%BA%97%E0%BA%B5%E0%BB%88%E0%BA%AA%E0%BA%B8%E0%BA%94%E0%BA%97%E0%BA%B5%E0%BB%88%E0%BA%88%E0%BA%B0-4/">
<amp-img src="https://exse.eyewated.com/pict/06c8237b896d36d5-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BA%A7%E0%BA%B4%E0%BA%97%E0%BA%B5%E0%BA%97%E0%BA%B5%E0%BB%88%E0%BA%87%E0%BB%88%E0%BA%B2%E0%BA%8D%E0%BA%97%E0%BA%B5%E0%BB%88%E0%BA%AA%E0%BA%B8%E0%BA%94%E0%BA%97%E0%BA%B5%E0%BB%88%E0%BA%88%E0%BA%B0-4/">ວິທີທີ່ງ່າຍທີ່ສຸດທີ່ຈະລຶບແລະປິດສາຍອີເມວ</a></h3>
<div class="amp-related-meta">
Email & Messaging </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/cmyk-inks/">
<amp-img src="https://exse.eyewated.com/pict/b0e055f5c7b33a61-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/cmyk-inks/">CMYK Inks</a></h3>
<div class="amp-related-meta">
Software </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/top-apps-ipad/">
<amp-img src="https://exse.eyewated.com/pict/fc8eee962d9e334c-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/top-apps-ipad/">Top Apps iPad ສໍາລັບການເດີນທາງທຸກບ່ອນ</a></h3>
<div class="amp-related-meta">
Software & Apps </div>
</div>
</div>
<div class="amp-related-content">
<a href="https://lo.eyewated.com/md5-%E0%BB%81%E0%BA%A1%E0%BB%88%E0%BA%99%E0%BA%AB%E0%BA%8D%E0%BA%B1%E0%BA%87-md5-message-digest-algorithm/">
<amp-img src="https://exse.eyewated.com/pict/db762942dfaa45cf-120x86.jpg" width="120" height="86" layout="responsive" class="amp-related-image"></amp-img>
</a>
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/md5-%E0%BB%81%E0%BA%A1%E0%BB%88%E0%BA%99%E0%BA%AB%E0%BA%8D%E0%BA%B1%E0%BA%87-md5-message-digest-algorithm/">MD5 ແມ່ນຫຍັງ? (MD5 Message-Digest Algorithm)</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
<div class="amp-related-content">
<div class="amp-related-text">
<h3><a href="https://lo.eyewated.com/%E0%BA%A7%E0%BA%B4%E0%BA%97%E0%BA%B5%E0%BA%81%E0%BA%B2%E0%BA%99%E0%BB%81%E0%BA%81%E0%BB%89%E0%BB%84%E0%BA%82-secur32-dll/">ວິທີການແກ້ໄຂ Secur32.Dll ບໍ່ພົບຫຼືຫາຍຂໍ້ຜິດພາດ</a></h3>
<div class="amp-related-meta">
Windows </div>
</div>
</div>
</div></article>
<footer class="amp-wp-footer">
<div class="amp-wp-footer-inner">
<a href="#" class="back-to-top">Back to top</a>
<p class="copyright">
© 2024 lo.eyewated.com </p>
<div class="amp-wp-social-footer">
<a href="#" class="jeg_facebook"><i class="fa fa-facebook"></i> </a><a href="#" class="jeg_twitter"><i class="fa fa-twitter"></i> </a><a href="#" class="jeg_google-plus"><i class="fa fa-google-plus"></i> </a><a href="#" class="jeg_pinterest"><i class="fa fa-pinterest"></i> </a><a href="" class="jeg_rss"><i class="fa fa-rss"></i> </a>
</div>
</div>
</footer>
<div id="statcounter">
<amp-pixel src="https://c.statcounter.com/12022999/0/02d06b5d/1/">
</amp-pixel>
</div>
</body>
</html>
<!-- Dynamic page generated in 1.294 seconds. -->
<!-- Cached page generated by WP-Super-Cache on 2019-10-03 23:09:24 -->
<!-- 0.003 -->