[Share] khung bài viết siêu cute (update)

[Sét]

ảnh: sưu tầm.
code: made by tui.
cách thay: ACP --> Display --> Template --> Viewtopic_body.
thay:

Code:


{postrow.displayed.MESSAGE}

bằng:
==1==
demo:

Code:

http://apteen.1forum.biz/h1-page

Code:

    <table cellSpacing="0" cellPadding="0" border="0"> <tr> <td colspan="3" style="padding: 0px"><img src="http://stc.blog.zdn.vn/themes/Themeblog6/header.gif"></td></tr> <tr> <td width="30" style="padding: 0px" background="http://i1229.photobucket.com/albums/ee472/a6_classpro/setting/bottom-left.png"></td> <td style="padding: 0px; background-color:#fdffb6" bgColor="#fdffb6" width="545">

{postrow.displayed.MESSAGE}

</td> <td width="33" style="padding: 0px" background="http://i1229.photobucket.com/albums/ee472/a6_classpro/setting/bottom-right.png"></td> </tr> <tr> <td colspan="3" style="padding: 0px"><img src="http://stc.blog.zdn.vn/themes/Themeblog6/footer.gif"></td></tr> </table>

...đang edit

[Mr.Win™]

Khung bài viết này là cái khung trả lời nhanh hả bác Sét !
Đẹp Lắm ! Vote

[Sét]

Khung bài viết này là cái khung trả lời nhanh hả bác Sét !
Đẹp Lắm ! Vote

không, khung chứa nội dung bài viết.

[hoang123]

nhưng cái khung này post ảnh bị lỗi ạ, các bác xem hộ e cái

Demo: [You must be registered and logged in to see this link.]

[Sét]

nhưng cái khung này post ảnh bị lỗi ạ, các bác xem hộ e cái

Demo: [You must be registered and logged in to see this link.]

--> chèn vào CSS

Code:

/*post body image-------------------------------------------------------------------*/
.postbody img{max-width:500px;}
.postbody img:hover{
max-width:500px;
overflow:auto;
}
.postbody img:before { content: ".";
display: block;
height: 30px;
width: auto;
}

[thienan]

Code đã thử qua...vẫn chưa hoàn thiện...vì bị Vỡ khung..Mong bạn xem lại giùm...Cảm ơn bạn nhiều..Đẹp lắm...

[You must be registered and logged in to see this image.]

[Sét]

up....

[baivong]

Khung gì mà chỉ 2 ảnh trên dưới thế

[Sét]

ây da...lỗi rồi...mod xoá dùm cái nhé.

[boyphutho]

xem tý nà

[hunghsmn]

Không biết Sét sưu tầm ở đâu mà lỗi kinh khủng luôn.
Nhưng... không sao. Các bạn cứ nhặc về đi, lỡ có lỗi thì mình sửa.
Mình bấm + cho Sét vì có công nhặc về.
Còn bây giờ các bạn vào đây lấy code đã sửa:

Code:

http://trekhuyettat.sosforum.net/h185-page

Chỉ cần thay {postrow.displayed.MESSAGE} (trong viewtopic_body) bằng code đó là được, không có CSS gì đâu.

[Sét]

ôi...tks bác Hùng nhé.^^. sẳn tiện lấy của bác luôn.

[Sét]

vẫn lỗi....cái hình trên nhỏ, không được rồi.
mod xoá đi.

[nh0k_i3u]

có lỗi gì đâu. mỗi là hơi nhỏ

[baivong]

Đành rằng khung bài viết là "siêu kute" nhưng cố định chiều ngang như thế thì chỉ thích hợp với làm bảng thông báo thôi.

[muahedaqua16]

Nếu nhiều người cùng trả lời bài viết trong 1 trang thì cái này lag kinh!
vì dùng nhiều thẻ <table> và <img> quá bạn có thể dùng code này thay thế nhé

CSS

Code:


.tren-cung{width: 610px;height: 229px;  background: url(http://stc.blog.zdn.vn/themes/Themeblog6/header.gif);}
.giua{width: 550px; background: #fdffb6 url(http://i23.servimg.com/u/f23/14/03/82/18/middle11.png);padding: 0px 30px 0px 30px;}
.duoi-cung{width: 610px;height: 114px;  background: url(http://stc.blog.zdn.vn/themes/Themeblog6/footer.gif);

Code chèn trong view_topic

Code:


<div class="tren-cung"></div>
<div class="giua">{postrow.displayed.MESSAGE}</div>
<div class="duoi-cung"></div>


Bạn thử 2 cái và sẽ thấy sự khác biệt

[hunghsmn]

Nhận xét của mình:
- Nhất trí với nhận xét của baivong.
- Nếu thấy nhỏ thì kéo rộng thêm ra không khó khăn gì nhưng vẫn là kiểu ... cố định chiều ngang.
- Thêm: Diện tích thừa ở bên trên và bên dưởi dày quá, không hợp với khung bài viết
- Có thể vận dụng làm bảng thông bào hay gì đó bằng cách sửa lại nội dung tấm ảnh bên trên và bân dưới

[coctiennau]

nhìn hơi khô khan tý,dù sao cung vote cho cái sáng tạo

[Sponsored content]