zakatan
Joined: May 17, 2008
|
  Posted:
Jul 08, 2014 - 17:27 |
|
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 |
_________________
|
|
Kam
Joined: Nov 06, 2012
|
  Posted:
Jul 09, 2014 - 03:04 |
|
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!
|
|
TheSpydyr
Joined: Dec 11, 2013
|
  Posted:
Jul 09, 2014 - 07:38 |
|
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
|
  Posted:
Jul 09, 2014 - 15:37 |
|
Kam, that is a great looking page and I love the recipe advice. |
_________________
|
|
Kam
Joined: Nov 06, 2012
|
  Posted:
Jul 13, 2014 - 21:04 |
|
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!
|
|
Kam
Joined: Nov 06, 2012
|
  Posted:
Jul 15, 2014 - 15:06 |
|
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 ) and to Christer for increasing the max number of characters allowed in a bio. |
_________________ GLN 17 is out!
|
|
zakatan
Joined: May 17, 2008
|
  Posted:
Jul 15, 2014 - 21:25 |
|
is it per design that the "did you know" is blocking part of the bamboo frame? using mozilla FF here |
_________________
|
|
Kam
Joined: Nov 06, 2012
|
  Posted:
Jul 15, 2014 - 21:27 |
|
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!
|
|
Kam
Joined: Nov 06, 2012
|
  Posted:
Jul 18, 2014 - 00:17 |
|
Home page updated, so I guess it doesn't matter anymore. |
_________________ GLN 17 is out!
|
|
zakatan
Joined: May 17, 2008
|
  Posted:
Jul 18, 2014 - 10:30 |
|
Kam wrote: | Home page updated, so I guess it doesn't matter anymore. |
ah it looks much better like this
did you update the code too? not that it matters that much anyway... |
_________________
|
|
Kam
Joined: Nov 06, 2012
|
  Posted:
Jul 18, 2014 - 12:27 |
|
Thanks. And yes I have (that was a pita to code by the way). |
_________________ GLN 17 is out!
|
|
Kam
Joined: Nov 06, 2012
|
  Posted:
Jul 18, 2014 - 14:36 |
|
So... I was asked how to do that (the alignment):
That's simple. I cheat and I do that:
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!
Last edited by Kam on %b %18, %2014 - %16:%Jul; edited 1 time in total |
|
PurpleChest
Joined: Oct 25, 2003
|
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
|
  Posted:
Jul 18, 2014 - 15:05 |
|
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.
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!
Last edited by Kam on %b %18, %2014 - %16:%Jul; edited 1 time in total |
|
Garion
Joined: Aug 19, 2009
|
  Posted:
Jul 18, 2014 - 16:30 |
|
you're crazy Kam.... in a good way |
_________________
|
|
|
| |