STAR ★ CODE

ตอนที่ 35 : HTML :: กล่องเพลงแบบที่ไม่เคยมีใครแจกมาก่อน

  • เนื้อหานิยายตอนนี้เปิดให้อ่าน
  • View : 434
    จำนวนคนให้กำลังใจ : 0 ครั้ง
    4 ธ.ค. 59

dropdiv>

เข้าใจกันก่อนนะว่ากล่องเพลงนี้จะสวยแค่ใน google chrome โอนลี่
ในเบราเซอร์อื่นๆ เน่าหยั่งกะอะไร 5555+






ก่อนอื่นต้องมี account dropbox ก่อนงับ
ใครยังไม่มีสมัครได้ที่ลิงก์นี้นะคะ >>>> จิ้มมมมม

ใช้ลิงก์ที่เราให้นะ อันนี้ขอร้องเลย เชิญเพื่อนมาสมัครดร็อปบ็อกแล้วจะได้พื้นที่เก็บเพิ่มง่ะ พื้นที่เราเต็มแล้ว 55555555


หรือถ้าใครรู้ว่าฝากที่อื่นได้ สามารถใช้ที่ฝากไฟล์เสียงอื่นๆ ได้เลยงับ
ย้ำว่าใช้ไฟล์วิดีโอหรือลิงก์ยูทูปไม่ได้น้า
ใครรู้ก็มาแบ่งปันกันได้นะ 555 ไม่อยากใช้ดร็อปบ็อกเหมือนกัน เปลืองพื้นที่เก็บ




ส่วนวิธีแปลงยูทูปเป็น mp3 ไปหากันเองนะงับ จริงๆ มันเป็นสิ่งไม่ดี 555 ละไว้ในฐานที่เข้าใจแล้วกัน



อย่างเราเลือกเพลง Touch Me ของ Kuraki Mai นะคะ




อะ ก็อัปโหลดไฟล์ mp3 ขึ้นเลย





แล้วก็ไปที่หน้าไฟล์

กดปุ่มแชร์





จะเด้งหน้าแบบข้างล่างนี้มา

กด create a link






แล้วจะขึ้นแบบนี้ ไม่ต้องแคร์ ปิดไปเลย




กลับมาที่หน้าเดิม กดดาวน์โหลดไฟล์

ไม่ต้องรอจนเสร็จก็ได้นะ แคนเซิลไปก่อนเลยก็ได้ เราจะเอาแค่ลิงก์ดาวน์โหลด




อันนี้วิธีของกูเกิ้ลโครมนะ ใครใช้หมาไฟไออีซาฟารีไปหาวิธีกันเอาเอง 5555555555+

กดตรง show all มุมขวา

จะขึ้นหน้าแบบนี้




กดคลิกขวาที่ลิงก์ แล้วเลือกก็อปปี้ลิงก์






เอาลิงก์ที่ได้เก็บไว้




นอกจากดร็อปบ็อกแล้วก็ยังมีเว็บฝากไฟล์เอ็มพีสาม kiwi ด้วย ดูที่ บทความนี้ ได้เลยค่ะ





จากนั้นก็เอาลิงก์นั้นมาใส่ในโค้ดนี้ แทนที่สีแดงๆ ไปเลย
อันสีเขียวๆ คือปรับได้




<!--โค้ดกล่องเพลง เครดิตโค้ด StarLullaby999402-->
<div name="StarLullaby999402" style="width:300px;height:32px;bottom:0px;left:0px;position:relative;background:#FFAE96;overflow:hidden;"><video autoplay loop style="positon:relative;margin-top:-118px;mix-blend-mode:darken;" controls name="media"><source src="https://dl.dropboxusercontent.com/content_link/ZveP5vDrdOfWOT2dAYLAjq3dqEZGH8Xbz3J0pr955AGvw8bzuxMRdWEXEiaQxEbe/file?dl=1" type="audio/mpeg"></video></div>




อันแรกคือโค้ดสีพื้นหลัง ใส่เป็นรูปได้ด้วยนะ เท่ปะล่ะ *___*

ถ้าใส่เป็นรูป เอา >>>> url(ลิงก์รูป) repeat top left <<<<ไปใส่แทนโค้ดสีนะคะ




อนิจจา มันทำเป็นสีดำ เทา อะไรเทือกๆ นี้ไม่ได้ เพราะใส่สีดำแล้วมันจะมึดปิ๊ดไปทั้งแถบ T_T

ก็เลยทำโค้ดสำหรับสีดำมาให้






<!--โค้ดกล่องเพลง เครดิตโค้ด StarLullaby999402-->
<div name="invert" style="filter:invert(1);"><div name="StarLullaby999402" style="width:300px;height:32px;bottom:0px;left:0px;position:relative;overflow:hidden;background:#FFFFFF;"><video autoplay loop style="positon:relative;margin-top:-118px;mix-blend-mode:darken;" controls name="media"><source src="https://dl.dropboxusercontent.com/content_link/ZveP5vDrdOfWOT2dAYLAjq3dqEZGH8Xbz3J0pr955AGvw8bzuxMRdWEXEiaQxEbe/file?dl=1" type="audio/mpeg"></video></div></div>





สังเกตว่ายังเป็นโค้ดสีขาวเหมือนเดิม
มันคือการใส่โค้ดให้มันแสดงสีคู่ตรงข้ามอะ 5555 อยากได้เทาเข้มใส่เทาอ่อน ไรงี้





ตัวต่อมาคือ autoplay กับ loop

จริงๆ ก็ตรงตัวเลยนะ อันแรกคือให้มันเล่นอัตโนมัติ อีกอันคือให้มันเล่นซ้ำ
ถ้าใครไม่ต้องการก็ลบออกได้เลยงับ




คำเตือน!!!
โค้ดนี้เซ้นซิทีฟมาก ขนาดไม่ไปยุ่งกับมันยังพังได้ เด็กดีชอบลบแบ็กกราวน์ออกโดยไม่บอกไม่กล่าว -*-
เพราะฉะนั้นใส่ตอนท้ายสุดจะดีมาก ใส่ปุ๊บกด publish ปั๊บ ไรงี้





โค้ดนี้หวงสุดๆ นะที่รัก เขียนเอง แกะเอง
ใครลบเครดิตออกจะตามไปเผาถึงบทความ แถมฟรีสาปส่งตลอดชีพ 55555555555555+




ขอโทษที่ทำตัวโหดงับ แต่คนก็อปตัดเครดิตคือเยอะแบบเยอะไม่ไหวแล้ว ;__;









STAR

นิยายที่ผู้อ่านนิยมอ่านต่อ

loading
กำลังโหลด...

122 ความคิดเห็น

  1. #116 buatawan (จากตอนที่ 35)
    วันที่ 8 กันยายน 2560 / 17:59
    ขอยืมไปใช้นะคะ ขอบคุณค่า
    #116
    0
  2. #112 Inyqast (จากตอนที่ 35)
    วันที่ 7 มีนาคม 2560 / 19:57
    ขอบคุณค่ะ ^^
    #112
    0
  3. #108 qz_planet (จากตอนที่ 35)
    วันที่ 10 ธันวาคม 2559 / 14:43
    ชอบมากเลยค่ะ ขอบคุณนะคะ :D
    #108
    0
  4. #107 kamaitachi-69 (จากตอนที่ 35)
    วันที่ 10 ธันวาคม 2559 / 14:28
    สวัสดีค่ะ โค้ดกล่องเพลงน่ารักมากเลย เราขออนุญาตยืมไปใช้กับหน้าฟิคนะคะ
    แต่ว่าเราลองใส่โค้ดที่เป็นสีดูแล้ว มันใช้ไม่ได้ค่ะ ใช้ได้แค่กล่องสีดำ ไม่รู้เป็นกับอะไร
    ขอบคุณสำหรับโค้ดดีๆค่ะ เราชอบพวกโค้ดกล่องมากเลย หามานานแบบที่ใช้ๆอยู่ก็พังหมด ตั้งแต่เด็กดีอัพระบบ ฮา 
    #107
    2
    • #107-1 starlullaby(จากตอนที่ 35)
      10 ธันวาคม 2559 / 15:17
      แง เราใช้ได้นะคะ T^T แต่เดี๋ยวว่างๆ ดูให้ค่า
      #107-1
    • #107-2 kamaitachi-69(จากตอนที่ 35)
      10 ธันวาคม 2559 / 19:31
      เราลองใช้ระบบเด็กดีแบบเก่าแล้วใส่โค้ดที่เป็นกล่องเพลงสีดู มันใส่ได้ค่ะ
      แต่งงๆว่าเวลาใส่หน้าบทความมันกล่องเพลงจะเป็นสีขาว
      แต่ถ้าใส่ในตอนย่อยจะเป็นสีชมพูตามโค้ดสีที่ใส่
      ไม่ต้องแก้ก็ได้นะคะ ฮือออ ขอบคุณอีกครั้งสำหรับโค้ดน่ารักๆค่ะ
      #107-2