Discuz Thai

 ลืมรหัสผ่าน
 สมัครสมาชิก

ข้อตกลงการใช้งานกระดานข่าวดิสคัสไทย DiscuzThai Agreement (English Version) ประกาศดิสคัสไทย - ทำเนียบดิสคัสภาษาไทย

Discuz! X3.3 ภาษาไทย (อย่างเป็นทางการ) พร้อมแล้ว Discuz! X3.3 ภาษาไทย ดาวน์โหลด Discuz! X3.3 ภาษาไทย

บัญชีถูกแช่แข็ง (Freeze) แจ้งความประสงค์ได้ที่นี่ เปิดระบบ Verified Account - ระบบยืนยันตัวตน ถามอย่างไรจึงจะได้คำตอบ - ตั้งกระทู้เนื้อหาครอบคลุม

ดู: 810|ตอบกลับ: 3

ติดริบบิ้นไว้อาลัย

  [คัดลอกลิงก์]
แก้ไขครั้งสุดท้ายโดย suttasilo เมื่อ 2016-11-19 13:45

ติดริบบิ้นไว้อาลัย  โดยวิธีง่ายๆในการจัดการเพิ่มโฆษณา ไปที่จัดการระบบ เพิ่มเติม/ตั้งค่าโฆษณา/เลือกมุมขวาล่างในทุกๆหน้า/ แล้วตั้งค่าต่างๆ มี 2 แบบ
แบบที่ 1 อัพโหลดไฟล์รูปภาพ ตั้งค่าต่างๆตามรูปภาพ


อธิบายเฉพาะในส่วน รูปแบบการแสดงผล:  เลือก รูปภาพ
Image Address (required): คลิกอัพโหลดไฟล์รูปภาพ (หรือใส่ URL รูปภาพ)
Image link (required): forum.php
Image Alt Text (optional): ริบบิ้นไว้อาลัย
Image width (optional): 123
Image height (optional): 123
คลิกตกลง
ดูตัวอย่างรูปภาพ


แบบที่ 2 ใช้ โค้ด HTML ตั้งค่าต่างๆตามรูปภาพ

อธิบายเฉพาะในส่วน รูปแบบการแสดงผล:  เลือก โค้ด
ใช้ โค้ด HTML

กรอกโค้ด HTML ของโฆษณา:  ดังนี้
  1. <img src="black_ribbons/black_ribbon_bottom_right.png" style="bottom:0; right:0; width: auto; position: fixed; z-index: 99999;">
คัดลอกไปที่คลิปบอร์ด

ผลลัพธ์ดังรูปภาพ



อีกวิธีหนึ่งคือนำโค้ด HTML นี้ไปไว้ที่  ตั้งค่า SEO  
วิธีทำ ไปที่จัดการระบบ  ทั่วไป/ตั้งค่า SEO/อื่น/นำโค้ดไปใส่ข้อมูลส่วนหัว


มี 4 แบบ
แบบที่ 1 มุมบนขวา  เอาโค้ดนี้ไปวาง
  1. <img src="black_ribbons/black_ribbon_top_right.png" style="top:0; right:0; width: auto; position: fixed; z-index: 99999;">
คัดลอกไปที่คลิปบอร์ด
ผลลัพธ์


แบบที่ 2 มุมบนซ้าย  เอาโค้ดนี้ไปวาง
  1. <img src="black_ribbons/black_ribbon_top_left.png" style="top:0; left:0; width: auto; position: fixed; z-index: 99999;">
คัดลอกไปที่คลิปบอร์ด
ผลลัพธ์


แบบที่ 3 มุมล่างขวา  เอาโค้ดนี้ไปวาง
  1. <img src="black_ribbons/black_ribbon_bottom_right.png" style="bottom:0; right:0; width: auto; position: fixed; z-index: 99999;">
คัดลอกไปที่คลิปบอร์ด
ผลลัพธ์


แบบที่ 4 มุมล่างซ้าย  เอาโค้ดนี้ไปวาง
  1. <img src="black_ribbons/black_ribbon_bottom_left.png" style="bottom:0; Left:0; width: auto; position: fixed; z-index: 99999;">
คัดลอกไปที่คลิปบอร์ด
ผลลัพธ์


สร้างโฟลเดอร์ black_ribbons ดาวน์โหลดไฟล์ภาพริบบิ้น แตกไฟล์ไปวางในโฟลเดอร์นั้น


ขอบคุณโค้ด @asphum จากเว็บ jongweb.com

หมายเหตุ : สามารถนำโค้ดนี้ไปวางต่อโค้ดร่วมไว้อาลัย สลับเป็นโหมดสี/ขาวดำในกระทู้นี้   ได้ http://www.discuzthai.com/thread-40371-2-1.html
โค้ดร่วมไว้อาลัย สลับเป็นโหมดสี/ขาวดำ  (โค้ดนี้มีปัญหาใช้กับ IE ไม่ได้)
  1. <style>
  2. .dz_greyscale {
  3.         filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter     id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */  
  4.         filter:gray; /* IE6-9 */
  5.         -webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  6.         -moz-filter: grayscale(100%);
  7.         -ms-filter: grayscale(100%);
  8.         -o-filter: grayscale(100%);
  9. }
  10. #dz_greyscale_button{
  11.         cursor: pointer;
  12.     background: #fff;
  13.     border: none;
  14.     vertical-align: middle;
  15.     height: 27px;
  16. }
  17. #dz_greyscale_button:hover{
  18.         background: #eee;
  19. }
  20. </style>
  21. <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
  22. <script>
  23. var dztjquery = jQuery.noConflict();
  24. var dztgreyscale = false;
  25. dztjquery( document ).ready(function() {
  26.         if(!sessionStorage.getItem("dztgreyscale")){
  27.         dztjquery('html').toggleClass('dz_greyscale');
  28.                 dztgreyscale = true;
  29.         }
  30.         dztjquery('#dz_greyscale_button').click(function() {
  31.                         dztjquery('html').toggleClass('dz_greyscale');
  32.                         if(dztgreyscale==false){dztgreyscale = true;}else{dztgreyscale = false;}
  33.                         sessionStorage.setItem('dztgreyscale',dztgreyscale);
  34.                         return false;
  35.         });
  36. });
  37. </script>
  38. <div id="toptb" class="cl" style="background:#000;color:#fff;">
  39. <div class="wp">
  40. <div class="z">น้อมรำลึกในพระมหากรุณาธิคุณ พระบาทสมเด็จพระปรมินมหาภูมิพลอดุลยเดชฯ</div>
  41. <div class="y"><button type="button" id="dz_greyscale_button">สลับเป็นโหมดสี/ขาวดำ</button></div>
  42. </div>
  43. </div>
คัดลอกไปที่คลิปบอร์ด
ผลลัพธ์ เมื่อเอาโค้ด ริบบบิ้นไปต่อ โค้ดร่วมไว้อาลัย สลับเป็นโหมดสี/ขาวดำ




สุดท้ายอีกวิธีครับ ง่ายๆ สั้น แสดงทุกเบาวร์เวอร์ เอาโค้ดที่มาจากเว็บ jongweb และตำแหน่งวิธีวางไฟล์ ขอบคุณที่มาจากเว็บ sidacopy.com ครับ (อันนี้วางที่ไฟล์เดียวจบเลย)

นำโค๊ด 4 โค้ดด้านบน อันใดอันหนึ่งตามตำแหน่งที่ต้องการนี้ไปไว้ที่ footer.htm  วางที่ด้านล่างก่อนหน้า </body> (ที่อยู่ไฟล์ tmplate/สกินที่ใช้/footer.htm)
  1. <img src="black_ribbons/black_ribbon_top_left.png" style="top:0; Left:0; width: auto; position: fixed; z-index: 99999;">
คัดลอกไปที่คลิปบอร์ด
อัฟโหลดรูปตามตำแหน่ง (ด้านบน)  เป็นอันเสร็จครับ

ที่มาจาก : บทบันทึกการสอน "โครงการคอมพิวเตอร์สมองกลเสริมเยาวชนยุคIT" ชมรมรักพลับพลึงธารคุระบุรีศรีพังงา (pptflower.com)

ขออภัย! โพสต์นี้มีไฟล์แนบหรือรูปภาพที่ไม่ได้รับอนุญาตให้คุณเข้าถึง

คุณจำเป็นต้อง ลงชื่อเข้าใช้ เพื่อดาวน์โหลดหรือดูไฟล์แนบนี้ คุณยังไม่มีบัญชีใช่ไหม? สมัครสมาชิก

x

คะแนน

8

ดูบันทึกคะแนน

คลังกระทู้ที่เกี่ยวข้อง:

  • · X3|หัวข้อ: 5, ติดตาม: 0
โพสต์ 2016-11-15 09:21:22 | ดูโพสต์ทั้งหมด
ริบบิ้นไว้อาลัย
โพสต์ 2016-11-28 10:32:57 | ดูโพสต์ทั้งหมด
กิ๊บเก๋ยูเรก้ามากๆ ครับ :]
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | สมัครสมาชิก

รายละเอียดเครดิต

รายชื่อผู้กระทำผิด|อุปกรณ์พกพา|Archiver|ดิสคัส ไทย Follow us: Become a fan on facebook. Follow us on Twitter.

GMT+7, 2017-11-24 05:02

Powered by Discuz! X3.3 R20170301, Rev.53

© 2001-2017 Comsenz Inc.

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้