Show Thread Enhancements - J105 - Beautiful Bevel and Emboss Custom Avatars

This is my first mod, I hope you enjoy it!

This is actually quite simple and makes your forum look that much better with uniform embossed avatars with round corners.

This is accomplished by a simple CSS PNG image overlay.

Setup time is less than 2 minutes.

NOTE: The watermark.png file and code given is customized to fit the default vB theme.

1) Download and extract the ZIP file then upload watermark.png to your root vb directory

2) Go to AdminCP>Styles & Templates>Style Manager>All Style Options>Go

Scroll all the way down to "Additional CSS Definitions" at the footer

There should be two field boxes listed. COPY and PASTE THIS into the lower field box above all other CSS definitions

#watermark_box {
position:relative;
display:block;
}
img.watermark {
position: absolute;
top: 0px;
left: 0px;
}

TEMPLATE EDIT (POSTBIT):

3) Go to AdminCP>Styles & Templates>Style Manager>All Style Options>Edit Templates>Postbit Templates>Postbit [or] Postbit_legacy (depending upon your settings)


Then FIND:

<a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase

[xs_avatar]</phrase>" border="0" /></a>

REPLACE with:

<!-- Watermark by J105C oljc.net -->
<div id="watermark_box">
<a href="member.php?$session[sessionurl]u=$post[userid]">
<img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0"/>
<img src="/watermark.png" class="watermark" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0"/></a>
<!-- / END watermark -->

4) Should be all done. Please click installed, thank you!

I also included the PSD file so you can change the color of the tips on the .PNG file to match your custom background color. You may do this under the Photoshop layer titled, "CORNERS" and tweaking the HUE/SATURATION/LIGHTNESS + Colorize.

ENJOY and God Bless you!

[down.low]

I need to center this watermark,.- can you help me out?

[as7apcool]

thanks alot 4 you

i will try this now

[Bigj85]

Originally Posted by down.low

I need to center this watermark,.- can you help me out?

Same here,my avatars are centered and this is not.
I can move it to the side by changing
left: 0px; to left: 14px; or whatever but my style is fluid and it won't show centered for all resolutions like that

anyone know how I can center this?

[Bigj85]

I checked it out and it does show centered in different resolutions by changing the CSS left: 0px; to left: 14px;
you might have to do more or less depending on your style and avatar size

[down.low]

Originally Posted by Bigj85

I checked it out and it does show centered in different resolutions by changing the CSS left: 0px; to left: 14px;
you might have to do more or less depending on your style and avatar size

The avatars are sized differently- I'll try it out and see if it works though..

[InF3RNo]

Haha, you mean 2 minutes install for intelligent people, for me it took 10 minutes.
Thanks, really good mod.

[odln018]

Would this work on something other than the postbit?

For example, I'm running this mod, and would love to have something like this to dress it up.

https://vborg.vbsupport.ru/showthread.php?t=99498.

[troybtj]

Is there a way to make this work with only certain users based on their userid?

[J105C]

Originally Posted by odln018

Would this work on something other than the postbit?

For example, I'm running this mod, and would love to have something like this to dress it up.

https://vborg.vbsupport.ru/showthread.php?t=99498.

Sure, just take the postbit html code and embed it to work within that specific template. You would have to ask that developer of that mod to direct you to the specific template(s) to change.

Originally Posted by troybtj

Is there a way to make this work with only certain users based on their userid?

That could be possible with conditionals. I don't know which conditional to use though. Very possible. I would ask vbulletin.com for the conditional code for specific user ID's.

[Bigj85]

Originally Posted by troybtj

Is there a way to make this work with only certain users based on their userid?

I think you can use

<if condition="$bbuserinfo[userid] == X"></if>

Replace "X" with the users ID

I have it set up on my forum as a user selectable profile field,if anyone wants to know how to do that just post here and I'll post instructions