Forum Redesign

[AA™| Seven]

Hey guys,

So I spent a couple hours redesigning the CSS, banner and a couple templates for the forum. As always, suggestions, comments and questions are welcome, no doubt I'll keep tweaking over the coming days. I've been through most of the pages on the default template and everything looks to be reasonable (reasonable) and separates us from the masses by being a bit more color coordinated having not found a template I like.

As always, the previous templates are still available should you want to use something else that I haven't messed will, to do that go to the User CP and on the bottom right you can choose from two more templates, Gold Dust and Kross.

Aaaaaalso... The picture for the banner I made is about 5 years old, if not it ain't far off. If anyone else wants to take a screenshot (hi res 1080p only) and post it below, other people can comment if it'd make a better image or not. Ideally something that features skins from our resident talents and showcases more than just Demo.

Hope you like the new design better than the old!

[AA™| joruss]

As always, the previous templates are still available should you want to use something else that I haven't messed will, to do that go to the User CP and on the bottom right you can choose from two more templates, Gold Dust and Kross.

Aaaaaalso... The picture for the banner I made is about 5 years old, if not it ain't far off. If anyone else wants to take a screenshot (hi res 1080p only) and post it below, other people can comment if it'd make a better image or not. Ideally something that features skins from our resident talents and showcases more than just Demo.

Hope you like the new design better than the old!

I'm using Kross (I think) so not the best person to compare old with new, lol

btw. 3d text on the road is wrong, looks really weird... must be more "flat" and probably more trapezoid-shaped so upper/lower bounds cross in the vanishing point.

Try putting carbon at the background, it looks uneventful :-)

Code:

background-image: url("data:image/png;base64,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");

Otherwise fine, fine... canary yellow, fine... ;-)

[AA™| Seven]

Personally I think carbon looks crap on anything other than cars and motorcycles. Virtual carbon (especially like that) makes my eyes go weird after a while too... Might just be me? I was using Kross too but Vim suggested a spruce up of the default theme, so I provided and now prefer it! It's all preference.

The text in the banner was designed to look less 3D and more like it was bedded in to the road, with the image, hence the shading matches the cars. It's an old as hell image anyway, give me a new one!

[AA™| Vim Fuego]

Small problem:



I've scaled the content down to 25% to fit as much as possible on-screen, but even so, that single line of code goes on and on and on, and it seems to affect the left-hand column as well, for some unknown reason...

I've never been able to find a solution to the problem of auto-scaling images (or in this case, auto-wrapping text) so that they don't extend out past the frames. 

If you could find a way to do this, Seven, you would be my all-time hero!

[AA™| Seven]

I'm not entirely sure what'd be causing your screen to go like that, but images makes my Kross also have a fit and go off the screen. I've limited the code box to 750px, if you could send me a PM tomorrow after I'm done playing with things, the user CP in Kross also seems to be taking up 50/50 rather than 180px on the left and the rest on the right, could be related.

I'll have a good play around after work, there's a couple things that come to mind. Default theme works fine, afaik...

[AA™| Seven]

No bloody clue. I changed everything in the CSS and HTML to width 180 like it should be but nope.css is all I get.

[AA™| joruss]

check computed styles in browser and see what is affecting it... or try universal hacking tool i.e. !important :-)

edit: also if you don't specify pixel width of parent then setting max-width as a percentage of unknown value is simply ignored.

[AA™| Seven]

I've been using Web Console in Firefox, I seem to be able to edit everything in that usually...

[AA™| AOR Nova]

Just popping in, anyone able to upload the whole 2017 only skinpack as images ( png, jpeg?) The skinpack file is taking way too long to download for some reason, it would go up to 50 minutes, then drop and rise back up again. Cheers.

(Might be able to make a coverart for the webpage too