Làm gọn thẻ code trong bài viết ?

[anhchienxdd2]

Tớ tìm mãi trong diễn đàn mà ko thấy bài nào nói.Chẳng là Khi Tớ gắn nội dung vào thẻ [code] thì bài viết bị vỡ khung do thẻ code lớn quá.Các Bạn có các nào giúp nó bé lại chút không ạh? Cảm ơn nhiều.

[hunghsmn]

Trong CSS có đoạn này:

Code:

.code{
    font-family: Courier,Courier New,sans-serif;
    font-size: 11px;
    color: #006600;
   background-color: #fafafa;
    border: #d1d7dc;
    border-style: solid;
   border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px}

Bạn thêm vào dòng này nữa: max-width: 600px; Trong đó 600px là chiều rộng do tối đa, bạn sửa lại theo ý thích. ( nhớ có dấu ; ở cuối và thêm vào giữa nhé)

Còn đây CSS thẻ code của mình để bạn tham khảo:

Code:

.code{
    font-family: Courier,CourierNew,sans-serif;
    font-size: 11px;
    color: #00600;
   background-color: #fcf9d8;

            padding:10px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            text-align: justify;
            font-weight: Bold;
            background-image:url('http://i66.servimg.com/u/f66/14/26/60/46/backgr11.jpg');
            max-width: 600px;

    border: #0000FF;
    border-style: solid;
    border-left-width: 1px;
    border-top-width: 1px;
    border-right-width: 3px;
    border-bottom-width: 3px;
}


[baivong]

Một kiểu khác:

Code:

.code {
  max-width:450px;
  display:block;
  font: 1em 'Courier New', Fixed, monospace;
  font-size : 100%;
  color: #666666;
  background : #fff url(http://a.imageshack.us/img178/1307/prepb3.jpg) repeat left top;
  overflow : auto;
  text-align:left;
  border : 1px solid #99cc66;
  padding : 0px 0px 0 30px;
  margin:1em 0 1em 0;
  line-height:17px;
}


[hunghsmn]

Kiểu này đẹp, yêu cầu 08sh chuyển ngay thanh cuộn ra sát biên phải:

[baivong]

Đã chuyển

[hunghsmn]

Đã chuyển

Hi, có thế chứ , để mình sửa dùm thì còn ra gì nữa.

[baivong]

Ah quên, cháu vừa đăng 1 bài giới thiệu 4r ddtt mà chưa hỏi ý bác

Code:

http://www.08sh.tk/t448-topic

[hunghsmn]

Sướng quá đi thôi.!
Mình chưa nghĩ ra làm gì để "Có qua có lại" đây

[baivong]

Trc đây cháu chỉ làm 4r game nên không đăng được, bây giờ đăng trên 4r lớp chắc thực tế hơn
Bác đừng "có qua có lại" nhé, khi nào cháu làm được cái gì bự bự thì cháu sẽ đòi bác sau

[[k]u[b]in]

Mong bác hùng giúp cháu cái size ảnh.
cháu làm theo trên chinh phục thì nó vẫn không chỉh ảnh nhỏ lại mà nó còn làm hỏng cả cái topic_body

[hunghsmn]

Mong bác hùng giúp cháu cái size ảnh.

Hix, bác đâu có giỏi vậy. Của bác chẳng phải làm gì hết. Măc định nó ở đây rồi: Quản lý tổng thể => Messages and e-mails => Cấu hình diễn đàn => Images resize : chả phải CSS gì cho mệt. CSS thì bác dốt đặc cán mai. Để các bạn khác chỉ

[[k]u[b]in]

Mong bác hùng giúp cháu cái size ảnh.

Hix, bác đâu có giỏi vậy. Của bác chẳng phải làm gì hết. Măc định nó ở đây rồi: Quản lý tổng thể => Messages and e-mails => Cấu hình diễn đàn => Images resize : chả phải CSS gì cho mệt. CSS thì bác dốt đặc cán mai. Để các bạn khác chỉ

cách này cháu đã thử lâu rồi. nhưg không được nên. cháu mới hỏi cách bằng Css

[cunnho]

Ai giúp mình làm ishop như thế với.
http://www.thptanlao.com/h16-ishop

[anhchienxdd2]

Cảm Ơn Các Bác Nhiều.

[lee196]

Ai giúp mình làm ishop như thế với.
http://www.thptanlao.com/h16-ishop

Ừk ai nói cách làm đi hướng dẫn cụ thể nhé

[Sponsored content]