- Welcome to EarnTheStar WebBoard : เอิร์น เดอะสตาร์ เว็บบอร์ด.
กระทู้ล่าสุด
#11
ห้องรับรอง / fast indexing engine
กระทู้ล่าสุด โดย Josephgob - 23 ส.ค 26, 08:30:30
We are proud of to annunciate a important melioration to our indexing service, in real time SpeedyIndex indexes your golf links faster and Sir Thomas More efficiently than ever so in front. Right away the % of indexed links inside 72 hours volition be higher. The changes are valid for tasks added from September 1st. speedyindex google sheets
fast indexing of linksys router nothing to link indexing speed index wordpress plugin speed index google fast indexing pandas f58d5dd
@index_systum77=
#12
ห้องรับรอง / SpeedyIndex google
กระทู้ล่าสุด โดย Josephgob - 23 ส.ค 26, 04:01:32
One of the key functions of speedy hyperlink indexing providers is their capability to prioritize and index articles dependant on relevance and significance. By analyzing numerous signals, like social media marketing exercise, user engagement metrics, and written content freshness, these solutions can intelligently prioritize the indexing of content that may be more than likely to resonate with people. This dynamic approach to indexing makes sure that users are introduced with information that's not only well timed but in addition hugely pertinent for their interests and preferences. speed index blogger
speedyindex google scholar SpeedyIndex google play speedyindex google scholar speed index of tyre fast indexing windows cb68b73
@index_systum77=
#13
ห้องซื้อขายของทั่วไป / Reference BAIE River Bangpho ค...
กระทู้ล่าสุด โดย ryry005 - 22 ส.ค 26, 13:33:17
REFERENCE BAIE RIVER BANGPHO
เรฟเฟอเรนซ์ เบย์ ริเวอร์ บางโพ
คอนโดวิวแม่น้ำโครงการใหม่สุดหรูจาก SC Asset
Luxury Riverside Residence
สัมผัสความสงบและความเป็นส่วนตัวเหนือระดับ
พร้อมวิวโค้งน้ำเจ้าพระยาแบบพาโนรามา
เปลี่ยนทุกวันให้กลายเป็นช่วงเวลาแห่งการพักผ่อนริมแม่น้ำ
เปิดขายเดือนกันยายนนี้!
ราคาเริ่มต้น 2.79 ล้านบาท
ทำเลศักยภาพย่านบางโพ
รพ.ศิริราชแห่งใหม่ - 100 ม.*
MRT บางโพ - 400 ม.*
อาคารรัฐสภา - 750 ม.*
Gateway บางซื่อ - เดินทางสะดวก เชื่อมต่อทุกไลฟ์สไตล์
ส่วนกลางระดับ Luxury
สระว่ายน้ำริมแม่น้ำ พร้อมสิ่งอำนวยความสะดวกครบ
ตอบโจทย์ทั้งการอยู่อาศัยและการลงทุนระยะยาว
**เปิดรับสิทธิ์ VIP รอบแรก จำนวนจำกัด!**
ลงทะเบียนรับข้อมูลโครงการและสิทธิพิเศษก่อนใคร
LINE Official : https://lin.ee/gSDbqPy
ID LINE : @whitesand
065-449-6399
061-616-1426
065-563-9565
*เงื่อนไขเป็นไปตามที่บริษัทฯ กำหนด
#ReferenceBAIERiverBangpho #เรฟเฟอเรนซ์เบย์ริเวอร์บางโพ #LuxuryRiversideResidence #คอนโดติดแม่น้ำ #คอนโดวิวแม่น้ำ #ReferenceBAIE #SCAsset #คอนโดบางโพ #คอนโดใกล้MRT #WhiteSandRealEstate
#14
ห้องซื้อขายของทั่วไป / ขายที่ดิน ซอยรังสิต-นครนายก 49...
กระทู้ล่าสุด โดย ryry005 - 19 ส.ค 26, 09:47:04
[เจ้าของขายเอง] ขายที่ดิน ซอยรังสิต-นครนายก 49 (คลอง 2) ขนาด 5 ไร่ 3 งาน 19 ตร.ว. ทำเลรองรับเมกะโปรเจกต์ Central
รายละเอียดที่ดิน:
• ที่ตั้ง: ซอยรังสิต-นครนายก 49 ถนนรังสิต-นครนายก ตำบลประชาธิปัตย์ อำเภอธัญบุรี จังหวัดปทุมธานี
• เนื้อที่: 5 ไร่ - 3 งาน - 19 ตารางวา (รวม 2,319 ตารางวา)
• เอกสารสิทธิ์: โฉนดที่ดินรวม 3 แปลง (พร้อมโอน)
• ลักษณะแปลง: รูปแปลงสี่เหลี่ยม หน้ากว้างติดถนนซอยรังสิต-นครนายก 49
• การเดินทาง: เข้าซอยจากถนนใหญ่รังสิต-นครนายก เชื่อมต่อถนนวงแหวนกาญจนาภิเษก (ทางหลวงหมายเลข 9) และดอนเมืองโทลล์เวย์
จุดเด่น & ศักยภาพการพัฒนา:
• รองรับการเติบโตของพื้นที่: อยู่ในรัศมีใกล้เคียงโครงการ Central Rangsit (มิกซ์ยูสขนาดใหญ่กว่า 750 ไร่) ของ CPN
• ขนาดและรูปแปลง: แปลงสี่เหลี่ยมขนาดกว้าง วางผังจัดสรรหรือวางโครงสร้างอาคารได้ง่าย
• การใช้งาน: เหมาะสำหรับทำโครงการที่อยู่อาศัย, อาคารสำนักงาน, โกดัง คลังสินค้า หรือถือครองระยะยาว
• สภาพแวดล้อม: อยู่ในย่านชุมชน คลอง 2 ถนนซอยกว้าง รถยนต์และรถบรรทุกเข้า-ออกได้สะดวก
สถานที่สำคัญใกล้เคียง:
• โครงการในอนาคต: โครงการมิกซ์ยูส Central Rangsit (CPN)
• ห้างสรรพสินค้า: ฟิวเจอร์พาร์ค รังสิต & Zpell, โลตัส รังสิต-นครนายก, ตลาดคลองสอง
• สถานศึกษา: มหาวิทยาลัยรังสิต, มหาวิทยาลัยกรุงเทพ, มหาวิทยาลัยเทคโนโลยีราชมงคลธัญบุรี, โรงเรียนโชคชัยรังสิต
• สถานพยาบาล: โรงพยาบาลบางปะกอก-รังสิต 2, โรงพยาบาลเปาโล รังสิต
• การคมนาคม: ถนนกาญจนาภิเษก (วงแหวนรอบนอก), ทางด่วนดอนเมืองโทลล์เวย์, สนามบินดอนเมือง
ตำแหน่งที่ดิน:
https://maps.app.goo.gl/ecRrX6kGE6BUjFT28
ราคาขาย:
• ราคาขายรวม: 62,613,000 บาท
• ราคาต่อตารางวา: 27,000 บาท / ตารางวา (ค่าธรรมเนียมการโอนและภาษี: ผู้ขายเป็นฝ่ายออก)
สนใจติดต่อ:
• คุณอิท
• โทร: 082-229-1771
• อีเมล: junk@droppmedia.com
#15
ห้องค้าขายสินค้าไจโอโฮม (Jio Home Store) / ต่อ: MyDestiny — บันทึกการทดลอ...
กระทู้ล่าสุด โดย vs - 18 ส.ค 26, 23:32:44
#16
ห้องค้าขายสินค้าไจโอโฮม (Jio Home Store) / ต่อ: MyDestiny — บันทึกการทดลอ...
กระทู้ล่าสุด โดย vs - 18 ส.ค 26, 23:18:51ผลที่ออกคือ
เวียตนาม
Prediction 21571
Actual 29183
ลาว
Prediction 720878
Actual 538222
ไม่ได้ใกล้เคียงเลย*
---
ตอนนี้ชุดที่ล็อกไว้สำหรับ 19/08/2026 ครบแล้ว:
ฮานอย 18:30 — 42778
ลาว 20:25 — 308046
ทั้งสองชุดถูกบันทึกก่อนผลออกเรียบร้อย เหลือให้ผลจริงตัดสินอย่างเดียว
เวียตนาม
Prediction 21571
Actual 29183
ลาว
Prediction 720878
Actual 538222
ไม่ได้ใกล้เคียงเลย*
---
ตอนนี้ชุดที่ล็อกไว้สำหรับ 19/08/2026 ครบแล้ว:
ฮานอย 18:30 — 42778
ลาว 20:25 — 308046
ทั้งสองชุดถูกบันทึกก่อนผลออกเรียบร้อย เหลือให้ผลจริงตัดสินอย่างเดียว
#17
ห้องเว็บและโปรแกรม / ต่อ: smf
กระทู้ล่าสุด โดย vs - 18 ส.ค 26, 13:57:05ง่ายสุดสำหรับปรับขนาด Fonts คือเพิ่มคำสั่งนี้ไว้ใน index.css
/* ===== Slightly Larger SMF Font ===== */
body {
font-size: 95%;
}
/* ===== Slightly Larger SMF Font ===== */
body {
font-size: 95%;
}
#18
ห้องเว็บและโปรแกรม / ต่อ: smf
กระทู้ล่าสุด โดย vs - 18 ส.ค 26, 13:32:52เปลี่ยน Fonts แบบเต็มสูตร
---
ได้ครับ ใช้ letter-spacing ได้เลย แต่กับภาษาไทย ควรปรับน้อยมาก เพราะถ้าห่างเกินไป สระ/วรรณยุกต์จะดูแปลกได้
จาก CSS ชุดนี้ ผมแนะนำเพิ่มเฉพาะเนื้อหากระทู้ก่อน:
/* เนื้อหาในกระทู้ */
.post {
font-size: 18px;
line-height: 1.75;
letter-spacing: 0.015em;
}
ถ้าต้องการให้ทั้งเว็บโปร่งขึ้นเล็กน้อย:
body {
font-size: 16px;
line-height: 1.65;
letter-spacing: 0.01em;
}
ค่าที่เหมาะกับภาษาไทยประมาณนี้:
letter-spacing: 0; /* ปกติ */
letter-spacing: 0.01em; /* โปร่งขึ้นนิดเดียว */
letter-spacing: 0.015em; /* ผมแนะนำให้ลอง */
letter-spacing: 0.02em; /* เริ่มเห็นชัด */
ผม ไม่แนะนำ 0.05em ขึ้นไป สำหรับข้อความภาษาไทยทั่วไป
ถ้าจุดประสงค์คือให้ข้อความอ่านสบายขึ้น ผมจะใช้ชุดนี้กับ SMF ของคุณ:
/* ===== Custom Thai Typography ===== */
html,
body,
button,
input,
select,
textarea {
font-family:
"Segoe UI",
"supermarket",
Tahoma,
Arial,
sans-serif;
}
/* ตัวอักษรหลักทั้งเว็บ */
body {
font-size: 16px;
line-height: 1.65;
}
/* เนื้อหาในกระทู้ */
.post {
font-size: 18px;
line-height: 1.75;
letter-spacing: 0.015em;
}
/* ชื่อหัวข้อกระทู้ */
#forumposts .keyinfo h5,
.subject_title,
h1,
h2,
h3 {
line-height: 1.4;
letter-spacing: 0.005em;
}
/* ข้อมูลประกอบ เช่น เวลา ผู้โพสต์ เมนูย่อย */
.smalltext {
font-size: 13px;
letter-spacing: 0;
}
ผมเลือกให้ เนื้อหาโปร่งขึ้น แต่หัวข้อแทบไม่ขยาย เพราะหัวข้อภาษาไทยถ้าห่างมากจะเสียทรง ส่วน .smalltext คงไว้ปกติเพราะขนาดเล็กอยู่แล้วครับ.
ถ้าเป็น Google Fonts เราไม่ต้องอัพโหลดฟอนต์ขึ้นไปใช่ไหมครับ
อย่างนี้ ผมใช้ supermarket
แต่ถ้าไม่ใช่ Google Fonts เราต้องอัพโหลดไปไว้ที่ไหนของ smf ครับ
ใช่ครับ ถ้าเป็น Google Fonts เราไม่ต้องอัปโหลดไฟล์ฟอนต์ขึ้นเซิร์ฟเวอร์เอง เพียงเรียก stylesheet ของ Google แล้วใช้ font-family ได้เลย เช่น Kanit ซึ่ง Google Fonts ให้บริการโดยตรง
แต่ Supermarket ไม่ใช่ Google Font ครับ เป็นฟอนต์ไทยของ Superstorefont ที่เผยแพร่ให้ดาวน์โหลดใช้งานได้ตามเงื่อนไขของเจ้าของฟอนต์
สำหรับ SMF ของเรา ผมแนะนำสร้างโฟลเดอร์นี้:
/forum/Themes/default/fonts/
แล้ววางไฟล์ เช่น:
/forum/Themes/default/fonts/supermarket.woff2
/forum/Themes/default/fonts/supermarket.woff
จากนั้นใน index.css ซึ่งอยู่ที่:
/forum/Themes/default/css/index.css
เพิ่มไว้ก่อนชุด Custom Thai Typography:
@font-face {
font-family: "supermarket";
src:
url("../fonts/supermarket.woff2") format("woff2"),
url("../fonts/supermarket.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
แล้ว CSS ที่คุณมีอยู่ก็ใช้ต่อได้เลย:
font-family:
"Segoe UI",
"supermarket",
Tahoma,
Arial,
sans-serif;
แต่มีจุดหนึ่งครับ: ลำดับนี้หมายความว่าเครื่อง Windows ส่วนใหญ่จะใช้ Segoe UI ก่อน ทำให้ supermarket แทบไม่ได้ถูกเรียกเลย
ถ้าต้องการให้เว็บใช้ Supermarket เป็นฟอนต์หลักจริง ๆ ต้องสลับเป็น:
font-family:
"supermarket",
"Segoe UI",
Tahoma,
Arial,
sans-serif;
อันนี้สำคัญครับ เพราะจาก CSS ที่ส่งมา ตอนนี้ Supermarket เป็นแค่ fallback ตัวที่สอง ไม่ใช่ฟอนต์หลักครับ.
ครับ ที่เครื่องผมอ่านออกเป็นรูปแบบของฟอนต์ supermarket ก็คงเป็นเพราะในเครื่องผมมีฟอนต์นี้อยู่ ใช่ไหมครับ
ใช่ครับ มีความเป็นไปได้สูงว่าเป็นแบบนั้น
จาก CSS นี้:
font-family:
"Segoe UI",
"supermarket",
Tahoma,
Arial,
sans-serif;
เบราว์เซอร์จะลองตามลำดับ:
Segoe UI
ถ้าใช้ไม่ได้ ค่อย supermarket
แล้วค่อย Tahoma / Arial
แต่สำหรับภาษาไทย มีกรณีที่ฟอนต์ตัวแรกไม่มี glyph หรือเบราว์เซอร์เลือก fallback บางส่วน ทำให้ supermarket ที่ติดตั้งอยู่ในเครื่องคุณถูกใช้แสดงภาษาไทยได้
ดังนั้น บนเครื่องคุณอาจเห็น Supermarket เพราะเครื่องมีฟอนต์นี้ติดตั้งอยู่ แต่คนอื่นที่ไม่มีฟอนต์ Supermarket อาจเห็นคนละแบบครับ
ถ้าต้องการให้ทุกคนเห็นเหมือนกัน ควรเอาไฟล์ฟอนต์ขึ้นเว็บแล้วประกาศ @font-face จากนั้นใช้:
font-family:
"supermarket",
"Segoe UI",
Tahoma,
Arial,
sans-serif;
แบบนี้เว็บจะโหลด Supermarket จากเซิร์ฟเวอร์เอง ไม่ต้องพึ่งว่าคอมพิวเตอร์ของผู้ชมติดตั้งฟอนต์ไว้หรือไม่ครับ.
---
ได้ครับ ใช้ letter-spacing ได้เลย แต่กับภาษาไทย ควรปรับน้อยมาก เพราะถ้าห่างเกินไป สระ/วรรณยุกต์จะดูแปลกได้
จาก CSS ชุดนี้ ผมแนะนำเพิ่มเฉพาะเนื้อหากระทู้ก่อน:
/* เนื้อหาในกระทู้ */
.post {
font-size: 18px;
line-height: 1.75;
letter-spacing: 0.015em;
}
ถ้าต้องการให้ทั้งเว็บโปร่งขึ้นเล็กน้อย:
body {
font-size: 16px;
line-height: 1.65;
letter-spacing: 0.01em;
}
ค่าที่เหมาะกับภาษาไทยประมาณนี้:
letter-spacing: 0; /* ปกติ */
letter-spacing: 0.01em; /* โปร่งขึ้นนิดเดียว */
letter-spacing: 0.015em; /* ผมแนะนำให้ลอง */
letter-spacing: 0.02em; /* เริ่มเห็นชัด */
ผม ไม่แนะนำ 0.05em ขึ้นไป สำหรับข้อความภาษาไทยทั่วไป
ถ้าจุดประสงค์คือให้ข้อความอ่านสบายขึ้น ผมจะใช้ชุดนี้กับ SMF ของคุณ:
/* ===== Custom Thai Typography ===== */
html,
body,
button,
input,
select,
textarea {
font-family:
"Segoe UI",
"supermarket",
Tahoma,
Arial,
sans-serif;
}
/* ตัวอักษรหลักทั้งเว็บ */
body {
font-size: 16px;
line-height: 1.65;
}
/* เนื้อหาในกระทู้ */
.post {
font-size: 18px;
line-height: 1.75;
letter-spacing: 0.015em;
}
/* ชื่อหัวข้อกระทู้ */
#forumposts .keyinfo h5,
.subject_title,
h1,
h2,
h3 {
line-height: 1.4;
letter-spacing: 0.005em;
}
/* ข้อมูลประกอบ เช่น เวลา ผู้โพสต์ เมนูย่อย */
.smalltext {
font-size: 13px;
letter-spacing: 0;
}
ผมเลือกให้ เนื้อหาโปร่งขึ้น แต่หัวข้อแทบไม่ขยาย เพราะหัวข้อภาษาไทยถ้าห่างมากจะเสียทรง ส่วน .smalltext คงไว้ปกติเพราะขนาดเล็กอยู่แล้วครับ.
ถ้าเป็น Google Fonts เราไม่ต้องอัพโหลดฟอนต์ขึ้นไปใช่ไหมครับ
อย่างนี้ ผมใช้ supermarket
แต่ถ้าไม่ใช่ Google Fonts เราต้องอัพโหลดไปไว้ที่ไหนของ smf ครับ
ใช่ครับ ถ้าเป็น Google Fonts เราไม่ต้องอัปโหลดไฟล์ฟอนต์ขึ้นเซิร์ฟเวอร์เอง เพียงเรียก stylesheet ของ Google แล้วใช้ font-family ได้เลย เช่น Kanit ซึ่ง Google Fonts ให้บริการโดยตรง
แต่ Supermarket ไม่ใช่ Google Font ครับ เป็นฟอนต์ไทยของ Superstorefont ที่เผยแพร่ให้ดาวน์โหลดใช้งานได้ตามเงื่อนไขของเจ้าของฟอนต์
สำหรับ SMF ของเรา ผมแนะนำสร้างโฟลเดอร์นี้:
/forum/Themes/default/fonts/
แล้ววางไฟล์ เช่น:
/forum/Themes/default/fonts/supermarket.woff2
/forum/Themes/default/fonts/supermarket.woff
จากนั้นใน index.css ซึ่งอยู่ที่:
/forum/Themes/default/css/index.css
เพิ่มไว้ก่อนชุด Custom Thai Typography:
@font-face {
font-family: "supermarket";
src:
url("../fonts/supermarket.woff2") format("woff2"),
url("../fonts/supermarket.woff") format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
แล้ว CSS ที่คุณมีอยู่ก็ใช้ต่อได้เลย:
font-family:
"Segoe UI",
"supermarket",
Tahoma,
Arial,
sans-serif;
แต่มีจุดหนึ่งครับ: ลำดับนี้หมายความว่าเครื่อง Windows ส่วนใหญ่จะใช้ Segoe UI ก่อน ทำให้ supermarket แทบไม่ได้ถูกเรียกเลย
ถ้าต้องการให้เว็บใช้ Supermarket เป็นฟอนต์หลักจริง ๆ ต้องสลับเป็น:
font-family:
"supermarket",
"Segoe UI",
Tahoma,
Arial,
sans-serif;
อันนี้สำคัญครับ เพราะจาก CSS ที่ส่งมา ตอนนี้ Supermarket เป็นแค่ fallback ตัวที่สอง ไม่ใช่ฟอนต์หลักครับ.
ครับ ที่เครื่องผมอ่านออกเป็นรูปแบบของฟอนต์ supermarket ก็คงเป็นเพราะในเครื่องผมมีฟอนต์นี้อยู่ ใช่ไหมครับ
ใช่ครับ มีความเป็นไปได้สูงว่าเป็นแบบนั้น
จาก CSS นี้:
font-family:
"Segoe UI",
"supermarket",
Tahoma,
Arial,
sans-serif;
เบราว์เซอร์จะลองตามลำดับ:
Segoe UI
ถ้าใช้ไม่ได้ ค่อย supermarket
แล้วค่อย Tahoma / Arial
แต่สำหรับภาษาไทย มีกรณีที่ฟอนต์ตัวแรกไม่มี glyph หรือเบราว์เซอร์เลือก fallback บางส่วน ทำให้ supermarket ที่ติดตั้งอยู่ในเครื่องคุณถูกใช้แสดงภาษาไทยได้
ดังนั้น บนเครื่องคุณอาจเห็น Supermarket เพราะเครื่องมีฟอนต์นี้ติดตั้งอยู่ แต่คนอื่นที่ไม่มีฟอนต์ Supermarket อาจเห็นคนละแบบครับ
ถ้าต้องการให้ทุกคนเห็นเหมือนกัน ควรเอาไฟล์ฟอนต์ขึ้นเว็บแล้วประกาศ @font-face จากนั้นใช้:
font-family:
"supermarket",
"Segoe UI",
Tahoma,
Arial,
sans-serif;
แบบนี้เว็บจะโหลด Supermarket จากเซิร์ฟเวอร์เอง ไม่ต้องพึ่งว่าคอมพิวเตอร์ของผู้ชมติดตั้งฟอนต์ไว้หรือไม่ครับ.
#19
ห้องเว็บและโปรแกรม / ต่อ: smf
กระทู้ล่าสุด โดย vs - 18 ส.ค 26, 13:25:48yt แนวตั้ง
แก้ 3 ที่
1. subs
---
เพิ่ม array
array(
'tag' => 'youtube',
'type' => 'unparsed_equals_content',
'test' => 'vertical\]',
'content' => '<div class="videocontainer" data-youtube-orientation="vertical"><div><iframe frameborder="0" src="https://www.youtube.com/embed/$1?origin='; . $hosturl . '&wmode=opaque" data-youtube-id="$1" allowfullscreen loading="lazy"></iframe></div></div>',
'disabled_content' => '<a href="https://www.youtube.com/watch?v=$1" target="_blank" rel="noopener">https://www.youtube.com/watch?v=$1</a>',
'block_level' => true,
),
2. index.css
---
เพิ่มตอนท้าย
/* Vertical YouTube 9:16 */
.videocontainer[data-youtube-orientation="vertical"] {
max-width: 360px;
}
.videocontainer[data-youtube-orientation="vertical"] > div {
padding-bottom: 177.7777778%;
}
/* Vertical YouTube: allow side-by-side */
.videocontainer[data-youtube-orientation="vertical"] {
display: inline-block;
vertical-align: top;
width: 360px;
max-width: 100%;
margin: 0 12px 12px 0;
}
3. jquery.sceditor.smf.js แก้ 2 ที่
---
sceditor.command.set(
'youtube', {
_dropDown: function (editor, caller, callback) {
var content = document.createElement('div');
var label = document.createElement('label');
label.textContent = editor._('Video URL:');
label.style.display = 'block';
label.style.marginBottom = '4px';
var input = document.createElement('input');
input.type = 'text';
input.placeholder = 'https://';
input.style.width = '100%';
input.style.boxSizing = 'border-box';
var verticalWrap = document.createElement('label');
verticalWrap.style.display = 'block';
verticalWrap.style.marginTop = '10px';
verticalWrap.style.marginBottom = '10px';
verticalWrap.style.cursor = 'pointer';
var vertical = document.createElement('input');
vertical.type = 'checkbox';
vertical.style.marginRight = '6px';
verticalWrap.appendChild(vertical);
verticalWrap.appendChild(
document.createTextNode('วิดีโอแนวตั้ง 9:16')
);
var button = document.createElement('button');
button.type = 'button';
button.className = 'button';
button.textContent = editor._('Insert');
content.appendChild(label);
content.appendChild(input);
content.appendChild(verticalWrap);
content.appendChild(button);
function insertYoutube(e) {
var val = input.value.trim();
var idMatch = val.match(
/(?:v=|v\/|embed\/|youtu\.be\/|shorts\/)([a-zA-Z0-9_-]{11})/
);
// อนุญาตให้ใส่ Video ID 11 ตัวตรง ๆ ได้ด้วย
if (!idMatch && /^[a-zA-Z0-9_-]{11}$/.test(val))
idMatch = [val, val];
var timeMatch = val.match(
/[&?](?:start|t)=((\d+[hms]?){1,3})/i
);
var time = 0;
if (timeMatch) {
timeMatch[1].split(/[hms]/).forEach(function (part) {
if (part !== '')
time = (time * 60) + Number(part);
});
}
if (idMatch) {
callback(
idMatch[1],
time,
vertical.checked
);
}
editor.closeDropDown(true);
if (e)
e.preventDefault();
}
button.addEventListener('click', insertYoutube);
input.addEventListener('keypress', function (e) {
if (e.key === 'Enter')
insertYoutube(e);
});
editor.createDropDown(caller, 'insertlink', content);
setTimeout(function () {
input.focus();
}, 0);
},
exec: function (caller) {
var editor = this;
editor.commands.youtube._dropDown(
editor,
caller,
function (id, time, isVertical) {
var orientation = isVertical
? ' data-youtube-orientation="vertical"'
: '';
editor.wysiwygEditorInsertHtml(
'<div class="videocontainer"' + orientation + '>' +
'<div>' +
'<iframe frameborder="0" allowfullscreen ' +
'src="https://www.youtube-nocookie.com/embed/'; +
id +
'?wmode=opaque&start=' +
time +
'" data-youtube-id="' +
id +
'" loading="lazy"></iframe>' +
'</div>' +
'</div>'
);
}
);
},
txtExec: function (caller) {
var editor = this;
editor.commands.youtube._dropDown(
editor,
caller,
function (id, time, isVertical) {
editor.insertText(
'[youtube' +
(isVertical ? '=vertical' : '') +
']' +
id +
'[/youtube]'
);
}
);
}
}
);
และเพิ่มตอนท้าย
sceditor.formats.bbcode.set(
'youtube', {
allowsEmpty: true,
tags: {
div: {
class: 'videocontainer'
}
},
isInline: false,
skipLastLineBreak: true,
format: function (element, content) {
var $element = $(element);
var youtube_id = $element.find('iframe').data('youtube-id');
var orientation = $element.attr('data-youtube-orientation');
if (typeof youtube_id !== "undefined") {
return '[youtube' +
(orientation === 'vertical' ? '=vertical' : '') +
']' +
youtube_id +
'[/youtube]';
}
return content;
},
html: function (token, attrs, content) {
if (!/^[a-zA-Z0-9_-]{11}$/.test(content))
return content;
var orientation =
typeof attrs.defaultattr !== 'undefined' &&
attrs.defaultattr === 'vertical'
? ' data-youtube-orientation="vertical"'
: '';
return '<div class="videocontainer"' + orientation + '>' +
'<div>' +
'<iframe frameborder="0" ' +
'src="https://www.youtube-nocookie.com/embed/'; +
content +
'?wmode=opaque" ' +
'data-youtube-id="' +
content +
'" loading="lazy" allowfullscreen></iframe>' +
'</div>' +
'</div>';
}
}
);
แก้ 3 ที่
1. subs
---
เพิ่ม array
array(
'tag' => 'youtube',
'type' => 'unparsed_equals_content',
'test' => 'vertical\]',
'content' => '<div class="videocontainer" data-youtube-orientation="vertical"><div><iframe frameborder="0" src="https://www.youtube.com/embed/$1?origin='; . $hosturl . '&wmode=opaque" data-youtube-id="$1" allowfullscreen loading="lazy"></iframe></div></div>',
'disabled_content' => '<a href="https://www.youtube.com/watch?v=$1" target="_blank" rel="noopener">https://www.youtube.com/watch?v=$1</a>',
'block_level' => true,
),
2. index.css
---
เพิ่มตอนท้าย
/* Vertical YouTube 9:16 */
.videocontainer[data-youtube-orientation="vertical"] {
max-width: 360px;
}
.videocontainer[data-youtube-orientation="vertical"] > div {
padding-bottom: 177.7777778%;
}
/* Vertical YouTube: allow side-by-side */
.videocontainer[data-youtube-orientation="vertical"] {
display: inline-block;
vertical-align: top;
width: 360px;
max-width: 100%;
margin: 0 12px 12px 0;
}
3. jquery.sceditor.smf.js แก้ 2 ที่
---
sceditor.command.set(
'youtube', {
_dropDown: function (editor, caller, callback) {
var content = document.createElement('div');
var label = document.createElement('label');
label.textContent = editor._('Video URL:');
label.style.display = 'block';
label.style.marginBottom = '4px';
var input = document.createElement('input');
input.type = 'text';
input.placeholder = 'https://';
input.style.width = '100%';
input.style.boxSizing = 'border-box';
var verticalWrap = document.createElement('label');
verticalWrap.style.display = 'block';
verticalWrap.style.marginTop = '10px';
verticalWrap.style.marginBottom = '10px';
verticalWrap.style.cursor = 'pointer';
var vertical = document.createElement('input');
vertical.type = 'checkbox';
vertical.style.marginRight = '6px';
verticalWrap.appendChild(vertical);
verticalWrap.appendChild(
document.createTextNode('วิดีโอแนวตั้ง 9:16')
);
var button = document.createElement('button');
button.type = 'button';
button.className = 'button';
button.textContent = editor._('Insert');
content.appendChild(label);
content.appendChild(input);
content.appendChild(verticalWrap);
content.appendChild(button);
function insertYoutube(e) {
var val = input.value.trim();
var idMatch = val.match(
/(?:v=|v\/|embed\/|youtu\.be\/|shorts\/)([a-zA-Z0-9_-]{11})/
);
// อนุญาตให้ใส่ Video ID 11 ตัวตรง ๆ ได้ด้วย
if (!idMatch && /^[a-zA-Z0-9_-]{11}$/.test(val))
idMatch = [val, val];
var timeMatch = val.match(
/[&?](?:start|t)=((\d+[hms]?){1,3})/i
);
var time = 0;
if (timeMatch) {
timeMatch[1].split(/[hms]/).forEach(function (part) {
if (part !== '')
time = (time * 60) + Number(part);
});
}
if (idMatch) {
callback(
idMatch[1],
time,
vertical.checked
);
}
editor.closeDropDown(true);
if (e)
e.preventDefault();
}
button.addEventListener('click', insertYoutube);
input.addEventListener('keypress', function (e) {
if (e.key === 'Enter')
insertYoutube(e);
});
editor.createDropDown(caller, 'insertlink', content);
setTimeout(function () {
input.focus();
}, 0);
},
exec: function (caller) {
var editor = this;
editor.commands.youtube._dropDown(
editor,
caller,
function (id, time, isVertical) {
var orientation = isVertical
? ' data-youtube-orientation="vertical"'
: '';
editor.wysiwygEditorInsertHtml(
'<div class="videocontainer"' + orientation + '>' +
'<div>' +
'<iframe frameborder="0" allowfullscreen ' +
'src="https://www.youtube-nocookie.com/embed/'; +
id +
'?wmode=opaque&start=' +
time +
'" data-youtube-id="' +
id +
'" loading="lazy"></iframe>' +
'</div>' +
'</div>'
);
}
);
},
txtExec: function (caller) {
var editor = this;
editor.commands.youtube._dropDown(
editor,
caller,
function (id, time, isVertical) {
editor.insertText(
'[youtube' +
(isVertical ? '=vertical' : '') +
']' +
id +
'[/youtube]'
);
}
);
}
}
);
และเพิ่มตอนท้าย
sceditor.formats.bbcode.set(
'youtube', {
allowsEmpty: true,
tags: {
div: {
class: 'videocontainer'
}
},
isInline: false,
skipLastLineBreak: true,
format: function (element, content) {
var $element = $(element);
var youtube_id = $element.find('iframe').data('youtube-id');
var orientation = $element.attr('data-youtube-orientation');
if (typeof youtube_id !== "undefined") {
return '[youtube' +
(orientation === 'vertical' ? '=vertical' : '') +
']' +
youtube_id +
'[/youtube]';
}
return content;
},
html: function (token, attrs, content) {
if (!/^[a-zA-Z0-9_-]{11}$/.test(content))
return content;
var orientation =
typeof attrs.defaultattr !== 'undefined' &&
attrs.defaultattr === 'vertical'
? ' data-youtube-orientation="vertical"'
: '';
return '<div class="videocontainer"' + orientation + '>' +
'<div>' +
'<iframe frameborder="0" ' +
'src="https://www.youtube-nocookie.com/embed/'; +
content +
'?wmode=opaque" ' +
'data-youtube-id="' +
content +
'" loading="lazy" allowfullscreen></iframe>' +
'</div>' +
'</div>';
}
}
);
#20
ห้องเว็บและโปรแกรม / smf
กระทู้ล่าสุด โดย vs - 18 ส.ค 26, 12:23:09วิธีเพิ่มลดขนาดฟอนต์ ใน index.css ใน Theme>default>css
ต่อท้ายด้วยโค้ดนี้
/* ===== Custom Thai Typography ===== */
html,
body,
button,
input,
select,
textarea {
font-family:
"Segoe UI",
"Noto Sans Thai",
Tahoma,
Arial,
sans-serif;
}
/* ตัวอักษรหลักทั้งเว็บ */
body {
font-size: 15px;
line-height: 1.65;
}
/* เนื้อหาในกระทู้ */
.post{
font-size: 15px;
line-height: 1.75;
}
/* ชื่อหัวข้อกระทู้ */
#forumposts .keyinfo h5,
.subject_title,
h1,
h2,
h3 {
line-height: 1.4;
}
/* ข้อมูลประกอบ เช่น เวลา ผู้โพสต์ เมนูย่อย */
.smalltext {
font-size: 13px;
}
-------
ต่อท้ายด้วยโค้ดนี้
/* ===== Custom Thai Typography ===== */
html,
body,
button,
input,
select,
textarea {
font-family:
"Segoe UI",
"Noto Sans Thai",
Tahoma,
Arial,
sans-serif;
}
/* ตัวอักษรหลักทั้งเว็บ */
body {
font-size: 15px;
line-height: 1.65;
}
/* เนื้อหาในกระทู้ */
.post{
font-size: 15px;
line-height: 1.75;
}
/* ชื่อหัวข้อกระทู้ */
#forumposts .keyinfo h5,
.subject_title,
h1,
h2,
h3 {
line-height: 1.4;
}
/* ข้อมูลประกอบ เช่น เวลา ผู้โพสต์ เมนูย่อย */
.smalltext {
font-size: 13px;
}
-------