Khung thông báo cho Xenforo

[PVS]

Sau đây mình sẽ hướng dẫn các bạn làm 1 style mới cho notice của xenforo, cũng khá ấn tượng, các bạn xem thử nhé.

Thêm code sau vào template EXTRA.css

.testnoticeouter{
background-size: 40px 40px;
background-image: linear-gradient(135deg, rgba(255, 255, 255, .05) 25%,
transparent 25%,
transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%,
transparent 75%, transparent);
box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
border: 1px solid #3b8eb5;
border-radius: 4px;
color: #fff;
padding: 15px;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
background-color: #4ea5cd;
}
.testnoticeinner {
box-shadow: inset 0 -1px 0 rgba(255,255,255,.4);
border: 1px solid #3b8eb5;
color: #fff;
padding: 15px;
text-shadow: 0 1px 0 rgba(0,0,0,.5);
background-color: #4ea5cd;
}
#Notices.PanelScroller .scrollContainer {
border: none !important;
background: none !important;
}

#Notices.PanelScroller .panel, .PanelScrollerOff .panel {
background: transparent !important;
}

Để hiển thị notice bạn chèn code sau vào chỗ cần hiện

<div class="testnoticeouter"><div class="testnoticeinner">
<p>Điền notice của bạn tại đây.</p>
</div></div>

Demo:

​

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

Nguồn: congngheaz.com​

 

[susupham]

Để hiển thị notice bạn chèn code sau vào chỗ cần hiện
Mã:
<div class="testnoticeouter"><div class="testnoticeinner">
<p>Điền notice của bạn tại đây.</p>
</div></div>

cái này chèn ở đâu vậy, vd như hình bạn up thì mình phải chèn vào thẻ nào

 

[sangpham]

<div class="testnoticeouter"><div class="testnoticeinner">
<p>Điền notice của bạn tại đây.</p>
</div></div>
code này chèn vào templates nào vậy ? @PVS @THB