Title: Skin Changes
jigebren - February 19, 2012 01:01 AM (GMT)
After several years without upkeeping, the forum design was in need of some attention.
For example the old CSS needed some clean-up, so I took the opportunity to bring a few improvements (eg. colored hyperlinks) and tweaks some parts. You'll mostly notice that the black bars are now gone... Some will likely miss them, I do miss them a bit myself, but it's probably just a matter of time to get used to the changes (anyway the old design is saved in case it appears that this new one will no do).
Some parts probably still need to be improved. A few other modifications are also likely to be seen eventually...
Don't hesitate to point out any inconsistencies you may notice. Thanks.
miromiro - February 19, 2012 10:42 AM (GMT)
Can a moderator do a skin change on a forum?
But it's indeed something that had to happen. Good work to whoever did it.
Huki - February 19, 2012 10:57 AM (GMT)
| QUOTE (miromiro @ Feb 19 2012, 04:12 PM) |
Can a moderator do a skin change on a forum? But it's indeed something that had to happen. Good work to whoever did it. |
jig is in fact an admin.. ;)
miromiro - February 19, 2012 12:33 PM (GMT)
Ahh right. Then my request to become moderator can still be taken into consideration.
Pyves - February 19, 2012 02:29 PM (GMT)
It's nice to see a few changes to the forum! ;)
jigebren - February 21, 2012 01:39 AM (GMT)
I've created a new logo for our beloved ORP forum. :)
The new skin as been improved as well, and I have fixed most of the issues I've noticed so far. I've only tested under Firefox so I hope it's ok with other browsers.
Please let me know if you notice any remaining glitch...
Citywalker - February 21, 2012 06:01 AM (GMT)
And it's a good logo <smiles>
All in all, I'm glad to see a lighter tone to the forum skin.
Thanks.
Huki - February 21, 2012 06:16 AM (GMT)
The new logo is nice, especially the graceful fade to black in wide pages. And I see you've done a much better work on the borders than what I originally suggested. ;)
| QUOTE (jig) |
| Please let me know if you notice any remaining glitch... |
IE. :rolleyes:
Well, like we already discussed regarding your website, IE's stupid "document compatibility" feature chooses to render this forum, and all other forum boards too for that sake, in
IE5 mode. From the screenshots below, you can see how IE purposefully renders the page the way it would be in IE5 (which is ironically a 1999 browser). o_O

*

I'm not sure why the glitch is only noticeable now, and whether any of the recent changes have triggered it. But fortunately, it can be fixed by adding 2 lines in the
Board Wrappers section in your Admin CP - in the
Document Type and
Meta Tags section respectively. Check the picture below:
Pyves - February 21, 2012 03:04 PM (GMT)
Good work for the new logo, I like it a lot!
Everything works fine on Opera Navigator! ;)
urnemanden - February 21, 2012 07:47 PM (GMT)
Can only give positive feedback on the new skin, Jigebren. You've done a nice job, it is just as pleasing for the eyes as the old one. I guess my initial preference towards the classic skin was only because of I hadn't really got used to the new. ^^
TheMeandMe - February 21, 2012 10:55 PM (GMT)
I like it!
Especially the fact the Banner actually has something to do with the game other than the name. :)
thanks mate!
jigebren - February 21, 2012 11:04 PM (GMT)
Thanks gals and guys.
@Huki, thanks for the helpful info about IE. I've blindly added the declarations you suggested. Let me know if it's still not enough.
I could also temporarily restore parts of the old skin to try to find out which exact modification triggers the glitch, but as I don't have IE (and no plan to install it) it won't be very easy (I can't do it alone...).
EDIT: Hmm, in fact I've not definitely added the declarations yet... I simply tried to clean-up some useless code before, just to be sure. If the glitch is still here now, we'll try with the declarations then...
EDIT2: Declarations finally re-applied.
zagames - February 22, 2012 04:07 AM (GMT)
Looks great Jig! Glad to see you a bit more active TM&M! Keep up the good work fellows.
Huki - February 22, 2012 05:56 PM (GMT)
| QUOTE (jigebren @ Feb 22 2012, 04:34 AM) |
| @Huki, thanks for the helpful info about IE. I've blindly added the declarations you suggested. Let me know if it's still not enough. |
That's enough, it's working now. :) It's probably not needed to spend more time trying to find the issue source (there's no reason to try support a legacy rendering engine). But feel free to let me know if you have any modifications in mind, I could quickly test by switching back to the Quirks mode.
jigebren - February 23, 2012 12:28 AM (GMT)
@Huki: Yep, if I understand correctly, we're now forcing IE to render with the latest engine, and it works properly in that case, so I won't look any further...
Anyway I have the feeling that what's triggered the glitch was the main < table > clean-up in the Body's html code (as everything is now set only in the CSS).
PS: Just for info, I'm currently reinstalling windows from scratch (I had to do it for years...). Now I've just setup Firefox again so I was able to check the forum, but it'll probably take me a few days before I reinstall and can use again all the tools needed to work on either the ORP skin, v1.2, or the Blender Addon... But this fresh install will undoubtedly help me working more efficiently then. ;)
jigebren - February 26, 2012 03:57 AM (GMT)
I've been busy for a while trying to understand why InvisionFree can be uploaded with GIF or JPEG but not PNG files when using Firefox (or Opera, while it works with IE...). Well, for info, and to make it short, it seems to be because Firefox send the proper image/png MIME type while IE use the outdated image/x-png, which is unfortunately the only one Invision accepts. I tried several ways to force FF to send image/x-png when uploading PNG but it seems to be impossible, or at least beyond my talent level. ;)
So for no I have no choice but using this IE piece of s**t if I want to upload PNG images (and I do want to).
Hmm, and well, I think you've noticed there's brand new forum icons... :)
urnemanden - February 26, 2012 10:22 AM (GMT)
I quite like the look of the forums now and I can only say thank you so much for putting all the effort into this.
I have one suggestion: Could you consider giving .tablefill another color? It still seems to be using the old ORP color - but perhaps it's just my eyes. :)
Citywalker - February 26, 2012 11:17 AM (GMT)
Pyves - February 26, 2012 04:02 PM (GMT)
The new icons match well! ;)
nero - February 26, 2012 08:00 PM (GMT)
A well needed skin change, far better than the old one. Thank you for your effort, Jig.
Adamodell - February 26, 2012 08:26 PM (GMT)
I like how... while it looks good, it isn't pretentious, it's just as laid back as the last one.
miromiro - February 26, 2012 09:21 PM (GMT)
Hey Adam where have you been? I've not seen you in a long while.
jigebren - February 27, 2012 08:58 PM (GMT)
Ok, I think I'm done with most modifications now. B)
I've updated all icons I planned to redraw, re-uploaded a slightly better quality logo and checked/cleaned the CSS and a few board settings...
I've also added a new favicon (PNG - should probably not work in a crappy browser I will refrain from naming).
And you're right, Urne, .tablefill could look better... It's done now.
Don't hesitate to report any remaining glitch. Thanks.
EDIT: A little update to make the Portal look more consistent with the rest of the forum. I'm also using a different trick for the main page frame. It should look weird in IE prior to 7 when a post is larger than expected, but I hope nobody will dare to complain about it. ;)
miromiro - February 27, 2012 10:18 PM (GMT)
He hey, nice favicon there!
TheMeandMe - February 29, 2012 05:48 PM (GMT)
Really, really like it!
as founder / owner / Admin of the Pub, I would hereby express my gratefulness towards the energy and work jigebren has put into polishing the old wooden floors and the brass bar since he became fellow Admin couple of weeks back. Look at that beautiful logo and all!
Cheers!
And thanks again! :)
Phantom - March 1, 2012 02:52 AM (GMT)
Awesome job jig! This place has been surprisingly improved on for the good of the community. I'm very happy and pleased for that. :)
Cheers!
:cheers:
urnemanden - March 5, 2012 03:14 PM (GMT)
Really nice changes jig!
There is just one thing I stumbled upon however:

Was that on purpose
EDIT: Gone now. Nevermind. :)
jigebren - March 6, 2012 01:29 AM (GMT)
Yes, that's because I can't update both the CSS and the HTML at the same time, and for convenience I'm sometime trying modifications directly on the board, but it can take several attempts to reach the expected result... ;)
Now the new icon is properly located in the top left corner. It's just a shortcut to quickly go back to the board home, at anytime. I think it can be useful as noticed that after reading a topic I use to go up to the top of the page just to be able to see the navigation bar (eg. Our ReVolt Pub->Our ReVolt Pub->News->Skin Changes). I know there's a drop-down menu at the bottom of the page but I don't find it that convenient.
Pranav - March 7, 2012 05:31 AM (GMT)
The new skin is really pleasing to the eyes and that logo looks excellent.
Btw, there used to be a limit to what a visitor or guest can see. Now i guess it is removed. Wouldn't it be better to put this limit? If a guest could see everything on the board, then why he/she would join?
urnemanden - March 7, 2012 08:03 AM (GMT)
| QUOTE (Pranav) |
| Wouldn't it be better to put this limit? If a guest could see everything on the board, then why he/she would join? |
Personally I don't like the idea of pushing someone to join just so that they can see the whole board. If people isn't going to post and reply to topics anyway, I really don't see a point in having them to register unless I was a commercial company intending to data mine user information and sell them to third parties.
Well, that's just my opinion of course.
Citywalker - March 7, 2012 12:27 PM (GMT)
Agreed with Urnemanden.
Let them read, think, try things out, and when they finally have something to say, _then_ make them register. This way most junk remains not said, because junksayers are usually too lazy to register. And if someone wants to say something badly enough to register, then it's usually worth listening to. And information (tutorials) remains available to all like it should be.
Just my 2 cents. <tosses those up, catches one, fails the other :)>
Pranav - March 12, 2012 06:18 PM (GMT)
Sorry for the bump.
Is it possible to resize the images posted in the threads automatically it exceeds a certain size. I mean if somebody posts an image of 800 x 800, could it be automatically resized to like 500 x 500? On an another invision free forum i have seen this facility, i thought if it could be possible here also because most of the users do not make thumbnails for the images. Just a suggestion, its upto you though. :)
MythicMonkey - March 12, 2012 08:10 PM (GMT)
I would rather this not happen. I would much prefer it if we simply asked people to resize the -occassionally- too large image.
You guys are too focused on rules. How about instead you set a good example and help others...in a positive fashion...to follow it? :)
Phantom - March 12, 2012 09:25 PM (GMT)
Agreed with Mythic on this, particularly because what we have now gives us the freedom to post non-reduced images when it's intentionally needed.
I take the ocassion to ask if we can add some new tags such as [youtube] or [xIMG] that work on Revolt Live already. Those improvements would be quite useful to make the forum prettier I think.
urnemanden - March 12, 2012 09:29 PM (GMT)
Re-sizing the image on the go would mean a more common use of larger image than right now + another javascript to check the image size and re-size it using a some filter. That could potentially lower the speed of which these forums load. So I am of the same opinion as MythicMonkey and Phantom that I would rather not see such a feature introduced because of the above. Besides, if the image is very big, the forum will still look messy until the image is fully downloaded.
jigebren - March 12, 2012 09:32 PM (GMT)
A suggestion is not a bump. No need to apologize. ;)
I agree something could be done for big images. But resizement is not the way IMO. Why? Because if an user posts a big image and see that it's automatically resized, he'll think that it's ok and he'll look no further. But it's not the proper way, because the page still need to load the full big image to display it, and it can introduce unnecessary slowdown.
We could think that showing an example is enough as MythicMonkey suggested. But what if the example is no followed? (and I'm sure it will not always be followed)
So I rather though about adding Scrollbar. That way, it won't look as if there no issue with big image, and the user who post it will likely find a way to work around this. And the workaround is: using thumbnails... :)
urnemanden - March 12, 2012 10:12 PM (GMT)
aah, that's a really good idea jigebren. How are you going to proceed on that? By adding a max-width entry for img's in the CSS? :)
jigebren - March 12, 2012 11:45 PM (GMT)
Yep, that's how I plan to do it, simply using the CSS.
About [xIMG] BBCode, I think it's used to resize the image on the fly, isn't it? In fact it's the same issue than with Pranav's suggestion, the image still has to be downloaded full-size when displaying the page, it's just a waste of bandwidth. It is not really worth adding support for it IMO.
And so far I don't have really felt the need for adding a [youtube] BBCode. I guess the only way to do it in InvisionFree is by adding extra JavaScript code, right? I don't know, is it really an essential feature?
Pranav - March 13, 2012 01:21 AM (GMT)
Well, i see that no one is in the support of my suggestion. That's ok but i like the idea of adding a Scrollbar. :)
jigebren - April 18, 2012 11:57 PM (GMT)
In order to procrastinate a bit the work on v1.2 or the Blender addon I've started to update a few stuff in the forum...
So I've finally limited the image size, but as I quickly noticed at the time of the previous posts it's not possible to add scrollbars as I was planning, simply because user images are not enclosed in specific <div> on invisionfree Forum.
So I had to go with on the fly resizing, which has the downside of wasting bandwidth (since a big image is loaded to be displayed at a smaller size), but at least it now forbids the display of image larger than 640px. :)
EDIT:
BTW I've also limited the signature height to 64px... It's more than enough to put any signature, or even banner so I don't think nobody should actually find it too restrictive. And here I can add auto-scrollbars... B)