- Tham gia
- 28/02/2015
- Bài viết
- 16,829
- Được Like
- 12,688
H1 Board Title Enhancement - Cải tiến tiêu đề H1 Board (chỉ index) v1
Tóm tắt: Điều này sẽ cung cấp cho tiêu đề board của bạn một hình ảnh mà tôi nghĩ có vẻ tốt đẹp. Đây là sử dụng gradient css3 và hình ảnh cho trình duyệt cũ hơn.
Cài đặt: Tải hình ảnh trong archive vào folder /gradients của bạn và sau đó dán đoạn mã sau vào template EXTRA.CSS của bạn.
Chúc các bạn thành công.
Tóm tắt: Điều này sẽ cung cấp cho tiêu đề board của bạn một hình ảnh mà tôi nghĩ có vẻ tốt đẹp. Đây là sử dụng gradient css3 và hình ảnh cho trình duyệt cũ hơn.
Mã:
/* BOARD TITLE INDEX ONLY ENHANCEMENT */
.forum_list .titleBar h1 {
background: url("@imagePath/xenforo/gradients/h1-title.png") repeat-x scroll bottom #ffcd46; /* Old browsers */
background: -moz-linear-gradient(top, #ffcd46 0%, #ffa916 50%, #f98700 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcd46), color-stop(50%,#ffa916), color-stop(100%,#f98700)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffcd46 0%,#ffa916 50%,#f98700 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffcd46 0%,#ffa916 50%,#f98700 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffcd46 0%,#ffa916 50%,#f98700 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffcd46 0%,#ffa916 50%,#f98700 100%); /* W3C */
border: 1px solid #5c3200;
border-radius: 4px;
box-shadow: 0 0 1px #ffffff inset;
color: #fff !important;
padding: 10px 10px;
text-shadow: 0 0 0 transparent, 0 1px 2px #6a3900;
text-align: center;
}
/* BOARD TITLE INDEX ONLY ENHANCEMENT */
Chúc các bạn thành công.
Nguồn: xenforo.com
Đính kèm
Bài viết liên quan