User blog:Rackiera/Template "Rehaul"

Hey people!

If you are browsing around and suddenly.. wham! Templates broken, terrible mess, HTML thrown around everywhere! Do not panic! That's expected.

I'm currently rewriting the templates. When I first wrote them, I was clueless on HTML/CSS or anything to do with it and so just threw together what seemed fit. Currently, I'm moving all the styling to the wiki's CSS and am rewriting the infoboxes in HTML tables. Originally, they were styled in line with the wiki's markup tables and, frankly, that's ugly.

I mean really, look at this: (This will be blank if you don't open this post fully off of my page!)

{| class="infobox" style="float: right; width: 250px; border:2px solid #303030; background-color:#514f4c; margin-top:2px; padding:5px; -moz-border-radius:10px;-webkit-border-radius:10px; border-radius: 10px;" !colspan="2" class="HomeHeading" style="padding: 3px; border:2px solid #303030; background-color:#514f4c; margin-top:2px; padding:5px; -moz-border-radius:10px;-webkit-border-radius:10px; border-radius: 10px; text-align: center;"| !colspan="2" class="HomeHeading" style="padding: 3px; border:2px solid #303030; background-color:#514f4c; margin-top:2px; padding:5px; -moz-border-radius:10px;-webkit-border-radius:10px; border-radius: 10px; text-align: center;"| Information
 * colspan="2" style="padding:0.5em; text-align: center;" |
 * colspan="2" style="padding:0.5em; text-align: center;" |

versus this:(This will also be blank if you don't open this post fully off of my page!)

     Information

Much better!

Technically, I shouldn't be doing table styling, either. However, since I've already got a basic working premise down, I'm not about to convert everything to a mess of divs. I have to mesh some wiki markup in here, though, noting the if statements. I feel those were derived from javascript, not HTML or CSS, and so I'm just sticking with the wiki's version of them. Javascript is frustrating.

Thanks for reading! Racky