PDA

View Full Version : Đóng khung bài viết - trang trí postbit_legacy



admin
01-02-2010, 11:27 AM
*Lưu ý cái này chỉ dùng cho bản vbb 4.0 trờ lên nhá và dùng cho postbit_legacy http://www.vietvbb.vn/up/images/smilies/yahoo/hes.gif
1. Đóng khung bài viết :
Vào templates đang dùng --> Postbit templates ---> postbit_legacy tìm :


<div id="post_message_{vb:raw post.postid}">
<blockquote class="postcontent restore ">
{vb:raw post.message}
</blockquote>
</div>

Sửa lại thành :


<!-- Đóng khung bài viết -->
<div>
<table cellSpacing="0" cellPadding="0" border="0" style="width:auto">
<tr>
<td style="padding: 0px"><img src="images/quote/admin_01.gif"></td>
<td style="padding: 0px" background="images/quote/admin_02.gif"></td>
<td style="padding: 0px"><img src="images/quote/admin_03.gif"></td>
</tr>
<tr>
<td valign="top" style="padding: 0px" background="images/quote/admin_04.gif">
<img src="images/quote/admin_05.gif"></td>
<td style="padding: 0px; background-color: #ffffff" bgColor="#ffffff">
<div id="post_message_{vb:raw post.postid}">
<blockquote class="postcontent restore ">
{vb:raw post.message}
</blockquote>
</div>
</td>
<td style="padding: 0px" background="images/quote/admin_06.gif"></td>
</tr>
<tr>
<td style="padding: 0px"><img src="images/quote/admin_07.gif"></td>
<td style="padding: 0px" background="images/quote/admin_08.gif"></td>
<td style="padding: 0px"><img src="images/quote/admin_09.gif"></td>
</tr>
</table>
<!-- / Kết thúc đóng khung bài viết -->

Sau đó save lại và upload thư mục sau vào thư mục images nhá rồi f5 lại xem thành quả nào http://www.vietvbb.vn/up/images/smilies/yahoo/6.gif.
2. Trang trí cho cột thông tin thành viên thêm đẹp thêm zin :
Thêm đoạn css sao vào cuối templates postbit.css


.eti_postbit {
Padding-left: 2px;
Padding-right: 2px;
Padding-top: 2px;
Padding-bottom: 2px;
Background-color: rgb(240,240,240);
Border-top: 1px solid #dddddd;
Border-right: 1px solid #dddddd;
Border-left: 2px solid #c4c4c4;
Border-bottom: 1px solid #c4c4c4;
Margin-bottom: 3px;
}

Save lại rồi vào templates postbit_legacy trang trí nà.
Ví dụ trang trí cho "usertitle" thì chèn đoạn <div> này vào và làm tương cho các phần tiếp theo để được như hình bên dưới .


<div align="center" class="eti_postbit">
<span class="usertitle">
{vb:raw post.usertitle}
</span></div>

Đây là thẻ div trang trí cho postbit_legacy


<div align="center" class="eti_postbit">
chỗ cần trang trí </div>

Demo:
http://img.photo.zing.vn/file_uploads/gallery/1024x768/2010/02/01/11/15231264998410.jpg

Cún Con
02-02-2010, 11:55 PM
admin cho xin luôn đoạn Code chỗ đóng khung Profiles thành viên được ko?

Kid
03-02-2010, 10:16 AM
admin cho xin luôn đoạn Code chỗ đóng khung Profiles thành viên được ko?

Hình như mình có hướng dẫn cho bạn đóng khung Profiles rồi mà bạn tự đóng khung cho phù hợp với web bạn chứ ^^

hoangduykt7990
09-04-2010, 06:35 PM
CHo em hỏi, mấy cái này em không biết chèn và tìm ở đâu, nó tên gì


Tham gia ngày
Tuổi
Giới tính
Bài gởi
Cảm ơn
Cảm ơn 6 lần trong 6 Bài viết

Tìm miết trong posstbit legacy mà chả biết chỉnh cái nào hết
anh nào giúp em với!

phucit89
11-04-2010, 12:40 AM
Sao em sửa code trong potbit_galecy sao không thấy tác dụng gì hết hình như nó không nhận code giúp em với h\huhuh

sinhviennamdinh.net
11-04-2010, 12:54 AM
CHo em hỏi, mấy cái này em không biết chèn và tìm ở đâu, nó tên gì


Tham gia ngày
Tuổi
Giới tính
Bài gởi
Cảm ơn
Cảm ơn 6 lần trong 6 Bài viết

Tìm miết trong posstbit legacy mà chả biết chỉnh cái nào hết
anh nào giúp em với!

thì nó là joindate,age,post còn cái thanked,thank là bên postbit thank,cái giới tính thì phải thêm trường đấy trong prolfile trc


Sao em sửa code trong potbit_galecy sao không thấy tác dụng gì hết hình như nó không nhận code giúp em với h\huhuh

Bạn sửa ntn mới dc chứ:D

vuhongtong
11-04-2010, 12:10 PM
thì nó là joindate,age,post còn cái thanked,thank là bên postbit thank,cái giới tính thì phải thêm trường đấy trong prolfile trc



Bạn sửa ntn mới dc chứ:D

Bạn chỉ cụ thể mình cách đóng khung từng phần đc không ? Thankyou

sinhviennamdinh.net
12-04-2010, 11:07 AM
Bạn chỉ cụ thể mình cách đóng khung từng phần đc không ? Thankyou

Thì admin nói rùi đó
thí dụ thêm cho cái ngày gia nhập nhé
<vb:if condition="$post['joindate']">
<div align="center" class="eti_postbit">
<b><font color=#0000cd><dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</font></b></dd></div></vb:if>

baodrum
12-04-2010, 03:47 PM
Của tớ đoạn này nó dính hết vào level, ae ai biết tách giúp như itvnn với?
http://c.upanh.com/upload/5/7/CS0.9162654_1_1.bmp

LightHurt
09-06-2010, 02:08 PM
xin hỏi đóng khung đoạn Được cám ơn như trong hình thì bắt đầu từ đoạn code nào và kết thúc đoạn nào vậy

HTT.itvn
10-06-2010, 12:19 AM
xin hỏi đóng khung đoạn Được cám ơn như trong hình thì bắt đầu từ đoạn code nào và kết thúc đoạn nào vậy

Vào Admin CP >> Styles & Templates >> Tìm level_postbit_showlevel_legacy >> Code như sau :


<!-- Level & Class System v3.0 - Posbit -->
<dl class="userinfo_extra">
<div class="eti_postbit"><div class="level_class_legacy">
<div class="lv_tr">
<div class="lv_td">{vb:raw lv.level}</div>
</div>
<div class="class_tr">
<div class="class_td">{vb:raw class.name}</div>
</div>
<div class="exp_tr">
<div class="exp_td" style="background:transparent url(level_class/img/ExpBar.gif) {vb:raw lv.epfx} 2px no-repeat;" title="{vb:rawphrase lv_exp}: {vb:raw lv.exp}/{vb:raw lv.maxEXP} ({vb:raw lv.epf}%)">&nbsp;</div>
</div>
<div class="exp_tr">
<div class="exp_td" style="background:transparent url(level_class/img/SpBar.gif) {vb:raw lv.spfx} 1px no-repeat;" title="{vb:rawphrase lv_sp}: {vb:raw lv.sp}/{vb:raw class.maxsp} ({vb:raw lv.spf}%)">&nbsp;</div>
</div>
<div style="font-size:11px;margin-top:2px">{vb:rawphrase lv_plusmess,{vb:raw lv.userid},{vb:raw lv.plus_times},{vb:raw lv.minus_times},{vb:raw lv.total}}</div>
</div></div>
</dl>
<!-- / Level & Class System v3.0 - Posbit -->

Màu đỏ là đoạn code được thêm

P/s : Bạn hỏi thì nên kiên nhẫn mà chờ nhé , không phải spam như thế đâu đấy . Cảnh cáo lần 1 :MatCuoi (42):

LightHurt
10-06-2010, 11:37 AM
cám ơn bạn nhưng hình như bạn ko hiểu ý mình rồi, mình muốn đóng khung cái dòng " Được Cám ơn X trong Y bài viết " đó và cái level này sau khi đóng khung nó hơi lệch về bên trái so với các khung trước thì phải

HTT.itvn
10-06-2010, 10:02 PM
Bạn vào đây (http://itvnn.net/showthread.php?12851-H%C6%B0%E1%BB%9Bng-d%E1%BA%ABn-%C4%91%C3%B3ng-khung-th%C3%B4ng-tin-chi-ti%E1%BA%BFt-cho-VBB-4.x) tham khảo nhé , bài viết có hướng dẫn chi tiết về cách đóng khung từng phần trong thông tin cá nhân . Chúc bạn thành công !

LightHurt
11-06-2010, 05:05 PM
Bạn vào đây (http://itvnn.net/showthread.php?12851-H%C6%B0%E1%BB%9Bng-d%E1%BA%ABn-%C4%91%C3%B3ng-khung-th%C3%B4ng-tin-chi-ti%E1%BA%BFt-cho-VBB-4.x) tham khảo nhé . Chúc bạn thành công !

cám ơn bạn. mình đã đọc và đã làm thành công. bài viết đó của bạn rất bổ ích, nhưng mình nghĩ bài đó nên đưa link vào cuối bài này cho mọi người dễ tìm

HTT.itvn
12-06-2010, 02:58 AM
Mình đã đưa bài viết lên đầu trang trong box Mod VBB 4.0.x , nên thành viên dễ tìm mà .