akaRenton
Joined: Apr 15, 2008
|
  Posted:
Jan 26, 2017 - 20:58 |
|
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
|
  Posted:
Jan 26, 2017 - 22:28 |
|
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. |
_________________ .
|
|
akaRenton
Joined: Apr 15, 2008
|
  Posted:
Jan 26, 2017 - 23:16 |
|
|
ignatzami
Joined: Aug 18, 2008
|
  Posted:
Jan 26, 2017 - 23:23 |
|
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
|
  Posted:
Jan 28, 2017 - 00:27 |
|
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 |
_________________ Dirty Cranberries - All zombie funtimes
Fumbbl Image Library - Free images to make logos, player bio pics etc |
|
Balle2000
Joined: Sep 25, 2008
|
  Posted:
Jan 28, 2017 - 04:01 |
|
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 |
_________________ Join the SWL
Get your team bios here!
Putting the romantic in necromantic since 2010
Last edited by Balle2000 on %b %29, %2017 - %01:%Jan; edited 1 time in total |
|
ignatzami
Joined: Aug 18, 2008
|
  Posted:
Jan 28, 2017 - 05:28 |
|
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 |
Properly slick!
Thank you! |
|
|
Rabe
Joined: Jun 06, 2009
|
  Posted:
Jan 28, 2017 - 09:45 |
|
Awesome, thanks! |
_________________ .
|
|
Khor_Varik
Joined: Jul 13, 2005
|
  Posted:
Jan 28, 2017 - 11:31 |
|
|
akaRenton
Joined: Apr 15, 2008
|
  Posted:
Jan 28, 2017 - 22:56 |
|
|
Balle2000
Joined: Sep 25, 2008
|
  Posted:
Jan 28, 2017 - 23:29 |
|
my pleasure.
btw, messed up my numbers slightly max width is from 925 to 950 (minus logo width). |
|
|
Rabe
Joined: Jun 06, 2009
|
  Posted:
Jan 30, 2017 - 08:54 |
|
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). |
_________________ .
|
|
|