[Skin] uCoz Community (Invision)[✔]

[handsomevip007]

First topic message reminder :

---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
- 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

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

*Vui lòng không sao chép bài viết này*

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}

B4:
Đặt widget như hình https://i.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) https://i.servimg.com/u/f44/15/64/85/86/cp2011.png

B5:

---

* FIX LỖI
- Fix lỗi khung Preview: Chèn thêm vào CSS

#preview{margin-left:0!important}

- Fix lỗi khung Simle: Chèn thêm vào CSS

.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}

* Mọi góp ý, báo lỗi vui lòng trả lời dưới topic này  
- Fix lỗi chatbox: Thêm vào cuối CSS

Code:

#chatbox_messenger_form input#message {
  background: #FFF!important;
  padding: 5px;
  border: 0;
  border-radius: 3px;
  margin: 0 10px 0 -95px;
  width: 450px;
}
#chatbox_messenger_form .fontbutton, #chatbox_messenger_form #submit_button, #chatbox_messenger_form #help-button {
  border: 2px solid #FFF!important;
  background-color: #0076b1;
  color: #FFF!important;
  padding: 1px;
}
#chatbox_messenger_form #submit_button {
  padding: 4px 6px;
  height: 26px;
  width: 100px;
  cursor: pointer;
}
#chatbox_messenger_form #divcolor-preview {
  width: 20px;
  height: 20px;
  margin: -14px 0 0 -1px;
  border: 0;
}
.chatbox {
  background: #FFF!important;
}

Viết bởi handsomevip007 - A14 Tôi yêu

[vErZwEiFlUnGx]

Thanks !

[_Alexander_]

phóng to khung avatar sao thế ?!?

[handsomevip007]

Tìm trong CSS

Code:

.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;
}

Tùy chỉnh

Code:

max-width: 80px;
max-height: 80px;

[_Alexander_]

thank hand

[_Alexander_]

hình là 4rum mình dùng skin này nhưng ko dùng dc BBCODE, và vậy nữa


mong dc giải đáp

[_Alexander_]

UP lần 1 cho dc trợ giúp

[handsomevip007]

Về vấn đề box: ACp>>Display>>Homepage>>Structure and hierarchy>>Split categories on index>>Medium
Về vấn đề BBCode: Bạn vui lòng kiểm tra lại cái script đã cài đặt trong forum của bạn. Bởi skin mình hoàn toàn là CSS

[_Alexander_]

4rum chỉ dùng colorbox + thông điệp và cái avatar gì đó, đâu có động đến BBCODE

[handsomevip007]

4rum chỉ dùng colorbox + thông điệp và cái avatar gì đó, đâu có động đến BBCODE

Thế bạn nghĩ CSSS thì đụng?! Bạn có chắc các script đó không xung đột không?

[rockmanvnx6]

4rum chỉ dùng colorbox + thông điệp và cái avatar gì đó, đâu có động đến BBCODE

Thế là có script rồi , mà 1 khi đã có script thì rất có khả năng gây ra ảnh hưởng đến cái BBCODE . Bạn biết cái BBCODE đấy cấu tạo nó cũng từ script mà ra không . Cái Giao diện của thím hands được viết = 100% CSS nhé , mà CSS là code liên quan đến giao diện chứ không liên quan đến đến BBCODE cho nên đừng có mà đổi tội cho cái skin

[_Alexander_]

4rum chỉ dùng colorbox + thông điệp và cái avatar gì đó, đâu có động đến BBCODE

Thế bạn nghĩ CSSS thì đụng?! Bạn có chắc các script đó không xung đột không?

Colorbox IFC
Thông điệp yêu thương.

theo mình nghĩ ko xung đôt đến bbcode

[lucvuro]

cho xem cái nào

[jerry155]

xem

[freepro2101]

tks nhe

[moke2]

https://i.servimg.com/u/f82/15/64/85/86/77458810.jpg

ai biết giúp dùm em nha thanks

[handsomevip007]

https://i.servimg.com/u/f82/15/64/85/86/77458810.jpg

ai biết giúp dùm em nha thanks

Link forum

[Lùn Lì Lợm]

Skin đẹp

[tietkhanhduy1995]

thanks

[Chúa Tể Địa Ngục]

b5 táo tợn quá anh hand ơi^^

[dr.phuong]

Mình click vào bước 5 và nhận được thông báo này A browser error occured [Error #230], please contact the technical support.
Bạn ơi bạn có thể giúp mình chỉnh cái thanh như hình dưới thành màu xanh được không.
https://i.servimg.com/u/f72/15/64/85/86/demo12.jpg

[MR.Rồng]

cho xem nào

[anhdaodaica1]

@dr.phuong: ảnh có height trên 1000px hoặc width trên 2000px thì ko nên upload tại servimg  ~

[kingkingpy]

......

[uesxohxi]

Giao diện hay quá, cho xin với nhé

[KillAlt1.0]

Skin này quá đủ cho một Admin, đơn giản, gọn, nhẹ , không màu mè giống như mấy skin rip.
P/s: Xem chùa không Like khà khà khà khà.

[Tôn Ngộ Không]

thanks!

[subin217]

chủ thớt chỉ em fix với, đã chèn vào CSS mà vẫn thế

[handsomevip007]

@subin: Đã sửa lại code. Xem ở trên

[dovankietpro]

Chủ thớt ơi giúp mình chỗ bị che mất chữ và rank với!

[subin217]

#179 của bạn chắc tại chữ nhiều qúa, cái ảnh rank to quá nên bị như thế ấy

[Sponsored content]