TEST
Bạn có muốn phản ứng với tin nhắn này? Vui lòng đăng ký diễn đàn trong một vài cú nhấp chuột hoặc đăng nhập để tiếp tục.
TEST

Hoạt động tốt trên các trình duyệt FF FireFox, Chrome Chrome, Opera Opera, Safari Safari hoặc có thể với IE Internet Explorer 8.0 trở lên...

You are not connected. Please login or register

TEST » TEST » Test » [Test] Trích dẫn

[Test] Trích dẫn

2 posters

Go down  Thông điệp [Trang 1 trong tổng số 1 trang]

1[Test] Trích dẫn Empty [Test] Trích dẫn Sun Oct 26, 2014 6:23 am

Panda

Panda

Quote mặc định có cái dấy nháy to đùng phía trên bên phải và cái nền xám xấu quá.

[Test] Trích dẫn Quote_10

2[Test] Trích dẫn Empty Re: [Test] Trích dẫn Wed Oct 29, 2014 10:04 am

Admin

Admin
Admin

Thêm vào CSS:

Code:
/*Xóa dấu nháy, màu nền và khung của Quote */
blockquote cite {background-color: transparent; background-image: url(); border: 0;}

https://tieudoitruong.forumvi.com

3[Test] Trích dẫn Empty Re: [Test] Trích dẫn Sat Nov 01, 2014 6:40 am

Admin

Admin
Admin

Thay cái khung bao quanh hình chữ nhật xấu xí bằng cách chèn thêm vào CSS:

Code:
/* Thay thế khung Quote mặc định */
.post-entry blockquote {background: #FFF;border: 1px solid #DDD;color: #333;position: relative;margin: 0 0 10px 10px;padding: 10px 15px!important;}
.post-entry cite{font-size:13px;font-weight:700;text-decoration:underline;background:url(//i83.servimg.com/u/f83/16/58/89/73/commen10.gif) no-repeat left 2px transparent;margin:0!important;padding:0 0 3px 20px}
.post-entry blockquote:before {content: '';display: inline-block;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 10px solid #CCC;position: absolute;top: 10px;left: -10px;height: 0;}
.post-entry blockquote:after {content: '';display: inline-block;border-top: 9px solid transparent;border-bottom: 9px solid transparent;border-right: 9px solid #fff;position: absolute;top: 11px;left: -9px;height: 0;}

[Test] Trích dẫn Quote_12

Hoặc:

Code:
/* Thay thế khung Quote mặc định */
.post-entry blockquote {background: #FFF;border: 1px solid #ffccbf;color: #333;position: relative;margin: 0 0 10px 10px;padding: 10px 15px!important;}
.post-entry cite{font-size:13px;font-weight:700;text-decoration:underline;background:url(//i83.servimg.com/u/f83/16/58/89/73/commen10.gif) no-repeat left 2px transparent;margin:0!important;padding:0 0 3px 20px}
.post-entry blockquote:before{content:'';display:inline-block;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #ffccbf;position:absolute;top:10px;left:-10px;height:0}
.post-entry blockquote:after{content:'';display:inline-block;border-top:9px solid transparent;border-bottom:9px solid transparent;border-right:9px solid #fff;position:absolute;top:11px;left:-9px;height:0}

Để cho ra khung viền màu đỏ:

[Test] Trích dẫn Quote_10



Được sửa bởi Admin ngày Sat Nov 01, 2014 9:47 pm; sửa lần 1.

https://tieudoitruong.forumvi.com

4[Test] Trích dẫn Empty [Test] Thu Nov 27, 2014 7:14 pm

Admin

Admin
Admin

Thêm liên kết đánh dấu bài trích dẫn


Giới thiệu


Khi bạn trích dẫn bài viết, code này sẽ thêm liên kết đến bài đó vào nội dung.

Demo


[Test] Trích dẫn Quote10

Hướng dẫn


Bước 1


ACP >> Display >> Pictures and Colors >> Colors >> CSS Stylesheet

Thêm vào CSS

Code:
/* Thêm liên kết đánh dấu bài trích dẫn */
.post .quoteLink{display:inline-block;height:10px;width:12px;background:url(http://i83.servimg.com/u/f83/16/58/89/73/viewpo10.png) no-repeat transparent;margin-left:3px}

Bước 2


ACP >> Display >> QLTT >> Viewtopic_body

Thêm vào cuối
Code:
<script type="text/javascript">
//<![CDATA[
$(".post a[href*='&mode=quote']").attr("href", function () {
 return this.href + "&r=" + location.pathname.replace(/\/(t\d+(p\d+)?)\-.*/, "$1");
});
$(".post a[href*='/t'][href*='-quote#']").next("br").remove().end().each(function () {
 $(this).addClass("quoteLink").attr("href", function () {
   return this.href.replace("quote", location.pathname.replace(/\/t\d+(p\d+)?-(.+)/, "$2"))
 }).appendTo($(this).next("blockquote").find("cite:first"));
});
//]]>
</script>

Bước 3


ACP >> Display >> Post & Tin nhắn >> posting_body

Thêm vào trước {SCEDITOR}
Code:
<script type="text/javascript">
 //<![CDATA[
 if (/r\=t\d+(p\d+)?/.test(location.search)) {
 $("#text_editor_textarea").val("[url=http://" + location.host + "/" + GetParam("r") + "-quote#" + GetParam("p") + "][/url]" + $("#text_editor_textarea").val());
 }
 $(".post a[href*='/t'][href*='-quote#']").next("br").remove().end().each(function () {
 $(this).addClass("quoteLink").appendTo($(this).next("blockquote").find("cite:first"));
 });
 //]]>
</script>

Nguồn: Zzbaivong

https://tieudoitruong.forumvi.com

Sponsored content



Về Đầu Trang  Thông điệp [Trang 1 trong tổng số 1 trang]

TEST » TEST » Test » [Test] Trích dẫn

Permissions in this forum:
Bạn không có quyền trả lời bài viết