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 Akihabara

Akihabara
  • Premier Member
  • Premier Members
  • Turaga

  • 84 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!


#2 Offline fishers64

fishers64
  • Premier Member
  • Premier Outstanding BZP Citizens
  • Bohrok-Kal Vanquished

  • 4,931 posts
  •   Outstanding BZPower Citizen

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

14126183966_9690cb0da3_z.jpg


#3 Offline Phovos

Phovos
  • Members
  • Mask of Time Discovered

  • 4,250 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 ChroXumo

ChroXumo
  • Members
  • Mata Nuian Protector Nuva

  • 1,727 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

BIONICLE HITMAN XI: WORLDSHAKER
Experience the third game of the Codebreaker/Corpsetaker trilogy!
Click the link above to check it out! Signups are now open!


 MOCpages
➠ flickr
YouTube


#5 Offline Aiwendil

Aiwendil
  • Members
  • Scavenger

  • 629 posts
  •  

Posted Mar 07 2013 - 09:27 AM

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


  • 0

                                                                  76561198084895102.png

The sword is sharp, the spear is long,
The arrow swift, the Gate is strong;
The heart is bold that looks on gold;
The dwarves no more shall suffer wrong.


#6 Offline Dual Cee

Dual Cee
  • Outstanding BZPower Citizens
  • Fluidic Master Nuva

  • 1,304 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

  • 5,161 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 February 2014: Added new attacks for Toa of Iron, Plant Life and Psionics!
[ What YOU can do to help develop BIONICLE Fighter! ]
Click here for my: Art | BZP Blog | WordPress Blog


#8 Offline Watcher on the Walls

Watcher on the Walls
  • Members
  • Ice Warrior

  • 1,946 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 Akihabara

Akihabara
  • Premier Member
  • Premier Members
  • Turaga

  • 84 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!


#10 Offline Watcher on the Walls

Watcher on the Walls
  • Members
  • Ice Warrior

  • 1,946 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 Akihabara

Akihabara
  • Premier Member
  • Premier Members
  • Turaga

  • 84 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!


#12 Offline Katuko

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

  • 5,161 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 February 2014: Added new attacks for Toa of Iron, Plant Life and Psionics!
[ 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

  • 1,304 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

  • 5,161 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 February 2014: Added new attacks for Toa of Iron, Plant Life and Psionics!
[ 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

  • 1,304 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 Watcher on the Walls

Watcher on the Walls
  • Members
  • Ice Warrior

  • 1,946 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

  • 1,304 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 Watcher on the Walls

Watcher on the Walls
  • Members
  • Ice Warrior

  • 1,946 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 Outstanding BZP Citizens
  • Bohrok-Kal Vanquished

  • 4,931 posts
  •   Outstanding BZPower Citizen

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

14126183966_9690cb0da3_z.jpg


#20 Offline The Legendary TNT

The Legendary TNT
  • Members
  • Swarm Scavenger

  • 693 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

  • 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