Jump to content

  • Log in with Facebook Log in with Twitter Log In with Google      Sign In   
  • Create Account

Welcome to BZPower!

Hi there, while we hope you enjoy browsing through the site, there's a lot more you can do if you register. The process is easy and you can use your Google, Facebook, or Twitter account to make it even faster. Some perks of joining include:
  • Create your own topics, participate in existing discussions, and vote in polls
  • Show off your creations, stories, art, music, and movies and play member and staff-run games
  • Enter contests to win free LEGO sets and other prizes, and vote to decide the winners
  • Participate in raffles, including exclusive raffles for new members, and win free LEGO sets
  • Send private messages to other members
  • Organize with other members to attend or send your MOCs to LEGO fan events all over the world
  • Much, much more!
Enjoy your visit!

Photo

BZP Cool Coding: UserCards


  • Please log in to reply
20 replies to this topic

#1 Offline TheAkihabara

TheAkihabara
  • Premier Member
  • Premier Members
  • Turaga

  • 14-January 07
  • 88 posts
  •  

Posted Mar 07 2013 - 02:04 AM

Not sure if this is the correct forum to place this in, but I can't find any other that'll suit it.  Anyway,

 

 

Hi everyone!   As many of you have already seen, I've been working on a Old BZP style theme for BZP recently (Link), and throughout the process of programming it, I decided to port a feature I made awhile back for forums called "UserCards"

 

Picture!

 

Essentially, it's a replacement for the current Avatar system most forums use.  I designed it to allow for users to have more space to put a custom image or logo for themselves.  Each user would be given about 340px - 680px worth of space to use in whatever way they'd like, (Within the image/avatar rules of the specific site.), which would then be scaled down and placed in the side area where your user info is located in each post.

 

I'm currently testing this feature on a forum I work for, and so far, all users who have it have said they are loving the new feature.

 

 

I'm curious to hear what you guys think about this kind of UserCard/Avatar system!

 

 

If you guys really like the idea, I can also make this into a Google Chrome/Safari/Firefox Extension so you can all use it for yourself!

 

 

Thanks!

 

-Metax.


Edited by Metax, Mar 07 2013 - 02:05 AM.

  • 0

Hi, I'm Metax.  BS01's Lead Programmer and Longtime Bionicle Fan!

트힛 잇 한굴-언그릿흐, 토 러앆느 모꺼, 츠맃크 허꺼. | This is Hangul-English, to learn more, click here.

ThanksAvWhite150k.gif

 
 

#2 Offline fishers64

fishers64
  • Premier Member
  • Premier Members
  • Rahkshi Unleashed

  • 05-July 10
  • 5,963 posts
  •  

Posted Mar 07 2013 - 02:53 AM

Looks a little cluttered to me. For some Avs it would work, but mine would probably black out the user-specific text, just making a wonderful mess. 

 

Cool idea though. 


  • 0

16028406952_a8c31f0bfe.jpg15838451978_fa70afcd66_m.jpg


#3 Offline Phovos

Phovos
  • Members
  • Mask of Time Discovered

  • 07-September 07
  • 4,270 posts
  •  

Posted Mar 07 2013 - 04:20 AM

That looks great. Only problem is that text becomes less readable depending on the image. Some sort of transparent box or an outline behind the text might help.


  • 0

#4 Offline Chro

Chro
  • Members
  • Defender of Mata Nui

  • 07-August 12
  • 2,120 posts
  •  

Posted Mar 07 2013 - 06:23 AM

Or if you could change the text color to be more easily readable... I don't know. Cool idea, as Fishers said.
  • 0

"I guess you can't kill what's already dead."


#5 Offline Doorman

Doorman
  • Members
  • Scavenger Va

  • 22-October 11
  • 663 posts
  •  

Posted Mar 07 2013 - 09:27 AM

looks pretty cool! why is "Premier Members" stated twice though?


  • 0

2qt8uwy.jpg

 

Here's a webcomic you might want to check out.

Like a cross between X-men and ghostbusters.

Except everyone is 12.

 

I played Baldur's Gate: Enhanced Edition. PM me if you do as well!


#6 Offline Dual Cee

Dual Cee
  • Outstanding BZPower Citizens
  • Fluidic Master Nuva

  • 22-October 12
  • 1,306 posts
  •   Outstanding BZPower Citizen

Posted Mar 07 2013 - 10:53 AM

looks pretty cool! why is "Premier Members" stated twice though?

Thats normal, one above and one underneath the av.

  • 0

I'm back!


#7 Offline Katuko

Katuko
  • Premier Member
  • Premier Members
  • Mask of Light Unveiled

  • 21-March 05
  • 5,241 posts
  •  

Posted Mar 07 2013 - 12:12 PM

I really like how that looks, but as others have said the issue will be with high-contrast images muddling the member text and logos beneath. Maybe a redesign of the entire member info area would be in order, but a simple white gradient over the bottom part of the image might be enough.I would also much rather have such an avatar/member card rather than the gargantuan signature sizes that were suddenly allowed. Still, it might carry some of the same problems as the sig images, if someone decides to have a very visually noisy image, or if this forces every post to be that tall even if they only contain one sentence.Fix the muddled member data issue somehow, and this will definitely get a vote from me.
  • 0

rahkshi_elite_banner5b.png
Updated November 29th, 2014: Fixed issues with the Mangaia map, added Lava Launcher.
[ What YOU can do to help develop BIONICLE Fighter! ]
Click here for my: Art | BZP Blog | WordPress Blog


#8 Offline Gengar

Gengar
  • Members
  • Defender of Mata Nui

  • 16-February 13
  • 2,198 posts
  •  

Posted Mar 07 2013 - 02:00 PM

That's a cool idea. It just looks sort of hard to make out the words/images and like someone said, it looks a bit cluttered. But I like it, still.
  • 0

#9 Offline TheAkihabara

TheAkihabara
  • Premier Member
  • Premier Members
  • Turaga

  • 14-January 07
  • 88 posts
  •  

Posted Mar 07 2013 - 09:46 PM

Hey everyone!

 

So, I've read through each of the comments, and have made adjustments to the UserCard to fit the suggestions given by you all.

 

This is what It looks like now:  Link

 

I've centred the User Info and removed the duplicate "Premier Member" line.  I've moved it down and given it a Gradient, allowing people to easily see the info while not blocking the Image.

 

-Metax

 

 

P.s  If you'd like to see the User-card would look like with a specific image, Post a link to it and I'll post a screenshot with it in the User-card.

 

 


  • 0

Hi, I'm Metax.  BS01's Lead Programmer and Longtime Bionicle Fan!

트힛 잇 한굴-언그릿흐, 토 러앆느 모꺼, 츠맃크 허꺼. | This is Hangul-English, to learn more, click here.

ThanksAvWhite150k.gif

 
 

#10 Offline Gengar

Gengar
  • Members
  • Defender of Mata Nui

  • 16-February 13
  • 2,198 posts
  •  

Posted Mar 07 2013 - 09:59 PM

Wow, that looks really nice now! I like how the words aren't as cluttered, and how the proto bar/spinning mask and the premier member pics are side by side. How do you get it to work on BZP, though?
  • 0

#11 Offline TheAkihabara

TheAkihabara
  • Premier Member
  • Premier Members
  • Turaga

  • 14-January 07
  • 88 posts
  •  

Posted Mar 08 2013 - 01:58 AM

Wow, that looks really nice now! I like how the words aren't as cluttered, and how the proto bar/spinning mask and the premier member pics are side by side. How do you get it to work on BZP, though?

 

Thanks!   I programmed a custom safari extension to run the code for me when I view the site.


  • 0

Hi, I'm Metax.  BS01's Lead Programmer and Longtime Bionicle Fan!

트힛 잇 한굴-언그릿흐, 토 러앆느 모꺼, 츠맃크 허꺼. | This is Hangul-English, to learn more, click here.

ThanksAvWhite150k.gif

 
 

#12 Offline Katuko

Katuko
  • Premier Member
  • Premier Members
  • Mask of Light Unveiled

  • 21-March 05
  • 5,241 posts
  •  

Posted Mar 09 2013 - 09:17 AM

The larger post count images (such as my current one with the Bohrok, or the later Vahi) will still make that setup cluttered, but in all honesty I'd rather have that usercard look than all the clutter with post count images.I quickly shooped this, and though I think I placed the info a bit too close to the image, I personally feel that shaving off the post count image would be an improvement.
  • 0

rahkshi_elite_banner5b.png
Updated November 29th, 2014: Fixed issues with the Mangaia map, added Lava Launcher.
[ What YOU can do to help develop BIONICLE Fighter! ]
Click here for my: Art | BZP Blog | WordPress Blog


#13 Offline Dual Cee

Dual Cee
  • Outstanding BZPower Citizens
  • Fluidic Master Nuva

  • 22-October 12
  • 1,306 posts
  •   Outstanding BZPower Citizen

Posted Mar 10 2013 - 07:10 AM

The larger post count images (such as my current one with the Bohrok, or the later Vahi) will still make that setup cluttered, but in all honesty I'd rather have that usercard look than all the clutter with post count images.I quickly shooped this, and though I think I placed the info a bit too close to the image, I personally feel that shaving off the post count image would be an improvement.

But that would mean a premium function gets lost, in there no way to place it directly onderneath the card?

  • 0

I'm back!


#14 Offline Katuko

Katuko
  • Premier Member
  • Premier Members
  • Mask of Light Unveiled

  • 21-March 05
  • 5,241 posts
  •  

Posted Mar 10 2013 - 07:12 AM

But that would mean a premium function gets lost, is there no way to place it directly underneath the card?

It's perfectly possible to do so, but the question is whether that would make posts too tall by default. For example, your short post would be at least twice the height that it would otherwise be just from the usercard itself being implemented.

  • 0

rahkshi_elite_banner5b.png
Updated November 29th, 2014: Fixed issues with the Mangaia map, added Lava Launcher.
[ What YOU can do to help develop BIONICLE Fighter! ]
Click here for my: Art | BZP Blog | WordPress Blog


#15 Offline Dual Cee

Dual Cee
  • Outstanding BZPower Citizens
  • Fluidic Master Nuva

  • 22-October 12
  • 1,306 posts
  •   Outstanding BZPower Citizen

Posted Mar 10 2013 - 07:15 AM

But that would mean a premium function gets lost, is there no way to place it directly underneath the card?

It's perfectly possible to do so, but the question is whether that would make posts too tall by default. For example, your short post would be at least twice the height that it would otherwise be just from the usercard itself being implemented.
Possible solution, skip the images and make the cards a premium thing.

  • 0

I'm back!


#16 Offline Gengar

Gengar
  • Members
  • Defender of Mata Nui

  • 16-February 13
  • 2,198 posts
  •  

Posted Mar 10 2013 - 08:02 AM

But that would mean a premium function gets lost, is there no way to place it directly underneath the card?

It's perfectly possible to do so, but the question is whether that would make posts too tall by default. For example, your short post would be at least twice the height that it would otherwise be just from the usercard itself being implemented.
Possible solution, skip the images and make the cards a premium thing.
Maybe, but it'll look weird in a topic with large images and small ones with text together. IMO if I had premier membership I'll just be happy with a blog and some proto. Maybe just take out the images altogether.

  • 0

#17 Offline Dual Cee

Dual Cee
  • Outstanding BZPower Citizens
  • Fluidic Master Nuva

  • 22-October 12
  • 1,306 posts
  •   Outstanding BZPower Citizen

Posted Mar 10 2013 - 08:11 AM

But yeah we could also just use it as an extention and don't bother about missing images.
  • 0

I'm back!


#18 Offline Gengar

Gengar
  • Members
  • Defender of Mata Nui

  • 16-February 13
  • 2,198 posts
  •  

Posted Mar 10 2013 - 07:34 PM

True, but for the more detailed ones it's going to be sort of hard to see.
  • 0

#19 Offline fishers64

fishers64
  • Premier Member
  • Premier Members
  • Rahkshi Unleashed

  • 05-July 10
  • 5,963 posts
  •  

Posted Mar 11 2013 - 11:48 AM

I like the updated idea better, Metax, but I would rather have the whole thing as optional rather than a permanent change. Is in possible to have multiple options, like to do what Katuko did?


  • 0

16028406952_a8c31f0bfe.jpg15838451978_fa70afcd66_m.jpg


#20 Offline The Legendary TNT

The Legendary TNT
  • Members
  • Conqueror of the Swarm!

  • 22-August 12
  • 714 posts
  •  

Posted Mar 12 2013 - 04:08 PM

The new one looks better, I like it. I wish mine would work for it, though. :P


  • 0

new_sig_legacy_2.png


#21 Offline Devorath

Devorath
  • Members
  • Toa

  • 20-October 11
  • 182 posts
  •  

Posted Mar 16 2013 - 01:34 PM

Yes, it's cool. However, I'm fine with the current avatars.
  • 0

DevBannerwithInterests.png

 

 





0 user(s) are browsing this forum

0 members, 0 guests, 0 anonymous users