สัพเพเหระ ตามใจเจ้าของบล็อก (โปรดใช้วิจารณญาณในการรับชม 555)

โค้ดทำตัวเลือกแบบ Drop down

ครอบตัดส่วนเกินของภาพด้วย Crop/Pad Fillter : OBS Training ปุ่ม Filter ที่ส่วนบนของเมนู UI ภาพก่อนครอบตัด ภาพแสดงการตั้งค่าครอบตัด ภาพที่แสดงหลังการใช้ Crop/Pad Filter

 ปัญหาหน้าเว็บไม่เรียงกันในมุมมองมือถือ แก้ด้วย class 1. แก้ไขส่วน b:section ก่อนอื่นไปที่ ส่วนของ Pagelist ค้นหา บรรทัดนี้ <b:section class='tabs' id=..............................>  ให้แก้ไขเป็นตามนี้ <b:section class='tabs' id='crosscol' maxwidgets='1' name='Cross-Column' showaddelement='true'> 2. แก้ไขระยะห่างระหว่างแต่ละแท็บ  โดยค้นหาคำว่า .tabs ในส่วน header แล้วหาที่คำว่า padding แก้ไขตัวเลขให้เป็นค่าน้อย ๆ เพื่อให้ข้อความชื่อแท็บอยู่ใกล้ ๆ กัน ดัวตัวอย่างที่แก้ไขคือที่เป็นตัวสีแดง .tabs{ list-style:none } .tabs li{ display:inline-block } .tabs li a{ cursor:pointer; display:inline-block; font-weight:700; text-transform:uppercase; padding:3px 3px }

  การใช้งาน DroidCam OBS หลังจากติดตั้งปลั๊กอิน DroidCam OBS แล้ว ให้รีสตาร์ท OBS Studio ที่ข่อง Source คลิกเพิ่มตัวเลือก  'DroidCam OBS'  ตั้งค่าคุณสมบัติ Properties  เลือก 'ใช้ WiFi'  ป้อนที่อยู่ IP ที่แสดงบนแอปโทรศัพท์ ลงในกล่อง droidcam port  โทรศัพท์และคอมพิวเตอร์ของคุณต้องเชื่อมต่อกับเครือข่าย/เราเตอร์เดียวกัน คลิก Activate plugin ในคอมจะทำการเชื่อมต่อกับแอพ DroidCam OBS หากต้องการหยุด/แก้ไขตัวเลือกใดๆ ให้ [Deactivate] *อย่าเปิดใช้งานเสียง หากคุณไม่ต้องการ  สิ่งนี้ใช้ CPU พิเศษ * ขอแนะนำให้เก็บโทรศัพท์ไว้ที่แบตเตอรี่ 100% และเชื่อมต่อกับแหล่งจ่ายไฟ เพื่อหลีกเลี่ยงการใช้แบตเตอรี่และความร้อนที่เพิ่มขึ้น *คลิก [Refresh Device List] เพื่อค้นหาอุปกรณ์โดยอัตโนมัติ  สำหรับการค้นพบ WiFi ตรวจสอบให้แน่ใจว่าแอปโทรศัพท์เปิดอยู่และอนุญาตให้ใช้ multicast ในการตั้งค่าเราเตอร์ของคุณ *หากต้องการใช้โทรศัพท์หลายเครื่อง คุณสามารถเพิ่มแหล่ง DroidCam OBS อื่นในฉากของคุณได้ *หากต้องการใช้โทรศัพท์เครื่องเดียวกันในหลายฉาก ให้เพิ่ม Source เดียวกันในฉากทั้งหมด...

ไปเห็นกรอบข้อความสวย ๆ มา  https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_colors

สร้างเฟรมสำหรับทดลองแก้ไขด้วยตนเองบนเว็บ  Create frame for try it yourself editor ( HTML, CSS, JS ) online สำหรับการสร้างเฟรม try it yourself นี้ จะแบ่งเป็น 4 ส่วนที่จะเขียนโค้ด 1. ส่วนแรกคือ ส่วนแถบบาร์นำทางด้านบน ตัวอย่างโค้ดแถบบาร์นำทางบนเฟรมรันโค้ด 2. ส่วนที่เป็นคำสั่งของกล่องปุ่มรันโค้ด จะมี 2 ส่วนย่อยคือ 2.1 กล่องปุ่มรันโค้ด จะมีโค้ดอยู่ในส่วนที่ 1 แถบบาร์นำทาง หรือหากแยกเฉพาะส่วนปุ่มออกมา จะแบ่งเป็นโค้ด css   2.2 โค้ดของปุ่มรันโค้ด 2.3 สคริปต์โค้ดของปุ่มรันโค้ด ข้อมูลโค้ดข้างต้นเป็นโค้ดจากเว็บ W3schools.com ยังมีตัวอย่างจากอีกเว็บคือเว็บ https://fellowtuts.com/html-css/make-a-html-css-js-try-it-yourself-editor/ ได้แนะนำแนวทางทำหน้าต่างเฟรม try it yourself editor ไว้ด้วย สำหรับในส่วนโค้ดของปุ่มรันโค้ด คือ สำหรับในส่วน script ของปุ่มรันโค้ด คือ โค้ดทั้งหมดของ  Create frame for try it yourself editor  คือ ตัวอย่างเมื่อทำเสร็จ  ...

 css สำหรับกำหนดลักษณะรายการ มีดังนี้  รูปแบบของรายการ  list-style-type :  disc ; list-style-type :  circle ; list-style-type :  square ; list-style-type :  decimal ; list-style-type :  decimal-leading-zero ; list-style-type :  lower-alpha ; list-style-type :  lower-greek ; list-style-type :  lower-latin ; list-style-type :  lower-roman ; list-style-type :  upper-alpha ; list-style-type :  upper-greek ; list-style-type :  upper-latin ; list-style-type :  upper-roman ; list-style-type :  armenian ; list-style-type :  cjk-ideographic ; list-style-type :  georgian ; list-style-type :  hebrew ; list-style-type :  hiragana ; list-style-type :  hiragana-iroha ; list-style-type :  katakana ; list-style-type :  katakana-iroha ; list-style-type :  none ; list-style-position : inside ; Choose example 1 list-style-position : outsi de ; nitial value outside Applies to li...