10 coaches online • Server time: 06:42
Forum Chat
Log in
Recent Forum Topics goto Post Secret League Old Wo...goto Post Creating a custom to...goto Post ramchop takes on the...
SearchSearch 
Post new topic   Reply to topic
View previous topic Log in to check your private messages View next topic
zakatan



Joined: May 17, 2008

Post   Posted: Jul 08, 2014 - 17:27 Reply with quote Back to top

TheSpydyr wrote:
alright, I finally completed the updating of our league page for the 3DB Highlander League. Below are the links to the page and the code. I still may make a few small changes here and there (like additions to the All-Time Section), but for the most part it is complete. Feel free to add these to the overall list, should you feel the desire to do that. (In the code, whenever you see a URL tag in all caps, that is how I commented sections...ie, URL=LEAGUE INFO SECTION ROW 1 LEFT COLUMN /URL)

League Page
Code


nice one

_________________
Image
Kam



Joined: Nov 06, 2012

Post   Posted: Jul 09, 2014 - 03:04 Reply with quote Back to top

Here is some artwork I won't use for the Sammiches (I'm gonna do something fitting better with the theme of the bio); so feel free to use it. You may want to resize the height of the left and right borders to fit the length of your text.

Here is the code:

Code:
[block=floatcontainer]
[img]https://fumbbl.com/i/430507[/img]
[block=floatleft][img]https://fumbbl.com/i/430508[/img][/block]\
[block=floatleft width=377px height=787px bg=#132b13]\
\
[color=white][font=comic sans ms]\

Your text here.

[/font][/color]
\
[/block]\
[img]https://fumbbl.com/i/430506[/img]\
[img]https://fumbbl.com/i/430509[/img]
[/block]\

_________________
GLN 17 is out!
Image
TheSpydyr



Joined: Dec 11, 2013

Post   Posted: Jul 09, 2014 - 07:38 Reply with quote Back to top

thanks zakatan

_________________
The RNG is not broken, you are not "the unluckiest coach in the world" and the computer does not cheat, you just suck.

A DM only rolls the dice because of the noise they make -- Gary Gygax
WhatBall



Joined: Aug 21, 2008

Post   Posted: Jul 09, 2014 - 15:37 Reply with quote Back to top

Kam, that is a great looking page and I love the recipe advice.

_________________
Image
Kam



Joined: Nov 06, 2012

Post   Posted: Jul 13, 2014 - 21:04 Reply with quote Back to top

Some stupid stuff I won't use, based on Kryten's team:

Demo
Code

If someone wanna try to make something out of that...

EDIT - Oh, weird, it adds useless stuff like empty "alt"s to img tags when you use the bbcode tag.

_________________
GLN 17 is out!
Image
Kam



Joined: Nov 06, 2012

Post   Posted: Jul 15, 2014 - 15:06 Reply with quote Back to top

OK, it's almost done.

Bio of the Sammiches
Code

I yet have to write the match reports, and I still have to do a few minors tweaks (namely replacing the Did you know panel by a bamboo frame and using a fixed height for the bragging right notepad + some code cleaning / optimisation), but I guess it's good enough.

I'm not very proud of the code of the home page (it's a bit hackish) but I won't redo it. Not now at least. And I yet have to check if it's ok on other browsers / OS.

Big thanks to the approval team (I gave them a lot of work Very Happy) and to Christer for increasing the max number of characters allowed in a bio.

_________________
GLN 17 is out!
Image
zakatan



Joined: May 17, 2008

Post   Posted: Jul 15, 2014 - 21:25 Reply with quote Back to top

is it per design that the "did you know" is blocking part of the bamboo frame? using mozilla FF here

_________________
Image
Kam



Joined: Nov 06, 2012

Post   Posted: Jul 15, 2014 - 21:27 Reply with quote Back to top

Yes it is. Actually, it's not blocking it (or it's not supposed to): the right bamboo frame should stop right above and under the DYK panel.

_________________
GLN 17 is out!
Image
Kam



Joined: Nov 06, 2012

Post   Posted: Jul 18, 2014 - 00:17 Reply with quote Back to top

Home page updated, so I guess it doesn't matter anymore. Razz

_________________
GLN 17 is out!
Image
zakatan



Joined: May 17, 2008

Post   Posted: Jul 18, 2014 - 10:30 Reply with quote Back to top

Kam wrote:
Home page updated, so I guess it doesn't matter anymore. Razz


ah it looks much better like this Smile

did you update the code too? not that it matters that much anyway...

_________________
Image
Kam



Joined: Nov 06, 2012

Post   Posted: Jul 18, 2014 - 12:27 Reply with quote Back to top

Thanks. And yes I have (that was a pita to code by the way).

_________________
GLN 17 is out!
Image
Kam



Joined: Nov 06, 2012

Post   Posted: Jul 18, 2014 - 14:36 Reply with quote Back to top

So... I was asked how to do that (the alignment):

Image

That's simple. I cheat and I do that:

Image

1: The header. It doesn't matter here. I'm gonna split the image in 4 parts right under it: the left bamboo frame (2) in a block=floatleft, the text (everything but the Did you know) in another floatleft (3), the right bamboo frame (4) in a block=floatright, and another floatright with the same width as the DYK block (5). Easy so far.

Now the tricky part: how to make the text expand under and above the DYK panel. It's hackish, but it's really easy when you know the trick. I use fixed width for all 4 vertical frames, and the whole thing is in a block with a fixed width as well. So let's say the frame 3 (the text) has a width of 400px (block=floatleft width=400px). Inside this block, I'm gonna wrap the first 2 lines (the lines that have to be expanded) in a new wider block (let's say block width=650px). And that's how the magic operates: it doesn't expand the parent block, just those 2 lines, and override the block on the right.

You can use this trick for the height as well, but keep in mind the expanded content may be hidden by your other stuff if there's anything where you're going to expand it to.

_________________
GLN 17 is out!
Image


Last edited by Kam on Jul 18, 2014 - 16:47; edited 1 time in total
PurpleChest



Joined: Oct 25, 2003

Post   Posted: Jul 18, 2014 - 14:57
FUMBBL Staff
Reply with quote Back to top

This stuff always impresses me, and the sammiches bio looks great, but for me, using chrome, the 'Did you knows' crop the last few lines off on most of them.

that said its so lightyears beyond anything i could do (or want to do) that its still very impressive to me.

Like watching people speak in the funny south african clicking language.

_________________
Barbarus hic ego sum, quia non intelligor illis -Ovid
I am a barbarian here because i am not understood by anyone
Kam



Joined: Nov 06, 2012

Post   Posted: Jul 18, 2014 - 15:05 Reply with quote Back to top

Thanks! And thanks for letting me know as well. I've just tried with Chrome and the DYK is fine (however, the horizontal bamboo isn't vertically aligned - I should be able to fix that). Are you using Chrome on Linux? Or maybe you enforced a custom font?

EDIT - Actually, it's the contrary for me: the text is shorter on Chrome and Opera. Mad
EDIT 2 - Aiight valign of the bamboo frame fixed for Opera and Chrome.

PC, if you have 2 mins to spare, could you take a screenshot of the page so I can see what's wrong? Thanks.

_________________
GLN 17 is out!
Image


Last edited by Kam on Jul 18, 2014 - 16:45; edited 1 time in total
Garion



Joined: Aug 19, 2009

Post   Posted: Jul 18, 2014 - 16:30 Reply with quote Back to top

you're crazy Kam.... in a good way 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