November 20, 2014
Tables vs Columns
Views: 2381
Greenevers
I feel like my I put on glasses for the first time. When tables were introduced not too long ago, I just shrugged it off. I have realized that tables can do everything columns can't do and what they can do,
better. Sad to say nobody has really picked up on tables throughout the recent guides. Once I un-archive my Ra guide, it will look beautiful and with 10X better info/layout.
Remember that skill order template Sanguis had that a bunch of people used? Instead of that confusing ol' line of code check this out.
Skill Order
|
1
|
2
|
3
|
4
|
5
|
6
|
7
|
8
|
9
|
10
|
11
|
12
|
13
|
14
|
15
|
16
|
17
|
18
|
19
|
20
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
code
Code:
[table bgcolor=black]
[th colspan=20 bgcolor=#111111][left][space][space]Skill Order[/th]
[tr][td width=50 padding=2 bgcolor=#111111][center]1[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]2[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]3[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]4[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]5[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]6[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]7[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]8[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]9[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]10[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]11[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]12[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]13[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]14[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]15[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]16[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]17[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]18[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]19[/center][/td]
[td width=50 padding=2 bgcolor=#111111][center]20[/center][/td]
[/tr]
[tr][td width=50 padding=2 bgcolor=#111111][center][icon=SOLAR BLESSING size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=celestial beam size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=celestial beam size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=DIVINE LIGHT size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=SEARING PAIN size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=celestial beam size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=celestial beam size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=SOLAR BLESSING size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=SEARING PAIN size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=celestial beam size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=SOLAR BLESSING size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=SOLAR BLESSING size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=SEARING PAIN size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=SOLAR BLESSING size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=DIVINE LIGHT size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=DIVINE LIGHT size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=SEARING PAIN size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=DIVINE LIGHT size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=DIVINE LIGHT size=20][/center][/td]
[td width=50 padding=2 bgcolor=#111111][center][icon=SEARING PAIN size=20][/center][/td]
[/tr]
[/table]
A bunch of more customization with colors and whatnot, transparent text isn't needed to space properly, only if you're using border colors (slightly annoying but since our site is grey not black, it's something we'd have to deal with). It's also much easier in my opinion. While the code might be longer since you need a line for each cell and row, it's more repetitive so you can copy/paste and change values. And code for simple spacings you would normally do with columns are just as simple!
So glad I looked into this.
Torrents are your best friends.
Once you have the money buy it. Don't let cash prevent your creativity!
Mowie says talking about torrents on forums is a no-no
photoshop is expensive
Torrents are your best friends.
Once you have the money buy it. Don't let cash prevent your creativity!
I might start getting into photo manipulations but photoshop is expensive af
Oh and the thing I coded up there is based on the "[abilities=xxxxxxxxxxxxxxxxxxx champion=y]" up on mobafire.