ขอความช่วยเหลือจากท่านพริสม่า กรณีโค้ดกล่องสปอยล์
ตั้งกระทู้ใหม่
คือต้องการ โค้ดกล่องสปอยล์ที่กดแล้วจะแสดงเนื้อหาที่ซ่อนไว้ให้เห็น
เนื่องจากเราต้องการนำมาประยุกต์ใช้กับแบนเนอร์โฆษณานิยาย
ที่ให้มันเป็นแบบนี้
คำเกริ่นเรื่องของนิยาย
เลยอยากรบกวนท่านพริสม่า ขอโค้ดสปอยล์ที่ท่านพริสม่าเคยได้ทำไว้ในกระทู้นี้หน่อย
เพื่อที่จะสามารถประยุกต์ใช้มันกับเรื่องนี้ได้น่ะ
ซึ่งเชื่อว่าจะเป็นวิธีการที่ทำให้สะดวกเวลาจะโฆษณานิยายให้กับคนที่ต้องการได้อย่างแน่นอน
PS. ถ้าถูกผิดคือขาวกับดำ แล้วสีอื่นจะให้อยู่ในหมวดไหน ดังนั้นโลกนี้มีแค่ถูกผิดจริงหรือ ?
8 ความคิดเห็น
ส่วนแรกขอเป็นตัวอย่างครับ
โค้ดตามนี้ครับท่าน ตรงที่สีแดงคือที่เปลี่ยนได้ครับ ตัวแรกคือที่อยู่โลโก้เรื่องครับ ส่วนตัวที่สอง คือ ข้อความ ส่วนปุ่ม + - ผมทำให้แล้วครับท่าน
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<img src="https://image.dek-d.com/26/2179533/112236291" /><input style="margin: 0px; padding: 0px; width: 30px; font-size: 11px;" type="button" value="[+]" /></div>
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
ท่านซ่อนระบุข้อความตรงนี้ครับ ทำเป็น html ได้ครับ</div>
</div>
</div>
ท่านอื่นจะเอาไปใช้ก็ได้ครับ (ขอเครดิตเล็กน้อย แค่ตามข้างล่างก็พอครับ)
โค้ดโดย prisma dominatus
Edit ... พอเขียนแล้วมันกลายเป็นโค้ดแฮะ...โอมเพี้ยง editor อย่าเปลี่ยนโค้ดผมเลย
แก้ไขครั้งที่ 1 เมื่อ 27 มีนาคม 2556 / 11:16
PS. Do you know what "War" and "Law" have in common? It's not about who's right. It's about who's the winner.
ท่านซ่อนขอรับ คงต้องขอให้แกะลายแทงเอาล่ะครับท่าน พอผมจะอัพเดทเปลี่ยนสีแอักษร ตัวกล่องข้อความมันแปลงโค้ดผมเป็นภาพเป็นลิ้งค์ไปหมดแล้วครับ
PS. Do you know what "War" and "Law" have in common? It's not about who's right. It's about who's the winner.
ขอบคุณนะท่าน
เรื่องแกะน่ะเรื่องถนัด แต่ให้เขียนเอง ทำมะเปง
PS. ถ้าถูกผิดคือขาวกับดำ แล้วสีอื่นจะให้อยู่ในหมวดไหน ดังนั้นโลกนี้มีแค่ถูกผิดจริงหรือ ?
แต่ยังติดใจอยู่สองจุด
1 ทำให้ความกว้างของกล่อง เป็นตามที่กำหนด แทนที่เว้นช่องจากด้านข้างได้ไหม ?
2 หากต้องการตอนที่ยังไม่กด [+] ไม่ให้มีกรอบต้องแก้ตรงไหน ?
...แต่ข้อหลังเหมือนมันเป็นโค้ดเฉพาะของมันแหะ หากเปลี่ยนต้องเปลี่ยนโค้ดหมด หรือเปล่า ?
PS. ถ้าถูกผิดคือขาวกับดำ แล้วสีอื่นจะให้อยู่ในหมวดไหน ดังนั้นโลกนี้มีแค่ถูกผิดจริงหรือ ?
@4
1. Affirmative. Use style setting. You can do anything using CSS (up to CSS3...if browser support)
2. see <div class="alt2" style="...?
modify that style eg. "border:0px;padding:0px;"
You can try it here on the comment below, that's gonna tells me if it works or not.
HTH
#5
ข้อ 2 หมายถึงกรณีกด + แล้วไม่แสดงกรอบ แต่ถ้ากดแล้วถึงแสดงกรอบน่ะท่าน
แต่พอลองแล้ว มันเปลี่ยนทั้งตอนกด + และไม่กด + เลยน่ะสิ
PS. ถ้าถูกผิดคือขาวกับดำ แล้วสีอื่นจะให้อยู่ในหมวดไหน ดังนั้นโลกนี้มีแค่ถูกผิดจริงหรือ ?
@6 ลองดูอันนี้ครับ
<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<img src="https://image.dek-d.com/26/2179533/112236291" /><input style="margin: 0px; padding: 0px; width: 30px; font-size: 11px;" type="button" value="[+]" /></div>
<div class="alt2" style="border: 0px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
ท่านซ่อนระบุข้อความตรงนี้ครับ ทำเป็น html ได้ครับ</div>
</div>
</div>
PS. Do you know what "War" and "Law" have in common? It's not about who's right. It's about who's the winner.
#7
โอ้ ขอบคุณมากท่าน
แต่เสียดายแหะ เด็กดีดันไม่รองรับการลากก็อปของโค้ดนี้ซะงั้น
แก้ไขครั้งที่ 1 เมื่อ 28 มีนาคม 2556 / 20:32
PS. ถ้าถูกผิดคือขาวกับดำ แล้วสีอื่นจะให้อยู่ในหมวดไหน ดังนั้นโลกนี้มีแค่ถูกผิดจริงหรือ ?
รายชื่อผู้ถูกใจความเห็นนี้ คน
แจ้งลบความคิดเห็น
คุณต้องการจะลบความคิดเห็นนี้หรือไม่ ?