ติดริบบิ้นไว้อาลัย
ติดริบบิ้นไว้อาลัยโดยวิธีง่ายๆในการจัดการเพิ่มโฆษณา ไปที่จัดการระบบ เพิ่มเติม/ตั้งค่าโฆษณา/เลือกมุมขวาล่างในทุกๆหน้า/ แล้วตั้งค่าต่างๆ มี 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 ของโฆษณา:ดังนี้
<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 มุมบนขวาเอาโค้ดนี้ไปวาง
<img src="black_ribbons/black_ribbon_top_right.png" style="top:0; right:0; width: auto; position: fixed; z-index: 99999;">ผลลัพธ์
แบบที่ 2 มุมบนซ้ายเอาโค้ดนี้ไปวาง
<img src="black_ribbons/black_ribbon_top_left.png" style="top:0; Left:0; width: auto; position: fixed; z-index: 99999;">ผลลัพธ์
แบบที่ 3 มุมล่างขวาเอาโค้ดนี้ไปวาง
<img src="black_ribbons/black_ribbon_bottom_right.png" style="bottom:0; right:0; width: auto; position: fixed; z-index: 99999;">ผลลัพธ์
แบบที่ 4 มุมล่างซ้ายเอาโค้ดนี้ไปวาง
<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 ไม่ได้) <style>
.dz_greyscale {
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 */
filter:gray; /* IE6-9 */
-webkit-filter:grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
}
#dz_greyscale_button{
cursor: pointer;
background: #fff;
border: none;
vertical-align: middle;
height: 27px;
}
#dz_greyscale_button:hover{
background: #eee;
}
</style>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
var dztjquery = jQuery.noConflict();
var dztgreyscale = false;
dztjquery( document ).ready(function() {
if(!sessionStorage.getItem("dztgreyscale")){
dztjquery('html').toggleClass('dz_greyscale');
dztgreyscale = true;
}
dztjquery('#dz_greyscale_button').click(function() {
dztjquery('html').toggleClass('dz_greyscale');
if(dztgreyscale==false){dztgreyscale = true;}else{dztgreyscale = false;}
sessionStorage.setItem('dztgreyscale',dztgreyscale);
return false;
});
});
</script>
<div id="toptb" class="cl" style="background:#000;color:#fff;">
<div class="wp">
<div class="z">น้อมรำลึกในพระมหากรุณาธิคุณ พระบาทสมเด็จพระปรมินมหาภูมิพลอดุลยเดชฯ</div>
<div class="y"><button type="button" id="dz_greyscale_button">สลับเป็นโหมดสี/ขาวดำ</button></div>
</div>
</div>ผลลัพธ์ เมื่อเอาโค้ด ริบบบิ้นไปต่อ โค้ดร่วมไว้อาลัย สลับเป็นโหมดสี/ขาวดำ
สุดท้ายนำเสนออีกวิธีครับ ง่ายๆ สั้น แสดงทุกเบาวร์เวอร์ เอาโค้ดที่มาจากเว็บ jongweb และตำแหน่งวิธีวางไฟล์ ขอบคุณที่มาจากเว็บ sidacopy.com ครับ (อันนี้วางที่ไฟล์เดียวจบเลย)
นำโค๊ด 4 โค้ดด้านบน อันใดอันหนึ่งตามตำแหน่งที่ต้องการนี้ไปไว้ที่ footer.htmวางที่ด้านล่างก่อนหน้า </body> (ที่อยู่ไฟล์ tmplate/สกินที่ใช้/footer.htm)
<img src="black_ribbons/black_ribbon_top_left.png" style="top:0; Left:0; width: auto; position: fixed; z-index: 99999;">อัฟโหลดรูปตามตำแหน่ง (ด้านบน)เป็นอันเสร็จครับ
หน้า:
[1]