76 coaches online • Server time: 21:21
Forum Chat
Log in
Recent Forum Topics goto Post NBFL Season 32: The ...goto Post Creating a custom to...goto Post Secret League Americ...
SearchSearch 
Post new topic   Reply to topic
View previous topic Log in to check your private messages View next topic
akaRenton



Joined: Apr 15, 2008

Post   Posted: Jan 26, 2017 - 20:58 Reply with quote Back to top

Does anyone know the maximum width of a team bio? I think it's somewhere around 750 pixels, but can't find where I put the notes on it.

Have been gathering a whole bunch of parts to make a steam punk team bio, and need to do some math for putting the parts together to the right dimensions (unless anyone knows a trick to put a background image behind clickable items?).

_________________
Dirty Cranberries - All zombie funtimes

Fumbbl Image Library - Free images to make logos, player bio pics etc
Rabe



Joined: Jun 06, 2009

Post   Posted: Jan 26, 2017 - 22:28 Reply with quote Back to top

There is a trick... someone found it out, I just don't remember who it was or on which team/league bio it has been used... damn. Sad

_________________
.
Image
akaRenton



Joined: Apr 15, 2008

Post   Posted: Jan 26, 2017 - 23:16 Reply with quote Back to top

Probably Kam Very Happy

_________________
Dirty Cranberries - All zombie funtimes

Fumbbl Image Library - Free images to make logos, player bio pics etc
ignatzami



Joined: Aug 18, 2008

Post   Posted: Jan 26, 2017 - 23:23 Reply with quote Back to top

I lied, the table cell, so that is logo, and bio, is ~830px. That seems to vary a few pixels.

This means that without a logo the maximum space seems to be ~790px. That is with "Add Image" showing.

When viewing another team the table cell bumps out to 960px leaving ~450px for the bio, with a team logo loaded.

Your mileage, as always, will vary depending on browser.
akaRenton



Joined: Apr 15, 2008

Post   Posted: Jan 28, 2017 - 00:27 Reply with quote Back to top

Thanks dude. I'll play about with my design a bit in various sizes and save a master copy just in case I screw up Very Happy

_________________
Dirty Cranberries - All zombie funtimes

Fumbbl Image Library - Free images to make logos, player bio pics etc
Balle2000



Joined: Sep 25, 2008

Post   Posted: Jan 28, 2017 - 04:01 Reply with quote Back to top

925px minus logo width, if you want perfect padding symmetry on your team page

950px minus logo width, if you want to push it all the way to the righthand edge of the team page.



If you want a background img behind your design, you have to float two blocks next to each other, the first one is set to width=1px (or whatever left margin you want on your design) and includes your bg img. The next block is set to whatever width you need for your content. The block with the bg img will then spill its image "under" the second block.

Example with scroll bg here: https://fumbbl.com/p/team?team_id=500853

And yes, I learned this hack from Kam Very Happy

_________________
Join the SWL
Image
Get your team bios here!
Putting the romantic in necromantic since 2010


Last edited by Balle2000 on Jan 29, 2017 - 01:48; edited 1 time in total
ignatzami



Joined: Aug 18, 2008

Post   Posted: Jan 28, 2017 - 05:28 Reply with quote Back to top

Balle2000 wrote:
885px minus logo width, if you want perfect padding symmetry on your team page

909px minus logo width, if you want to push it all the way to the righthand edge of the team page.



If you want a background img behind your design, you have to float two blocks next to each other, the first one is set to width=1px (or whatever left margin you want on your design) and includes your bg img. The next block is set to whatever width you need for your content. The block with the bg img will then spill its image "under" the second block.

Example with scroll bg here: https://fumbbl.com/p/team?team_id=500853

And yes, I learned this hack from Kam Very Happy


Properly slick!

Thank you!
Rabe



Joined: Jun 06, 2009

Post   Posted: Jan 28, 2017 - 09:45 Reply with quote Back to top

Awesome, thanks!

_________________
.
Image
Khor_Varik



Joined: Jul 13, 2005

Post   Posted: Jan 28, 2017 - 11:31 Reply with quote Back to top

If you use a 360px team logo, it's around 560px for the team bio: https://fumbbl.com/p/team?team_id=819340
akaRenton



Joined: Apr 15, 2008

Post   Posted: Jan 28, 2017 - 22:56 Reply with quote Back to top

Many thanks all, that's exactly what I wanted Very Happy

_________________
Dirty Cranberries - All zombie funtimes

Fumbbl Image Library - Free images to make logos, player bio pics etc
Balle2000



Joined: Sep 25, 2008

Post   Posted: Jan 28, 2017 - 23:29 Reply with quote Back to top

my pleasure.



btw, messed up my numbers slightly max width is from 925 to 950 (minus logo width).
Rabe



Joined: Jun 06, 2009

Post   Posted: Jan 30, 2017 - 08:54 Reply with quote Back to top

Thanks a lot again, I was finally able to easily fix the (pretty basic) team bio of my Badge Hunters (it uses to be too wide ever since I've added the logo, I think). Smile

_________________
.
Image
Display posts from previous:     
 Jump to:   
All times are GMT + 1 Hour
Post new topic   Reply to topic
View previous topic Log in to check your private messages View next topic