ແບບ CSS ສຳ ລັບລະຫັດໃນ Blog ຂອງທ່ານ

css

ເພື່ອນຂອງຂ້ອຍໄດ້ຖາມຂ້ອຍວ່າຂ້ອຍສ້າງລະຫັດລະຫັດໃນການເຂົ້າ blog ຄັ້ງສຸດທ້າຍຂອງຂ້ອຍໄດ້ແນວໃດ. ຕົວຈິງຂ້ອຍ 'ປອມແປງ' ລະຫັດພາກພື້ນໂດຍໃຊ້ຮູບແບບ. ພາຍໃນ Blogger ທ່ານສາມາດດັດແກ້ແມ່ແບບຂອງທ່ານ. ຂ້າພະເຈົ້າໄດ້ເພີ່ມແບບດັ່ງຕໍ່ໄປນີ້:

p.code {font-family: Courier New; font-size: 8pt; ແບບຊາຍແດນ: ຊຸດຄຸມ; width-border: 3px; padding: 5px; ພື້ນຫລັງສີ: #FFFFFF; ເສັ້ນສູງ: 100%; ຂອບ: 10px}

ຂັ້ນຕອນຕໍ່ໄປແມ່ນການດັດແກ້ແທັກຂອງຂ້ອຍໃນຮູບແບບ 'Edit Html'. ຂ້ອຍພຽງແຕ່ຊີ້ໃຫ້ເຫັນຮູບແບບ ໃໝ່ ຂອງຂ້ອຍໂດຍການເຮັດແທັກ. Voila! ການ ທຳ ລາຍຮູບແບບຕ່າງໆ:

  • ຕັ້ງຄ່າຕົວອັກສອນໃຫ້ Courier New …ຄ້າຍຄືກັບບັນນາທິການລະຫັດທົ່ວໄປ
  • ກຳ ນົດຂະ ໜາດ ໂຕອັກສອນໃຫ້ 8pt ເພື່ອເບິ່ງຖືກຕ້ອງ
  • ຕັ້ງແບບຊາຍແດນວັກໃຫ້ເປັນ 'inset'. ສິ່ງນີ້ສະແດງເຖິງສິ່ງທີ່ ໜ້າ ຕາຄ້າຍຄືຢູ່ໃນ ໜ້າ.
  • ກຳ ນົດຄວາມກວ້າງຂອງຊາຍແດນໃຫ້ເປັນ 2 ຫລື 3 ພິກະເຊນ. ສິ່ງດັ່ງກ່າວເຮັດໃຫ້ຮູບແບບຊາຍແດນທີ່ສະແດງໃຫ້ຖືກຕ້ອງ.
  • Padding ກຳ ນົດໄລຍະຫ່າງລະຫວ່າງຊາຍແດນແລະຂໍ້ຄວາມພາຍໃນ.
  • ພື້ນຫລັງສີ…ຕັ້ງໃຫ້ເປັນສີຂາວ (#FFFFFF)
  • Line-height - ຂ້ອຍໄດ້ດັດປັບສິ່ງນີ້ໃຫ້ເປັນ 100% ເພາະວ່າບາງຮູບແບບອື່ນໆໃນຫົວຂໍ້ blogger ຂອງຂ້ອຍເຮັດໃຫ້ລະດັບຄວາມສູງຂອງເສັ້ນຂອງຂ້ອຍປະມານ 200%
  • ກຳ ນົດຂອບຂອບໃຫ້ 10 px. ນີ້ຍ້າຍວັກ (ໜ້າ ປ້າຍ) 10 pixels ຫ່າງຈາກທຸກຢ່າງ.

ນັ້ນແມ່ນທັງຫມົດທີ່ມັນມີເຊັ່ນກັນ! ໝາຍ ເຫດ ໜຶ່ງ: ບັນນາທິການທີ່ມາພ້ອມກັບ Blogger ບໍ່ສາມາດສະແດງສິ່ງທີ່ມັນຈະປາກົດໃນ blog ຂອງທ່ານ. ແຕ່ມັນເຮັດວຽກແລະເບິ່ງດີຫຼາຍ!

ໝາຍ ເຫດ ໜຶ່ງ ອີກ…ຫຼັງຈາກທີ່ທ່ານດັດແກ້ແທັກ, ບັນນາທິການ Blogger ມັກທີ່ຈະໃຊ້ມັນຢູ່ບ່ອນອື່ນໃນບ່ອນຕອບຂອງທ່ານ. ມັນເປັນການລົບກວນເລັກນ້ອຍ! ຄຳ ແນະ ນຳ ຂອງຂ້ອຍແມ່ນການຂຽນໂພດທັງ ໝົດ ຂອງເຈົ້າແລະຫຼັງຈາກນັ້ນໃຫ້ດັດແກ້ເລັກໆນ້ອຍໆຫລັງຈາກນັ້ນ.

ໝາຍ ເຫດສຸດທ້າຍ ໜຶ່ງ …ໃຫ້ແນ່ໃຈວ່າໃຊ້ HTML Entities ເພື່ອສະແດງສັນຍາລັກຂອງທ່ານ! ຕົວຢ່າງຂອງຄູ່ຜົວເມຍ:

  • ວົງຢືມ (") ແມ່ນ"
  • > ແມ່ນ>
  • > ແມ່ນ>

ສະບາຍດີລະຫັດ!

3 ຄໍາເຫັນ

  1. 1
  2. 2
  3. 3

    ຂ້າ​ພະ​ເຈົ້າ​ສິ່ງ​ທີ່​ບໍ່​ຈໍາ​ເປັນ​ຕ້ອງ​ຂຽນ​ໃນ​ປັດ​ຈຸ​ບັນ​ກ​່​ວາ . ທ່ານ​ສາ​ມາດ​ນໍາ​ໃຊ້​ບັນ​ນາ​ທິ​ການ​ທີ່​ເປັນ​ປະ​ໂຫຍດ​. ທ່ານ​ສາ​ມາດ​ເລືອກ​ສີ​, ຂອບ​ແລະ​ອື່ນໆ ..

ທ່ານຄິດແນວໃດ?

ເວັບໄຊທ໌ນີ້ໃຊ້ Akismet ເພື່ອຫຼຸດຜ່ອນການຂີ້ເຫຍື້ອ. ຮຽນຮູ້ວິທີທີ່ຂໍ້ມູນຂອງທ່ານຖືກປະຕິບັດ.