บทความ

กำลังแสดงโพสต์จาก เมษายน, 2021

แทรก icon ในบล็อก

รูปภาพ
Icon Libraries With W3.CSS you can use the icon library you like, such as: Font Awesome Icons Google Material Design Icons Bootstrap Icons Using an Icon Library To insert an icon: Include the icon library from a CDN (Content Delivery Network) in the <head> section. Add the name of the icon class to any inline HTML element. Tip:  The <i> and <span> elements are widely used to add icons. To control the size of the icon, change the font-size property of the icon, or use one of the  w3- size  classes: w3-tiny w3-small w3-large w3-xxlarge w3-xxxlarge w3-jumbo   อ่านเพิ่มเติมได้ที่ https://www.w3schools.com/w3css/w3css_icons.asp 1. icon  จาก Font Awesome ที่เว็บไซต์ Font Awesome บุคคลที่เป็นสมาชิกแบบฟรีจะมีไอคอนให้ใช้ได้ฟรี 1588 ตัว และสำหรับสมาชิกแบบ PRO จะมีไอคอนให้ใช้ได้ 7842 ตัว  ในบทความนี้เราจะแนะนำวิธีการใช้รุ่นฟรี   ขั้นแรก ต้องลงชื่อสมัครใช้บัญชีที่ Font A

การกำหนดระยะห่าง ความหมายและการใช้ padding, margin ใน Table และ Image

รูปภาพ
 padding นิยมใช้กับ Table ตัวอย่าง     border: 1px solid black;   background-color: lightblue;   padding-top: 50px;   padding-right: 30px;   padding-bottom: 50px;   padding-left: 80px; margin นิยมใช้กับ image (สามารถใช้ padding แทนได้)

ตัวอย่างโค้ดตาราง css hover , code in html

รูปภาพ
code hover เป็นการตั้งค่าไฮไลท์ให้ข้อความเมื่อเม้าส์อยู่เหนือสิ่งที่เราระบุ  ตัวอย่าง  ไฮไลท์แถวในตาราง เมื่อเม้าส์อยู่เหนือแถวให้มีสีตามที่ระบุ tr:hover {background-color:#f5f5f5;} ไฮไลท์ข้อความ ระบุตำแหน่ง หรือชนิดของ text .. https://www.w3schools.com/cssref/sel_hover.asp https://www.w3schools.com/cssref/tryit.asp?filename=trycss_sel_hover_more css  style>  p:hover, h1:hover, a:hover {   background-color: yellow; }  </style  ตัวอย่าง hover แบบตั้งค่าความโปร่งใสของสี ตัวอย่าง hover แบบตั้งค่าเปลี่ยนแบบขนาดสีลักษณะฟ้อนต์ ตัวอย่างเขียนสไตล์ใน html ไม่ใช้ css  ตัวอย่างโค้ดตาราง มี hover <!DOCTYPE html> <html> <head> <style> table {   border-collapse: collapse;   width: 100%;   empty-cells: hide; } th {   padding: 8px;   text-align: center; } td {   padding: 8px;   text-align: center;   border-bottom: 1px solid #ddd; } td.a {text-align: left;} td.b {text-align: center;} td.c {text-align: right;} tr:hover {background-color:#f5f5f5;} </style> </head>

ม.รามคำแหงเปิดรับสมัครนักศึกษาสาขาการบัญชีและการเงิน(ภาคพิเศษ) รับสมัครถึง 30 มิถุนายน 2564

รูปภาพ
 ม.รามคำแหงเปิดรับสมัครนักศึกษาสาขาการบัญชีและการเงิน(ภาคพิเศษ)  รุ่นที่ 14 ภาค 1 ปีการศึกษา 2564 รับสมัครถึง 30 มิถุนายน 2564 เรียนจันทร์-พฤหัส เวลา 17.30-21.30 น. เป็นสาขาที่น่าเรียนมาก เพราะจบมาไม่ตกงานแน่นอน สอบถามรายละเอียด : โทร. 02-310-8237 / 064-565-2992 สำนักงาน : คณะบริหารธุรกิจ ชั้น 4 มหาวิทยาลัยรามคำแหง หัวหมาก ห้องโครงการบัญชีและการเงิน

ชี้ทางทำธุรกิจดรอปชิปกับเว็บ smadropship

 เริ่มต้นธุรกิจดรอปชิปยังไงดี ลองไปอ่านรายละเอียดที่นี่ดีกว่า https://smadropship.com/page/

ชี้เป้าเว็บไซต์แจกฟรีไอค่อน

 เว็บไซต์นี้แจกฟรีไอค่อนสำหรับใช้ในเว็บ/แอพ https://mobiriseicons.com/

เพิ่มข้อความลิขสิทธิ์/เครดิตของคุณเองในส่วนท้ายของบล็อก add your own text linked copyright messages and other information

 เพิ่มข้อความลิขสิทธิ์/เครดิตของคุณเองในส่วนท้ายของบล็อก  โดยเพิ่มแกตเจ็ด  Text  or  HTML/JavaScript  Gadget ในส่วนท้ายของ blog footer เช่นข้อความ  ©️ 2021 KnowNow – By Narisa Nuamjit – all rights reserved. Table of Contents How to Hide Powered by Blogger Attribution Link from blog Footer How to Remove Powered by Blogger Attribution Widget from blog Footer วิธีแรก  เพิ่มโค้ด html (Theme Edit): วิธีที่สอง   ปรับตั้งค่าของ Widget (Unlock & Remove Blogger Attribution)

ซ่อน/เอาคำว่า Powered by Blogger. ที่อยู่ท้ายหน้า Blogger ออกไป hide or remove Powered by Blogger Attribution Gadget

รูปภาพ
 ซ่อน/เอาคำว่า Powered by Blogger.  ที่อยู่ท้ายหน้า Blogger ออกไป วิธีแรก ทำได้โดยเพิ่มโค้ด html ใน Theme ค้นหาโค้ด  ]]></b:skin> เพิ่มโค้ดเหนือโค้ดข้างต้น ตามภาพตัวอย่าง ดังนี้ #Attribution1{display:none;} ]]></b:skin>