Zombie Skin > Villain Skin (vBulletin)
I did some hacking of my own between ZombieSkin, HeroLite and other odd tweaks, so if you care for Zombie's colors, with a black background, black table borders, 10pt font and some different bolding, you can use this. I'd still like to bold the usernames and change some menubars, but for whatever reason that's not flying yet and I have to finish pounding square pegs into round holes (C# ASP.NET -> remote MySQL DB) before I can go digging into CSS Things Kai Does Not Yet Know.
|
http://www.fimfiction.net/story/36641/My-Little-Exalt
Now, you need to figure out how to make this work with other browsers such as IE8.
|
www.SaveCOH.com: Calls to Action and Events Calendar
This is what 3700 heroes in a single zone looks like.
Thanks to @EnsonsDeath for the GVE code that made me VIP again!
Really? I haven't looked into the page's stylesheet as much as you have, but it looks like all it would need is to modify the margin-top or margin-bottom of the tables...
|
OTOH, from what I'm able to figure out, there's just a lot of html coding that is not set up to be affected by CSS, for example, the two main panels of each post is given an class designation making it easy to change the definition of the class with CSS coding. However, the little panel under the avatar with the notify moderator button doesn't have a class defined, so, no CSS changes there.
Speeding Through New DA Repeatables || Spreadsheet o' Enhancements || Zombie Skins: better skins for these forums || Guide to Guides
As far as the panel with the notify moderator button goes, you ought to be able to match that TD with the selector:
div#posts > div > table.tborder tr:first-child + tr + tr > td:first-childThe TD with the quote button should be reachable with:
div#posts > div > table.tborder tr:first-child + tr + tr > td.alt1For the space between posts, as far as I can tell, removing that should be:
div#posts > div { padding-bottom: 0px; }But that doesn't seem to work using my Developer Toolbar's edit CSS.
http://www.fimfiction.net/story/36641/My-Little-Exalt
For the space between posts, as far as I can tell, removing that should be:
div#posts > div { padding-bottom: 0px; }But that doesn't seem to work using my Developer Toolbar's edit CSS. |
#posts > div { padding: 0 !important; margin-bottom: -1px; }
#posts > div > br { display: none !important; }
#posts { margin-bottom: 13px !important ;}
I <3 Firebug
Well I added the dev post and forum modification... if the tags are going to be useful they should be maintained... IMO
Terrific mod. Downloaded, installed, when I FINALLY found the little S (bottom right of Firefox) to put in the script, I was rocked by the new look forum.
10 stars.
Now, can you fix the Player Guides forum, all the links are borked. :/
Ex
--
Ex.
Part-Troll, who used to be Excession777, now playing pantomime with people's mindlets.
--
Well, the Zombie Villain Skin is updated. It's looking much sharper. Thanks to Fleeting Whisper and Devian for tracking down the magical sigils that represent various parts of the forum bits and pieces.
I'm still working on it. I'm just about done deconstructing the post page and will get to the Thread page and then make those same changes to the Hero Skin.
I'm heavily annotating it so that you all can tweak it as you wish. The annotations are starting to become a mini-guide in and of themselves.
Speeding Through New DA Repeatables || Spreadsheet o' Enhancements || Zombie Skins: better skins for these forums || Guide to Guides
FYI: The villain link in the OP points to a jpg.
Speeding Through New DA Repeatables || Spreadsheet o' Enhancements || Zombie Skins: better skins for these forums || Guide to Guides
Some people have been commenting about a broken image behind the "View Post" link on quotes. I personally haven't seen them (Firefox 3.5.2 only shows a link, no image), but since it seems to be a fairly common complaint, I poked at the source and came up with a fix.
http://docs.google.com/View?id=dcv379dz_0d6r8hcgn
The third block of code will fix it. As with my previous two hacks, you only need to copy the top one (villain theme) OR bottom one (hero theme), unless you switch between themes.
EDIT: I am of the dumb. Firefox doesn't show the broken image, and that fix is for Firefox/Stylish, which doesn't need the fix since it doesn't show the broken image.
EDIT2: Has been reverted to the original block of code described above the above edit!!
Paragon Wiki: http://www.paragonwiki.com
City Info Terminal: http://cit.cohtitan.com
Mids Hero Designer: http://www.cohplanner.com
Firefox shows a broken image, it's just that the image has an alt attribute which Firefox renders as text, since the image is broken
http://www.fimfiction.net/story/36641/My-Little-Exalt
No, loading up the boards in IE shows a broken image. A box with a red thingy in the corner, with the alt text on top of that.
Firefox JUST shows the alt text, not the broken image behind it.
Image:
Blue is IE. Red is Firefox.
EDIT: Or, um...my Firefox doesn't show the broken image. I haven't applied the fix I gave above, since I don't need it, since the image doesn't show up. O.o?
EDIT2: I am dumb, also. I realized that my hack completely gets rid of the image call, basically, so nothing shows up. A better thing would be to supply a View Post image instead.
EDIT3: I updated the code listed above to supply an image instead of getting rid of the image entirely.
Paragon Wiki: http://www.paragonwiki.com
City Info Terminal: http://cit.cohtitan.com
Mids Hero Designer: http://www.cohplanner.com
Ack, now it looks terrible!
I have no idea how to get rid of the floating "View Post___"!
EDIT: I just reverted it back to removing the image entirely. It doesn't break anything that I can see, the "View Post" part still shows up (and without the trailing underline!)
Paragon Wiki: http://www.paragonwiki.com
City Info Terminal: http://cit.cohtitan.com
Mids Hero Designer: http://www.cohplanner.com
<Shrug> FF doesn't show an image, broken or otherwise, with or without Stylish for me. And this is with a previous version of FF and the newest one.
So, AFAIK, for FF users, it's a non-issue.
Edit: the pic that's supposed to be there (http://boards.cityofheroes.com/style...s/viewpost.png) is a 404.
Speeding Through New DA Repeatables || Spreadsheet o' Enhancements || Zombie Skins: better skins for these forums || Guide to Guides
Wow, this is fantastic - I had no idea there was a plugin that could do this. Definitely going to be playing around with this to modify styles for my own use - thanks Zombie.
Suggestions:
Super Packs Done Right
Influence Sink: IO Level Mod/Recrafting
Random Merit Rolls: Scale cost by Toon Level
No, loading up the boards in IE shows a broken image. A box with a red thingy in the corner, with the alt text on top of that.
Firefox JUST shows the alt text, not the broken image behind it. |
Just because Firefox doesn't show a border around the broken image and a red box in the corner, doesn't mean it's not displaying a broken image.
http://www.fimfiction.net/story/36641/My-Little-Exalt
You misunderstand me. That is how Firefox displays a broken image. Try highlighting the "View Post" text - note that you can only either highlight the whole link, or none of it. That's because it's actually an image.
Just because Firefox doesn't show a border around the broken image and a red box in the corner, doesn't mean it's not displaying a broken image. |
FF is smart.
Speeding Through New DA Repeatables || Spreadsheet o' Enhancements || Zombie Skins: better skins for these forums || Guide to Guides
You'd need a GreaseMonkey script for that, and that is unfortunately way, way outside of what I can do.
|
#posts .alt1 > div[id] { min-height: 103px; }
The only problem is that the "editted on" line and the Quote buttons and what not take up valuable real estate below and add a lot of extra padding. I could come up with some kind of solution if I could just figure out what we'd like to do with it.
Anyways, this is awesome, and I'd love to help out with this. This is what I do for a living and have done for the last, oh, eight years, after all (well, among other web development stuff).
Side note: The HTML for the skin of this forum is horrible. Mixing divs and tables? In-line styles all over? Ew.
Global @Diellan - 5M2M
Mids' Hero/Villain Designer Lead
Virtue Server
Redside: Lorenzo Mondavi
Blueside: Alex Rabinovich
Got a Mids suggestion? Want to report a Mids bug?
<Shrug> FF doesn't show an image, broken or otherwise, with or without Stylish for me. And this is with a previous version of FF and the newest one.
So, AFAIK, for FF users, it's a non-issue. Edit: the pic that's supposed to be there (http://boards.cityofheroes.com/style...s/viewpost.png) is a 404. |
So Aggelakis can just update his fix to use the correct view post image.
Global @Diellan - 5M2M
Mids' Hero/Villain Designer Lead
Virtue Server
Redside: Lorenzo Mondavi
Blueside: Alex Rabinovich
Got a Mids suggestion? Want to report a Mids bug?
It might be possible to align the sigs where we want with some creative css. For example, I can make it so that sigs appear at the bottom of the post space just by putting the following line:
#posts .alt1 > div[id] { min-height: 103px; } The only problem is that the "editted on" line and the Quote buttons and what not take up valuable real estate below and add a lot of extra padding. I could come up with some kind of solution if I could just figure out what we'd like to do with it. Anyways, this is awesome, and I'd love to help out with this. This is what I do for a living and have done for the last, oh, eight years, after all (well, among other web development stuff). Side note: The HTML for the skin of this forum is horrible. Mixing divs and tables? In-line styles all over? Ew. |
Speeding Through New DA Repeatables || Spreadsheet o' Enhancements || Zombie Skins: better skins for these forums || Guide to Guides
That's because the real pic that's supposed to be there is http://boards.cityofheroes.com/style...s/viewpost.png and the programmer just typo'd the name of the file. Who did the QA for this, sheesh?
So Aggelakis can just update his fix to use the correct view post image. |
No, Aggelakis won't be updating her fix to use the correct view post image. That thing is way too tiny. And also, it doesn't work anyway because of the image I linked above - it looks awful.
Paragon Wiki: http://www.paragonwiki.com
City Info Terminal: http://cit.cohtitan.com
Mids Hero Designer: http://www.cohplanner.com
I did some hacking of my own between ZombieSkin, HeroLite and other odd tweaks, so if you care for Zombie's colors, with a black background, black table borders, 10pt font and some different bolding, you can use this. I'd still like to bold the usernames and change some menubars, but for whatever reason that's not flying yet and I have to finish pounding square pegs into round holes (C# ASP.NET -> remote MySQL DB) before I can go digging into CSS Things Kai Does Not Yet Know.