[Thắc mắc về CSS] Khung viền cho Quote và Spoiler cho skin màu đen

[himawari]

Forum em skin màu đen ~ đã từng thử tạo khung cho quote nhưng nó k0 hiện khung ~ em chỉ biết mỗi cái kiểu khung "dashed".



Nên các anh-chị nào giúp em tạo khung quote và spoiler có hiện viền màu trắng đơn giản là được :")



Có gì em sẽ hậu tạ bằng cách design PTS cho 1 stock tùy ý.



Thanks trước

[LiBee KS]

Có hậu ta à ai vào giúp nà ^^ có quá.....

[batonchinsu]

Thử thêm vào CSS xem:

Code:

.postbody table{margin-left:auto;margin-right:auto;width:auto!important}.code div.cont_code{background:#f7f7f7 url(http://2img.net/i/bl/spirale.png) no-repeat;border:1px solid #8F8F8F;color:#2E8B57;display:block;font-family:Courier,CourierNew,sans-serif;font-size:.9em;font-style:normal;font-variant:normal;font-weight:normal;line-height:1.3em;margin:2px auto;max-height:200px;overflow:auto;padding-top:5px;white-space:pre!important;width:460px!important}.quote{background:#D2E4F2 url(http://2img.net/i/fa/prosilver/quote.gif) no-repeat top left;border:1px solid #d4d4d4;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:11px;line-height:125%;min-width:500px;padding:6px;text-indent:2em;width:80%}.quote .quote{background-color:#EFE0E6}.quote .quote .quote{background-color:#EBEADD}.quote table{margin:5px 16px 0}a.copyright{color:#844A21;text-decoration:none}a.copyright:hover{color:#dd6900;text-decoration:none}
.quote IMG { max-width: 650px } .quote IMG:hover { max-width: 100%}  .quote { BORDER-RIGHT: #d1d7dc 1px solid; BORDER-TOP: #d1d7dc 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #d1d7dc 1px solid; COLOR: #444444; LINE-HEIGHT: 125%; BORDER-BOTTOM: #d1d7dc 1px solid; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; BACKGROUND-COLOR: #fafafa }


/* Spoiler */
.spoiler_closed:before{content:"Click vào đây để xem nội dung ẩn"}
.spoiler_closed {
  display:block;  min-width:333px; padding:6px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #000;
  line-height: 125%;
  background-color: #FDF9C7;
  border: 1px solid #ccc;
  }
.spoiler_closed.hidden {
  display:none;
  }
.spoiler_content {
  display:block; min-width:333px; padding:6px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 11px;
  color: #000;
  line-height: 125%;
  background-color: #FDF9C7;
  border: 1px solid #ccc;
  }
.spoiler_content.hidden {
  display:none;
  }
.spoiler .genmed{background: white url(http://i66.servimg.com/u/f66/11/96/49/61/arrow_16.png) no-repeat 3px 4px !important;}

.mod_news .genmed, .postbody .genmed {
border: 1px solid #1675bc;
border-bottom: 0;
padding: 5px;
padding-bottom: 4px;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
background: white url(http://2img.net/i/fa/wysiwyg/page_white_code.png) no-repeat 3px 4px;
padding-left: 22px;}

.code, .quote {
position: relative;
padding: 5px;
font-family: Arial;
font-size: 11px;
color: #858585;
background-color: white;
border: 1px solid #1675bc;
-moz-border-radius: 0 5px 5px 5px;
-webkit-border-radius: 0 5px 5px 5px;
border-radius: 0 5px 5px 5px;}

.mod_news .code, .mod_news .quote, .spoiler_content, .spoiler_closed{
padding: 5px;
font-family: Arial;
font-size: 11px;
color: #858585;
background-color: white;
border: 1px solid #1675bc;
-moz-border-radius: 0 5px 5px 5px;
-webkit-border-radius: 0 5px 5px 5px;
border-radius: 0 5px 5px 5px;}

.spoiler_closed{padding: 1px;}

#calendar_container .quote, form[name="_calendar"] .quote{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;}

[nightWalker]

Nếu muốn thì dùng cái này:

Vào CSS >> Chèn đoạn Code này vào cuối >>

Code:

.quote{
    background-color: #FAFAFA;
color: #444;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 125%;
padding: 7px;}
div.postbody table{background: #FFFBC3 none;
border: 1px dashed #FF9C00;}
div.postbody table span.genmed{color:#777777;display:block;padding: 6px 30px 13px 30px;background: #fffbc3 url(http://cdn1.iconfinder.com/data/icons/fatcow/16x16_0440/folder_add.png) no-repeat 5px 8px;font: bold 18px Courier New}

Demo ở đây:

Code:

http://i1123.photobucket.com/albums/l552/kaluaLy/Noname-17.jpg

[himawari]

LulzSec: cảm ơn anh, cái của anh thì xài được nhưng có cách nào bỏ cái màu vàng đi k0. chỉ cần đơn giản như kiểu đóng khung chữ ký như thế này ếy. (Còn nếu k0 thì khỏi em k0 đòi hỏi nhiều)

Vdụ đóng khung:


-Nếu mún em design cứ liên lạc YH: ivan_the_winter_king

Batonchisu: thật tình cái này k0 hợp vs skin màu đen chút nào =.='' mà thôi cũng cảm ơn anh vì giúp đỡ.

[Sponsored content]