 | ---oOo---
* DEMO
http://farm9.staticflickr.com/8422/7745881450_d33a418537_k.jpg
http://farm8.staticflickr.com/7133/7745881148_3e2af84660_h.jpg
http://skin-ucoz.cuongpham.vn/
* TÍNH NĂNG
- Last topic Invision ver.2
- Phân biệt 2 lượt trả lời liên tiếp trong topic hehe
- Style chatbox khác mặc định
* HẠN CHẾ
- Còn lỗi với chuyên mục dạng Blog
* HƯỚNG DẪN CÀI ĐẶT
- Code:
B1: Download File và giải nén http://www.mediafire.com/?nuy1cw7p0otrnth
B2: ACp>>Display>>Quản lý giao diện>>Themes management>>Import the skin>>Tìm và chọn File Skin-uCoz-Community.bbtheme trong File vừa download về>>Import
B3: Thay toàn bộ CSS bằng CSS sau
- Code:
/*Tổng quan*/
.module.module-advert {
opacity: 0.5;
}
.postprofile-details.postdetails dt a:last-child,
#main-title,#site-desc,td[colspan]:empty {
display: none;
}
a:link,a:active,a:visited{
text-decoration:none!important
}
body {
background:url(http://i35.servimg.com/u/f35/16/55/88/76/bg10.gif) fixed;
width: 990px!important;
margin-left: auto;
margin-right: auto;
}
#logostrip {
padding-top: 53px;
background: transparent!important;
}
/*Chatbox*/
#chatbox_footer label input {
border-radius: 4px;
border: 1px solid white;
width: 590px;
color: white;
height: 21px;
}
[id^="div"] {
background: white;
border: 1px solid white;
}
[id^="div"]:hover {
background: #44ADFF;
}
#divcolor {
width: 32px;
}
#chatbox_footer label {
color: transparent!important;
}
#frame_chatbox {
width: 1000px;
}
#chatbox_members {
margin-left: -5px;
}
#chatbox_header {
width: 947px;
margin-left: -5px;
}
#chatbox_footer {
width: 937px;
}
#chatbox {
width: 766px;
}
/*Topic*/
.qreply {
background: none;
}
.dd-textarea textarea {
border:1px solid #DDD!important;
}
.qreply .dd-textarea{
margin-left:-113px!important;
width:954px!important;
}
.qreply #text_editor_controls {
border-radius:5px 5px 0 0;
margin-bottom: -6px;
margin-left: -113px;
width: 944px;
background: whiteSmoke;
border: 1px solid #DDD;
padding: 5px;
}
.qreply .button2{
margin-right:-7px!important;
border:1px solid #DDD!important;
background-image:none!important;
padding:4px!important;
}
.qreply .button2:hover {
background:#DDD;
}
.right.rtl-inversion-right {
background: #F1F8FE;
border: 1px solid #B5D7F4;
padding: 0 5px 5px 5px;
border-radius: 5px;
}
.right.rtl-inversion-right strong:first-child::after {
color: red;
content: "Quyền hành của bạn tại box này";
font-size: 14px;
}
.right.rtl-inversion-right strong:first-child {
display: block;
font-size: 0;
margin-bottom: -16px;
width: 251px;
}
.posting-options.topic-options {
min-height: 16px;
}
.post-info li+li {
margin-top: 6px;
text-align: right;
width: 100px;
color: #1E68C4;
font-weight: bold;
}
.popupmenu-item {
text-align: left;
}
.post{
margin-left:-52px
}
[id^="p"]:nth-child(2n) .post-container::before,[id^="p"]:nth-child(2n+1) .post-container::before {
content: url(http://i35.servimg.com/u/f35/16/55/88/76/post-t10.png);
border-right: 1px solid #F1F8FE;
height: 18px;
width: 10px;
display: block;
margin: 44px 0 0 -10px;
position: absolute;
}
[id^="p"]:nth-child(2n+1) .post-container::before {
content: url(http://i35.servimg.com/u/f35/16/55/88/76/post-t11.png)
}
.post-entry {
border-top: 1px solid white;
margin: 0;
padding: 10px 15px;
}
.post .post-header {
border-bottom: 1px solid #D7D7D7;
background: transparent;
}
.postprofile .post-header{border:0}
[id^="p"]:nth-child(2n) .post-footer,[id^="p"]:nth-child(2n) .post-container {
background: #F1F8FE;
}
[id^="p"]:nth-child(2n+1) .post-footer,[id^="p"]:nth-child(2n+1) .post-container {
background: #F4F4F4;
}
[id^="p"]:nth-child(2n+1) .post-container {
border:1px solid #D6D6D6
}
[id^="p"]:nth-child(2n) .post-container {
border:1px solid #B5D7F4
}
.post-container {
border-radius:5px 5px 0 0;
border: 1px solid #B5D7F4;
border-bottom: 0;
}
.post-footer {
border-radius: 0 0 5px 5px;
border: 1px solid #B5D7F4;
margin-left: 216px;
border-top:1px solid #FFF;
}
.popmenubutton-new-out a {
background: transparent;
border: 0;
}
.postprofile-head.post-header {
background: transparent;
position: absolute!important;
text-align: center;
width: 200px;
}
.postprofile-details.postdetails dt a img[src][alt] {
margin-top: 16px;
padding: 1px;
vertical-align: middle;
border:3px double #C6C6C6;
border-radius: 5px;
max-width: 80px;
max-height: 80px;
}
.postprofile-details.postdetails {
font: 11px/16px 'Arial';
text-align: center;
}
.post {
border-bottom: 35px solid transparent;
background: transparent!important;
}
.maintitle.floated+.post {
margin-top: 25px;
}
/*Nav*/
div.pagination b {
font-weight: normal;
background:#4991DF!important;
font-size: 14px;
padding: 3px 7px;
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.22);
border-radius: 3px;
}
.pagination.topic-options {
color: transparent;
}
ul + .pagination.topic-options {
margin: 39px 0 0 7px;
position: absolute;
}
#userlinks {
height: 0;
padding: 0;
border: 0;
overflow: hidden;
}
#navstrip {
position: absolute;
margin:9px;
}
#userlinks p{
font-size: 0;
text-align: center;
padding: 5px;
background: url(http://i35.servimg.com/u/f35/16/55/88/76/footer10.gif);
border: 1px solid #2F72B0;
border-radius: 5px;
height: 20px;
margin-left: 753px;
overflow: hidden;
position: absolute;
top: 68px;
width: 200px;
}
#userlinks p strong {
font-size: 12px;
color: white;
}
#userlinks p strong::before {
font-weight: normal;
content: "Chào ";
}
#submenu a:hover{
background-color: transparent!important;
}
#submenu a{
color:#FFF!important;
text-shadow:0 1px 0 rgba(0,0,0,.37);
font-weight: bold;
}
#submenu a:hover{
color:#B9B9B9!important
}
#submenu .clearfix {
text-align: center;
}
#submenu {
height: 22px;
top: 0;
left: 0;
width: 100%;
position: absolute;
background: url(http://i35.servimg.com/u/f35/16/55/88/76/topmen10.gif);
}
/*Index box*/
.last.post-info {
width: 230px;
}
div.maintitle .contract, div.maintitle .expand {
margin: 9px 9px 0 0;
background: url(http://i35.servimg.com/u/f35/16/55/88/76/minus10.png);
height: 16px;
width: 16px;
}
div.maintitle .expand {
background:url(http://i35.servimg.com/u/f35/16/55/88/76/plus10.png)
}
.ipbtable th.forum {
padding-left: 46px;
}
.ipbtable thead th {
font-weight: normal;
height: 34px;
background: white;
border-bottom: 1px solid #E8E8E8;
}
.ipbtable td[class$="centered"]{
border-left: 1px solid #E8E8E8!important;
border-right: 1px solid #E8E8E8!important;
}
.ipbtable.index-box .row2.centered {
border-left: 0!important;
}
.ipbtable td {
background: white!important;
border-bottom: 1px solid #E8E8E8!important;
}
.borderwrap {
box-shadow:0 0 2px rgba(0, 0, 0, 0.18);
border-radius: 10px;
border:1px solid #E7E7E7;
padding:35px 10px!important;
}
.maintitle.floated.clearfix h2,.maintitle h3 {
margin-left: 37px;
}
.borderwrap .maintitle{
padding: 0 2px;
font: bold 14px/35px 'Arial';
color: dimGray;
text-shadow: 0 1px 0 white;
background:#EFF0F0;
border: 1px solid #D7D7D7 !important;
border-radius: 5px;
}
.borderwrap .maintitle h2::before,.borderwrap .maintitle h3::before {
content: url(http://i35.servimg.com/u/f35/16/55/88/76/plashk10.png);
position: absolute;
margin:15px 0 0 -47px
}
/*CSS hóa button*/
input[id="find_user"],input[type="submit"],.post-icon>a[href*="/privmsg?mode=post"],a[href*="mode=reply"],a[href*="mode=newtopic"]{
width: auto;
height: 25px;
padding: 5px 14px;
background: #357AE8 url(http://i35.servimg.com/u/f35/16/55/88/76/footer10.gif);
background-position: 0 0px;
border:1px solid #026ABB;
border-radius: 5px;
color:#FFF!important
}
.post-icon>a[href*="/privmsg?mode=post"]:hover,a[href*="mode=reply"]:hover,a[href*="mode=newtopic"]:hover,input[id="find_user"]:hover,input[type="submit"]:hover{
background-position: 0 -9px!important;
}
#scroll a,.post-icon>a[href*="/privmsg?mode=post"],a[href*="topic?thank"],.post a[href="#top"],a[href*="mode=post_profile"],a[href*="mode=reply"],a[href*="mode=newtopic"],a[href*="merge?t="],a[href*="cp?mode=split"],a[href*="cp?mode=lock"],a[href*="cp?mode=move"],a[href*="cp?mode=trash"],a[href*="cp?mode=delete"],a[href*="cp?mode=unlock"],a[href*="mode=unlock&p"],a[href*="mode=lock&p"],a[href*="mode=report"],a[href*="&mode=delete"],a[href*="mode=editpost"],a[href*="mode=quote"]{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
white-space:nowrap;
color:#6b6b6b;
padding: 5px;
margin: 3px;
font-weight: bold;
}
#scroll a:hover,.post-icon>a[href*="/privmsg?mode=post"]:hover,a[href*="topic?thank"]:hover,.post a[href="#top"]:hover,a[href*="mode=post_profile"]:hover,a[href*="mode=reply"]:hover,a[href*="mode=newtopic"]:hover,a[href*="cp?mode=unlock"]:hover,a[href*="merge?t="]:hover,a[href*="cp?mode=split"]:hover,a[href*="cp?mode=lock"]:hover,a[href*="cp?mode=move"]:hover,a[href*="cp?mode=trash"]:hover,a[href*="cp?mode=delete"]:hover,a[href*="mode=unlock&p"]:hover,a[href*="mode=lock&p"]:hover,a[href*="mode=report"]:hover,a[href*="&mode=delete"]:hover,a[href*="mode=editpost"]:hover,a[href*="mode=quote"]:hover{
color:#1E68C4!important;
}
.post-icon>a[href*="/privmsg?mode=post"],a[href*="mode=reply"],a[href*="mode=newtopic"]{
font:bold 14px Arial,sans-serif!important
}
a[href*="mode=quote"]:before{content:"❝ Trích dẫn"}
a[href*="mode=editpost"]:before{content:"✎ Sửa"}
a[href*="&mode=delete"]:before{content:"✖ Xóa"}
a[href*="mode=report"]:before{content:"✆ Báo xấu"}
a[href*="mode=lock&p"]:before{content:"✇ Chặn"}
a[href*="mode=unlock&p"]:before{content:"✓ Cho phép báo xấu"}
a[href*="cp?mode=delete"]:before{content:"✘ Xóa chủ đề"}
a[href*="cp?mode=trash"]:before{content:"⌧ Cho vào sọt"}
a[href*="cp?mode=move"]:before{content:"✄ Di chuyển"}
a[href*="cp?mode=lock"]:before{content:"✇ Khóa chủ đề"}
a[href*="cp?mode=split"]:before{content:"✂ Tách bài viết"}
a[href*="merge?t="]:before{content:"✁ Gộp bài viết"}
a[href*="cp?mode=unlock"]:before{content:"☑ Mở khóa chủ đề"}
a[href*="mode=post_profile"]:before{content:"✍ Viết lên tường"}
a[href*="mode=newtopic"]:before{content:"✑ Tạo chủ đề mới"}
a[href*="mode=reply"]:before{content:"✏ Trả lời chủ đề"}
.post a[href="#top"]:before{content:"▲ Lên"}
a[href*="topic?thank"]:before{content:"★ Chọn làm câu trả lời hay nhất ❤"}
.post-icon>a[href*="/privmsg?mode=post"]:before{content:"✉ Viết thư mới"}
/*Last topic cho Invision ver.2*/
#left{clear:none!important;width:100%!important;float:none!important;counter-reset:stt}
#left .module.borderwrap:nth-child(1){margin-right:2px;width:220px;float:left}
#left .module.borderwrap:nth-child(1) .box-content{background:white}
#left .module.borderwrap:nth-child(3){width:704px;float:left}
#left .module.borderwrap:nth-child(3) a + br,#left [style="height:11px"]{display:none}
#left .module.borderwrap:nth-child(3) .box-content{overflow:hidden;height:281px;background:white}
#left .module.borderwrap:nth-child(3) .box-content:hover{overflow:auto}
#left .module.borderwrap:nth-child(3) .box-content a[href^="/t"]{margin-bottom:15px;width:342px;float:left;overflow:hidden;height:14px}
#left .module.borderwrap:nth-child(3) .box-content a[href*="/u"]{margin-bottom:15px;margin-left:-30px;background:white;width:157px;display:inline-block;padding-left:15px}
#left .module.borderwrap:nth-child(3) .box-content a[href*="/u"] img{margin-top:-16px}
#left .module.borderwrap:nth-child(3) .box-content a[href^="/t"]::before{content:counter(stt)".";counter-increment:stt;width:20px;display: inline-block;text-align:right}
[summary*="Top post"] tr{height:25px}
[summary*="Top post"] td{background:#FFF!important;border:0!important}
#left .module.borderwrap{width:937px;float:left}
Bước 4:
- Code:
Đặt widget như hình http://i44.servimg.com/u/f44/15/64/85/86/cp1911.png
Bạn có thể tùy chọn cái Widget sau thay cho Top postin users this week (nếu thích) http://i44.servimg.com/u/f44/15/64/85/86/cp2011.png
Bước 5:
- Code:
Tận hưởng thành quả :p
* FIX LỖI
- Fix lỗi khung Preview: Chèn thêm vào CSS
- Code:
#preview{margin-left:0!important}
- Fix lỗi khung Simle: Chèn thêm vào CSS
- Code:
.smileys{width:202px!important}
- Fix lỗi Câu trả lời hay nhất:
Vao ACp>>Display>>Color>>Thanked message background color>>Gõ dấu # vào ô mã màu>>Chấp nhận
Chèn thêm vào CSS
- Code:
.post-container[style*="#;"] {
background-image: url(http://icons.iconarchive.com/icons/saki/nuoveXT/128/Actions-ok-icon.png)!important;
background-repeat: no-repeat!important;
background-position: right center!important;
}
- Fix lỗi trong trang chỉnh sửa lý lịch: Chèn thêm vào CSS
- Code:
script[src$="/passwordStrengthMeter.js"] + #navstrip{display:none} | |
![[Skin] uCoz Community (Invision) Banner13](https://i.servimg.com/u/f21/18/29/56/89/banner13.jpg)
