• Downloading from our site will require you to have a paid membership. Upgrade to a Premium Membership from 10$ a month today!

    Dont forget read our Rules! Also anyone caught Sharing this content will be banned. By using this site you are agreeing to our rules so read them. Saying I did not know is simply not an excuse! You have been warned.

Attractive User Info Boxes for Posts

Admin

Well-Known Member
Staff member
Administrator
kk7l.png

This mod will allow you to create attractive custom containers for your member's user info in postbit. For example, Join date, post count, location, thanks etc.

See screenshot in attachments for example.

First, you need to add a class to your additional.css files.

Go to styles and templates > edit templates > css templates > additional.css

Add to the bottom:
HTML:
.postbitboxes {

color:white;
display:inline-block;
padding:3px;
padding-left:7px;
margin:2px;
border:1px solid #000000;
border-radius:5px;
background-color:#2b2b2b;
width:90%;
box-shadow: 2px 2px 1px #888888;

}

Change color, width, and background-color to suit your sites needs.

Now you need to make some edits to your postbit_legacy template.

Go to styles and templates > edit templates > postbit templates > postbit_legacy

Find:
HTML:
<dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd>

Change it to:
HTML:
<div class="postbitboxes">
<dt>{vb:rawphrase join_date}</dt> <dd>{vb:raw post.joindate}</dd>
</div>


Find:
HTML:
<dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd>

Change it to:
HTML:
<div class="postbitboxes">
<dt>{vb:rawphrase location_perm}</dt> <dd>{vb:raw post.field2}</dd>
</div>


Find:
HTML:
<dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd>

Change it to:
HTML:
<div class="postbitboxes">
<dt>{vb:rawphrase age}</dt> <dd>{vb:raw post.age}</dd>
</div>


Find:
HTML:
<dt>{vb:rawphrase posts}</dt> <dd>{vb:raw post.posts}</dd>

Change it to:
HTML:
<div class="postbitboxes">
<dt>{vb:rawphrase posts}</dt> <dd>{vb:raw post.posts}</dd>
</div>


Essentially all that you've done here is wrapped the new div tag around each element of your user info displayed in the sidebar.

So the above template edits can also be applied to templates for other mods which display info here such as Abe's Post Thank You Hack.

Enjoy!
 
Bài viết hay thật, sẽ cố gắng làm theo có gì không biết xin admin chỉ giáo
 

Facebook Comments

Similar threads
Thread starter Title Forum Replies Date
Admin Attractive Thread Prefix Vbb tutorial 0
Admin Attractive Analog Clock In Header With Date Vbulletin 0
C COMBO CONVERTER EMAIL:PASS TO USER:PASS Tut, tool, mmo 0
Admin Batch Update User Website Xenforo 1
olalavui Hướng dẫn Enable User-ID tracking in Google Analytics for Xenforo Xenforo 3
Admin [INZ] User Upgrade Conversation Xenforo 0
Admin DRC - User must verify their site (prevent spam links in postbit & profiles) Vbb tutorial 0
Admin Yilmaz - User Profile Menu vB5 Add-ons 0
Admin Yilmaz - User Info Stats (Compatible 5.6.x) Add-ons 0
Admin Customising the layout with custom user fields xenforo 2 Xenforo 0
Admin Yilmaz - Easy Postbit User Information Settings vBulletin 3.8.x Add-ons 0
Admin User Date/Time Format Settings Xenforo 0
Admin [OzzModz]/[Kirby] Filtered User Change Log Xenforo 0
Admin [ITD] Change User Online Indicator Icon & Color Xenforo 0
Admin API endpoint: Find a User by Criteria Xenforo 2 Xenforo 0
Admin [MMO] User Ban Info xenforo 2 Xenforo 0
Admin Creating custom user banner styling xenforo 2 Xenforo 0
Admin Sugar Coding - User Feedback xenforo 2 Xenforo 0
N Share SRC-Combo To User:Pass Source Code C# / C++ 0
S Xin [Xin] Tool Leech Từ user Mwork Cho John CMS Johncms 0
Admin [OzzModz] Demo User Account Add-ons 0
Admin Cel User Always Online Add-ons 0
Admin Disable Right Click For User Groups Vbb tutorial 0
Admin Temporary Passwords by BOP5 (Allow admins to login as any user without user password) Add-ons 0
Smobi Share Tích hợp CKEditor + CKFinder vào CI (Nâng cao+CKFinder Chia quyền thư mục theo user) PHP 0
Admin VBulletin Advanced User Tagging Cross Site Scripting Exploit 0
Admin Hiển thị thành viên trực tuyến - Show user is online xenforo Xenforo 0
Admin e360 User Profile Fields Permissions Add-ons 0
Admin [RT] User Rank Ribbons 2.3.3 Xenforo 0
Admin [RT] User Rank Images 1.1.5 Xenforo 0
Admin Nginx - Hướng dẫn chặn ip, xss exploits, sql injections, file injections, spam, user agents VPS & Dedicated Server 0
Admin [ozzy47] Ignore User In Postbit Dropdown Menu Add-ons 1
Admin Hướng dẫn tự động check ghi nhớ khi đăng nhập user thành viên Xenforo 0
Admin Hướng dẫn tăng thời gian user online, tăng số lượng user online xenforo Xenforo 0
Admin Hướng dẫn xóa bản quyền dbtech advanced user tagging Vbb tutorial 0
Admin Hướng dẫn sửa lỗi Invalid SQL: ALTER TABLE user DROP topxtab; MySQL Error : Can't DROP 'topxtab'; check that c Vbb tutorial 2
Admin PM User When Reaching X Posts Add-ons 0
Admin Ignored User Post Better Layout Vbulletin 0
Admin [vB5] User Profile Fields in the postbit templates Vbb tutorial 0
Admin Verify if user is logged in for non-vb pages, using Jquery Vbb tutorial 0
Admin [cydia] fake user agent ios (iphone, ipod, ipad) Android, ios, java, windows phone 0
Admin vBUT - User Group User Titles & Custom User Titles Add-ons 0
Admin User Self Delete 1.0.2 Xenforo 0
Admin Share code thay đổi user và pass admin nukeviet 3 Mã nguồn web 0
Admin [DBTech] Follow User v1.1.2 Add-ons 0
Admin User Essentials 1.0.9 NULL Xenforo 0
Admin Restore Deleted User Add-ons 4
Admin Tìm user của victim khi local Local attack 0
B [Share] Code flood user johncms no protect with captcha Johncms 0
boy94 [user] co dung bao kim ko vao m hoi ti. Thảo luận chung 6

Similar threads

New posts New threads New resources

Back
Top