Status Update is built-in to vBulletin 5. Updating status is done on your User Profile page under About tab but it only shows up below your avatar and name on your User Profile page. This modification exposes it a bit more by displaying it in the postbit section of a post in a thread. This will encourage forum members to update their status.
Demo:
See my status update in the postbit section of this thread.
(Optional) If you want to customize the look and feel of the status update text, you can add custom CSS in css_additional.css template or via Sitebuilder > Style > CSS Editor. See sample below:
To customize CSS of the status:
If you want to customize the style of quotation marks, use this CSS rule:
If you want to hide the quotation marks, use this CSS rule:
If you want to customize the opening and closing quotation marks by using different background images, use these CSS rules:
If you want to customize the opening and closing quotation marks by using the existing background image icon for the Quote control in posts, use these CSS rules: (I'm using these here in this forum)
Download the zip file, uncompress it and upload the XML in AdminCP > Products & Hooks > Manage Products > [Add/Import Product].
Demo:
See my status update in the postbit section of this thread.
(Optional) If you want to customize the look and feel of the status update text, you can add custom CSS in css_additional.css template or via Sitebuilder > Style > CSS Editor. See sample below:
To customize CSS of the status:
Code:
.vb5-noypiscripter-status-update-postbit { /* Custom CSS here */ font-style: italic; /* sample style */ }
Code:
.vb5-noypiscripter-status-update-postbit span { /* Custom CSS here */ }
Code:
.vb5-noypiscripter-status-update-postbit span { display: none; }
Code:
.vb5-noypiscripter-status-update-postbit span { display: inline-block; width: [COLOR=#B22222][I]<width of background>[/I][/COLOR]px; height: [COLOR=#B22222][I]<height of background>[/I][/COLOR]px; text-indent: -99999px; overflow: hidden; } /* for opening quotation mark */ .vb5-noypiscripter-status-update-postbit span:first-child { background: transparent url("path/to/the/opening/quotes.png") no-repeat; /* you can use sprites if you want */ } /* for closing quotation mark */ .vb5-noypiscripter-status-update-postbit span:first-child + span { background: transparent url("path/to/the/closing/quotes.png") no-repeat; /* you can use sprites if you want */ }
Code:
.vb5-noypiscripter-status-update-postbit span { background: transparent url("images/css/sprite_icons_vb_ltr.png") no-repeat scroll -16px -80px; width: 13px; height: 12px; display: inline-block; text-indent: -99999px; overflow: hidden; } .vb5-noypiscripter-status-update-postbit span:first-child { margin-right: 2px; margin-left: -13px; -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); } .vb5-noypiscripter-status-update-postbit span:first-child + span { margin-left: 2px; margin-right: -13px; }
Comment