The Arcive of Official vBulletin Modifications Site.It is not a VB3 engine, just a parsed copy! |
|
Postbit Legacy - Usergroup Backgrounds Details »» | |||||||||||||||||||||||||
Hello! This is my first submission. I run LTXTech.com, I go by phantomzer0 over there, and I wanted this hack for a long time. I decided to write it on my own and the outcome was perfect. I know enough to get the job done, so if there is a more efficient way to produce this, by all means post it up!
Here is what this hack will do for you: Demo Link: http://ltxtech.com/forums/showthread.php?t=2865 Now, you can make any usergroups use these backgrounds. You will have to design your own, of course, but you can assign them however you would like. In the case of my forum, we have them set-up for administrators. You could make a separate image for staff members, reg users, banned users, whatever you need. You can also duplicate it and assign different images for different colored styles. I'll show you how below. Here's how to do it: -- Navigate to your Admin CP. Once there go to Styles and Templates, then to Style Manager, and then click the "Go" button once you have decided which template you would like to install this on. -- Scroll all the way to the bottom and look for the "Additional CSS Definitions" Box. I like to use the second box for all of my custom CSS, but you can surely use either one. Copy this and paste it into the box. Code:
.postbit { background: #101010 url(this is the url to your image for the background); background-repeat: no-repeat; border-left: solid 1px #3c3c3c; border-right: solid 1px #3c3c3c; } You will need to figure out the color code of your borders and assign the same color to the CSS code. You can adjust the size of the border by increasing or decreasing the "1px" numbers. 3px would obviously increase the size of the border to 3 pixels. You can also rename the CSS ".postbit" to something else, but if you do make sure you take note of that. -- Now we will assign the background to the actual postbit. To do so, you need to navigate to Styles and Templates, then click on the "<< >>" button on the style you want to edit. -- Scroll down the list and find "Postbit Templates" -- Double click on "Postbit Legacy", as seen in the picture above. Find: Code:
<td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px"> Code:
<if condition="is_member_of($post, #)"> <td class="postbit" width="175" style="border: $stylevar[cellspacing]px solid $stylevar [tborder_bgcolor]; border-top: 0px; border-bottom: 0px id="td_post_$post[postid]"> <else /> <td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px"></if> Example, my forum has a light and dark skin. The dark skin's CSS is "postbit" and the CSS for the light skin is "postbit2". On the Dark skin, I use the code above and for the light skin it's the exact same, only I have changed the td class to postbit2. The only thing left to do is design a background image. Once you have that, you can upload it and point your CSS url to the image on your server.I'm fairly sure I have included all the steps to accomplish this, if I missed one, please point it out! Good luck and thanks for looking! Update: If you would like to assign multiple background images to multiple usergroups, see this post. User down.low explains very well how to achieve this result! Thanks DL! https://vborg.vbsupport.ru/showpost....8&postcount=52 Supporters / CoAuthors Show Your Support
|
Comments |
#82
|
||||
|
||||
Here's my complete header, you will have to find a similar javascript, but you can see how I have set it up. You will need to upload separate javascript files that the code can look to. The banner is setup specifically to make this work. There is a main background image that is just the gradient, no logos or anything. Then we have the left logo, which is clickable and links to the forum home. Then, the javascript rotates the right image based on which image files are in the specific folder. It has to be setup this way because our forum resizes to 95% of the screen on any resolution, if you use one big image, it will stretch past the forum table. Take a look:
Code:
<table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="144" style="padding-top:0px" background="http://www.ltxtech.com/forums/mid.jpg"><a href="http://ltxtech.com/forums"><img src="http://www.ltxtech.com/leftblog.jpg" width="475" height="145" border="0" /></a></td> <td align="right" style="padding-top:0px" background="http://www.ltxtech.com/forums/mid.jpg"><a href="http://ltxtech.com/forums/forumdisplay.php?f=86"> <script language="JavaScript"> <!-- function random_imglink(){ var myimages=new Array() //specify random images below. You can have as many as you wish myimages[1]="http://ltxtech.com/forums/right.jpg" myimages[2]="http://ltxtech.com/forums/rightdecember.jpg" myimages[3]="http://ltxtech.com/forums/springsoul.jpg" myimages[4]="http://ltxtech.com/forums/ryder2.jpg" myimages[5]="http://ltxtech.com/forums/larry4.jpg" myimages[6]="http://ltxtech.com/forums/blownd.jpg" myimages[7]="http://ltxtech.com/forums/larry4.jpg" myimages[8]="http://ltxtech.com/forums/pipes.jpg" myimages[9]="http://ltxtech.com/forums/tbird3.jpg" myimages[10]="http://ltxtech.com/forums/tbird3.jpg" myimages[11]="http://ltxtech.com/forums/tbird3.jpg" myimages[12]="http://ltxtech.com/forums/larry4.jpg" var ry=Math.floor(Math.random()*myimages.length) if (ry==0) ry=1 document.write('<img src="'+myimages[ry]+'" border=0>') } random_imglink() //--> </script> </td> </tr> </table> <a name="top"></a> <table border="0" width="$stylevar[outertablewidth]" cellpadding="0" cellspacing="0" align="center"> <if condition="$ad_location['ad_header_logo']">$ad_location </if> </table> <!-- content table --> $spacer_open $_phpinclude_output $ad_location[ad_header_end] <!-- USC header edit start --> <table width="100%" cellpadding="0" cellspacing="0" border="0"> <tr> $usc_left <td valign="top"> <!-- USC header edit end --> <div align="center">$vbam_location[ltx]</div> |
#83
|
|||
|
|||
Great mod but something about the centering, how do i move my avatar up? because this is what i have now:
Yea so how can i move it up? Would i have to move my name and description that says admin below the avatar so it shifts up? edit: Yea i had to move the names. Installed. |
#84
|
||||
|
||||
I'm glad you got everything to work, but please, all I ask is that you don't use our image. Although i posted this mod, we still try to keep our forum unique. I don't think it would be much to ask in return to not use our images. It was not provided in the hack for a reason.
Thanks! |
#85
|
|||
|
|||
Any way to get something like this working on postbit rather than legacy? That'd be awesome!
|
#86
|
|||
|
|||
how can i apply this to the group post too ?
|
#87
|
||||
|
||||
stapler im sure it will be basically the same, just a few coding edits here and there.....
Might install this if i can come up with a decent enough background image |
#88
|
|||
|
|||
Love the mod thanks!
Installed. |
#89
|
||||
|
||||
Okay got an image, gunna mark installed, great little mod man (y)
|
#90
|
||||
|
||||
<a href="http://www.revolutionofgaming.com/home/showthread.php?t=2355" target="_blank">http://www.revolutionofgaming.com/ho...ead.php?t=2355</a>
Go take alook people, i got it looking good finally, thanks again for the great mod, i will be looking into doing this for the posting area also...... |
#91
|
|||
|
|||
how to do it for the posting area?
|
|
|
X vBulletin 3.8.12 by vBS Debug Information | |
---|---|
|
|
More Information | |
Template Usage:
Phrase Groups Available:
|
Included Files:
Hooks Called:
|