Show us your XF

Status
Not open for further replies.
o-KAY! How. In. The. HELL. DID. YOU do that! Putting icons under AVATAR!!!!!!!!

Oh, and them username colors!

Nice transition, indeed Gaming Masters!
 
It certainly looks cleaner, but I'd rather have the names of the subforums displayed so members know what's in there.
 
ArnyVee said:
Yup, on vB I allowed certain usergroups to stand out by allowing larger avatar sizes. So, I'd love to have an option for this :)
Click to expand...
Surprised that there wasn't one when I checked the member options - it was the first thing I was looking for when I had xenforo installed.
 
Yes, I was surprised about that. But, I'm sure that we'll get an option or at least a way to do it as Darkimmortal did :)
 
Here's a screen shot of my xF beta 2 test site, I've only spent a couple of hours on the style at the moment. My aim is to make it visually similar colour wise to our current live site so our members feel familiar with it. The logo/image at the top rotates every page refresh. Comments welcome, although it is no where near finished yet as I will no doubt continue to tweak it until gold is released, the blue I've currently got for the link colour will be changed soon

xenmk3oc.jpg
 
ArnyVee said:
Lookin' good! :)

How did you adjust the avatar sizes to those large dimensions? Are you allowing those sizes across the board or only to certain usergroups?
Click to expand...

Changed it to size="l" in message_user_info and fiddled around with some widths and margins, otherwise the avatars end up overflowing. And it's being done across the board

Carlos said:
o-KAY! How. In. The. HELL. DID. YOU do that! Putting icons under AVATAR!!!!!!!!

Oh, and them username colors!

Nice transition, indeed Gaming Masters!
Click to expand...

It's really quite straight forward to do the rank images - just stick something like this in message_user_info:

Code: 
<div class='userrank' style='background-image: url(/styles/ogoatzen/ranks/{xen:raw $user.display_style_group_id}.png)'> </div>

And have a folder full of images named by group id
 
@Alex - Your blue banner right now made me think it was a MKvsDC website. lol.

@Darkimortal - So where do I put group id, image link, and such? I want to do this the right way, so that I don't have to "break" the instance. :(
 
Carlos said:
@Darkimortal - So where do I put group id, image link, and such? I want to do this the right way, so that I don't have to "break" the instance. :(
Click to expand...

On my forum I've got that code just before the closing </div> of <div class="avatarHolder"> in message_user_info.

I've also got this in the CSS:
Code: 
.userrank { width: 200px; height: 50px; margin: 7px auto -3px auto; line-height: 0; background: transparent center; }
Obviously width/height/etc need adjusted depending on the size of your rank images, or you could just use a standard <img> tag for simplicity.
 
Darkimmortal said:
Code: 
<div class='userrank' style='background-image: url(/styles/ogoatzen/ranks/{xen:raw $user.display_style_group_id}.png)'> </div>

And have a folder full of images named by group id
Click to expand...
^^^^
I meant here.

I want to know where to put this, and that in the right places.
 
Status
Not open for further replies.

Similar threads

webbouk
Show us your Footer
Replies
17
Views
893
webbouk
webbouk
karrott
  • Locked
Show Us your XF!
35 36 37
Replies
726
Views
63K
Paul B
Paul B
Top Bottom