PDA

View Full Version : Style Review


Amaury
09-10-2013, 09:19 PM
So August 31 was our second anniversary, which means a new style! KH-Flare 3.0!

What do you guys think?

Look at everything you can: Profiles, threads, forums, etc.

tbworld
09-10-2013, 10:56 PM
I noticed the sidebar is moving below the forums when you collapse the screen.

Maybe you know already. Style looks clean and fresh!:)

Amaury
09-10-2013, 11:39 PM
I noticed the sidebar is moving below the forums when you collapse the screen.

Not sure what you mean here.

tbworld
09-10-2013, 11:55 PM
Collapse the width of your browser, by moving the right side frame inward. Pretend you have a window width of 800px. You will see your sidebar wrap below your forum listing.

Amaury
09-11-2013, 12:02 AM
Collapse the width of your browser, by moving the right side frame inward. Pretend you have a window width of 800px. You will see your sidebar wrap below your forum listing.

Ah, okay.

I'm not sure how to fix that, but I doubt it's a major inconvenience since everyone browses with their window maximized.

tbworld
09-11-2013, 12:32 AM
<grin> I don't :) <joking>

All you need to do is set a min-width if you are running fixed screen templates.

Add this to your additional.css.

body {
min-width: 1048px; /* I based this on forum page */
}


I selected the width from your CMS and forum pages. You may need to modify it to suit your needs.

bruneiguru
09-11-2013, 09:49 AM
Nice work! How did you make the transparent?

K4GAP
09-11-2013, 01:30 PM
Nice work! How did you make the transparent?

Replace any color code with #transp but, be careful to remember the original color in case you mess up. BACK UP, BACK UP, BACK UP.

Max Taxable
09-11-2013, 01:37 PM
Looks clean, but not sure you have this in mind exactly, the navbar cutting into the "remember me" box area? Browser is FF 24.

https://vborg.vbsupport.ru/external/2013/09/19.jpg



Edit: Looks like the header logo image isn't loading for me, for some reason. I can see it if I right click and choose "view image."

Amaury
09-11-2013, 03:05 PM
Replace any color code with #transp but, be careful to remember the original color in case you mess up. BACK UP, BACK UP, BACK UP.

For reference, graphics were done by our other administrator Jordan (https://vborg.vbsupport.ru/member.php?u=509311).

Looks clean, but not sure you have this in mind exactly, the navbar cutting into the "remember me" box area? Browser is FF 24.

https://vborg.vbsupport.ru/external/2013/09/19.jpg



Edit: Looks like the header logo image isn't loading for me, for some reason. I can see it if I right click and choose "view image."

The top navbar_margin, which is 10 by default, is set to zero so there's no gap between the bottom of the logo image and the top of the navigation tabs.

The logo not loading for you is definitely the problem, not anything on our end. Might be because you're on a BETA version of Mozilla Firefox. Have you tried clearing browser data, though?

Max Taxable
09-11-2013, 05:57 PM
For reference, graphics were done by our other administrator Jordan (https://vborg.vbsupport.ru/member.php?u=509311).



The top navbar_margin, which is 10 by default, is set to zero so there's no gap between the bottom of the logo image and the top of the navigation tabs.

The logo not loading for you is definitely the problem, not anything on our end. Might be because you're on a BETA version of Mozilla Firefox. Have you tried clearing browser data, though?I tested it with several browsers from several locations, at Patrick Meehan's site, it's loading the same result. However in the list of loaded images, it shows to be loading, although not rendering on the pages. Just like what I am getting with the three browsers I tried it on, with my own computer. The fact that I can right click on it then view it tells me it's on your end, for some reason it is simply not rendering.

This is completely independent of my browser. Try it yourself, unlimited independent testing at Meehan:

http://webpagetest.org

K4GAP
09-11-2013, 06:42 PM
Loading fine for me on FF 23.0.1

bruneiguru
09-12-2013, 08:41 AM
Replace any color code with #transp but, be careful to remember the original color in case you mess up. BACK UP, BACK UP, BACK UP.

Thank you, I'll have a play around with it.