Hướng dẫn đóng khung Quote và Code cho phpbb2

[Exterminator]

Do đã lâu lắm rồi Ex mới quay lại Chinh Phục và FM, nên không biết ở Chinh Phục đã có ai hướng dẫn cho bản phpbb2. Nhưng search thì chưa thấy có, và theo như Ex nhớ trước khi Ex ngưng làm FM thì bản phpbb2 chưa làm được. Nên chia sẻ luôn vậy Nếu có ai từng chia sẻ rồi thì phản hồi nhé

Demo :

[You must be registered and logged in to see this image.]

Cách làm :

Bước 1 : Tạo 1 file javascript, chọn vị trí tác dụng : In the topics, nội dụng :

Code:

$(document).ready(function() {
$(".quote").parent().addClass("quote_area");
$(".code").prev().append("<span class='genmed' style='float:right;'><a href='#' onclick='SelectContent(this); return false;' title='Select all the content'><b>Select Content</b></a></span>").parent().addClass("code_area");
});

function SelectContent(a) {
a=$(a).closest("dl").find(".cont_code,code")[0];
if(window.getSelection){
var c = window.getSelection();
if(c.setBaseAndExtent)
c.setBaseAndExtent(a,0,a,a.innerText.length-1);
else {
window.opera&&a.innerHTML.substring(a.innerHTML.length-4)=="<BR>"&&(a.innerHTML+=" ");var b=document.createRange();b.setStart(a.firstChild, 0);b.setEnd(a, a.childNodes.length);c.removeAllRanges();c.addRange(b)}}else document.getSelection?(c=document.getSelection(),b=document.createRange(),b.selectNodeContents(a),c.removeAllRanges(),c.addRange(b)):document.selection&&(b=document.body.createTextRange(),b.moveToElementText(a),b.select())
}

Bước 2 : Thêm vào CSS đoạn dưới sau :

Code:

.quote_area {
  border:1px solid #0bbced;
  padding:5px 8px 8px 8px;
  background: #d8f6ff;
  box-shadow:2px 2px 4px 1px rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.quote_area .genmed {
  font-size:12px !important;
  color:#0bbced !important;
}

dl.codebox .quote {
  font-size:12px;
  background: #d8f6ff;
  padding-top:5px;
  border:none;
  border-top:1px solid #0bbced !important;
}

.code_area {
  border:1px solid #009908 !important;
  padding:5px 8px 8px 8px;
  background: #e5ffd8 !important;
  box-shadow:2px 2px 4px 1px rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.code_area .genmed, .code_area .genmed a {
  font-size:12px !important;
  color:#009908 !important;
}
.code_area .genmed a:hover {
  color:#FFA34F !important;
}
dl.codebox .code {
  font-size:12px;
  background: #e5ffd8 !important;
  padding-top:5px;
  border:none;
  border-top:1px solid #009908 !important;
}

Save lại.

Chúc các bạn thành công

[Trúc Sơn]

Đẹp quá, đã like cho 'Huyền thoại'

[Exterminator]

Ặc! Thôi bạn à Đừng gọi mình là huyền thoại. Nghe vậy mình hổ thẹn lắm.

[Sponsored content]