[Thắc mắc] Xin code về khung Trích dẫn và Spoiler[✔]

[Tin VIP]

Hiện tại Admin cũ mình làm code khung Trích dẫn và Spoiler nhìn không đẹp và rắc rối mà mình không biết xoá ở đâu mong mấy bạn giúp đỡ.

Và mình xin code khung Trích dẫn và khung Spoiler giống hoặc khác gọn đơn giản.

Demo hiện tại:

[Kid Knight]

cái đó là code vs quote mà

tìm trong css và xóa đi

Code:

blockquote{-moz-border-bottom-colors:none;-moz-border-image:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:url(http://i44.servimg.com/u/f44/15/64/85/86/quote10.gif) no-repeat scroll 0 0 #FDF9F9;border-color:#E7BABA;border-style:solid;border-width:1px 1px 1px 20px;color:#C25252;margin:10px 0 10px 10px;overflow:auto;padding:28px 10px 10px;width:80%}blockquote:hover{background:url(http://i44.servimg.com/u/f44/15/64/85/86/quote-13.gif) no-repeat scroll 0 0 #FFF}.codebox{-moz-border-bottom-colors:none;-moz-border-image:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;background:url(http://i44.servimg.com/u/f44/15/64/85/86/code10.gif) no-repeat scroll 0 0 #F5F8FA;border-color:#D7E8F0;border-style:solid;border-width:1px 1px 1px 20px;color:#000;font-family:Tahoma,Courier,monospace;font-size:13px;font-style:normal;font-variant:normal;font-weight:normal;line-height:16px;margin:10px 0 10px 10px;max-height:500px;min-height:16px;overflow:auto;padding:28px 10px 10px;width:80%}.codebox:hover{background:url(http://i44.servimg.com/u/f44/15/64/85/86/code-h10.gif) no-repeat scroll 0 0 #FFF}


[Tin VIP]

Đã xoá được mà demo sau khi xoá:



Mong Mod cho code khác gọn đẹp hơn ạ !

[Kid Knight]

do bạn chưa add css mới thôi, quăng cái demo như đổ thừa m

quăng link forum bạn lên đây

[Tin VIP]

do bạn chưa add css mới thôi, quăng cái demo như đổ thừa m

quăng link forum bạn lên đây

Link forum đây: http://www.yukimono.tk/forum

Mong giúp đỡ !

[úT Lì]

kiếm code mới chọn thích add vào @@

[Tin VIP]

Tìm ko ra, có ai giúp tìm cái css đóng khung cho punbb đi @@

[pro_qng]

Tìm ko ra, có ai giúp tìm cái css đóng khung cho punbb đi @@

đóng khung gì , chữ ký , bài viết , avatar , hay cái gì , nói chung chung thế sao biết

[Tin VIP]

Tìm ko ra, có ai giúp tìm cái css đóng khung cho punbb đi @@

đóng khung gì , chữ ký , bài viết , avatar , hay cái gì , nói chung chung thế sao biết

Tiêu đề đó bạn, đóng khung trích dẫn, spoiler

[pro_qng]

Code:

/*post body image-*/

.codebox.contcode{
background:white;
padding:5px;
border:2px solid #DDD;
border-right:2px solid #F40;
max-width:50%;
box-shadow:2px 2px 5px #EBEADD
}
.hidecode dt+dd dt {
display: block;
}
.codebox dt{
color:#F40!important;
background:#FFF!important;
border-bottom:2px solid #F40;
}
.codebox dt {
background-color: #FDDBCC;
background-image: url(http://2img.net/i/fa/invision/css_img_code.gif);
background-position: top right;
background-repeat: no-repeat;
display: block;
font-weight: 700;
padding: 3px;
text-transform: uppercase;
}
.codebox dd{
border:0;
  background: white;
}
.codebox {
 background: white;
padding: 5px;
border: 2px solid #DDD;
border-right: 2px solid #F40;
max-width: 800px;
box-shadow: 2px 2px 5px #EBEADD;
}
.hidecode > dd {
max-height: 200px;
}
blockquote {
margin: 0 10px;
margin-bottom: 10px;

background: #f3f3f3 none;

border: 1px dashed #000;
font: normal 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
position: relative;
top: 0;
  padding: 5px 10px 5px 10px;
}


.spoiler{
background:#FFF;
border:2px solid #DDD;
border-left:2px solid #00A5CD;
box-shadow:2px 2px 5px #EBEADD
}
.spoiler dt{
background:transparent;
border-bottom:2px solid #00A5CD;
color:#00A5CD;
}
.spoiler>dt:after{
content:"â–¼ Click để xem";
float:right;
}
.main .main-head .page-title {
color: #fff;
text-decoration: none !important;
font-size: 15px;
font-weight: bold;
line-height: 15px !important;
  padding: 4px 4px;
font-weight: bold;
}

/* Khung quote */
.postmain blockquote, blockquote {
-moz-box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
background: url(http://cros.forumf.biz/users/2012/10/88/45/album/quote110.png);
border: 1px solid #CCC!important;
box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
color: #495D68;
margin: .5em;
padding: 0!important;
}
blockquote{background-color:#EDF7FF!important;border:1px dashed #000000!important;padding:5px!important}blockquote cite{background-color:#E4E6E4;box-shadow:1px 1px 1px;display:inline!important;margin:2px 10px 2px 2px !important;padding:5px 5px 0}



xài cái này nhé khá đẹp + Vote câu hay nhất dùm mình

[Tin VIP]

Qúa đẹp, like :v

Nhưng font chữ to quá, xung đột code chữ Category ngoài trang chủ, chỉ cách fix

Demo: http://www.yukimono.tk/forum

[pro_qng]

đã test vẫn bt bạn ơi

[Tin VIP]

Demo lúc đầu chưa add code ( Thanh box và tên Category NHỎ )



Demo sau khi add code (Thanh box và tên Category TO HƠN )

[pro_qng]

chắc trong css của bạn có vài code tương tự nên sẽ bị như thế ,chứ mình test trên forum mình vẫn bt mà

[Tin VIP]

Vậy bạn có cách fix không

[pro_qng]

phai vào css của bạn xem thử có đoạn nào bị trùng không ? nếu tùng thì xóa đi

[Tin VIP]

phai vào css của bạn xem thử có đoạn nào bị trùng không ? nếu tùng thì xóa đi

Không có trùng, vậy h làm sao ?

[Sponsored content]