[Released] Glacier Style

[Jaymie1989]

Whats the best way to expand the width of the whole style?

I know its set as 900px but I need it to be about 950px and I don't want the images so close to the forum its self.

[Sniper_E]

Look in your Glacier/theme/common.css stylesheet.

Code: Select all

#wrap {
   padding: 0 20px;
   min-width: 650px;
   width: 900px; 
   margin: 0 auto;
}

Make that width: 950px;

[Sir Glen]

Ok, I'm having some trouble with the header space.

I really don't want the site title and description to be displayed, but if I remove them entirely then there are two problems; first, the default favorites text is gone since it uses the site title for that. Second, the header space is actually partially defined by that text. If it's removed then the virtical space is defined by the logo image and the search bar, if you logout the search bar dissapears and the vertical space is reduced by half or more, basically to the area of the logo image plus top/bottom margins. The result is that only part of the header image is displayed to guests; which looks dumb.

To fix the first problem, that the favorites text is missing, I implimented the following tip I got from TopDown back in 2009 (thanks again TopDown!):

Edit your overall_header.html and find

Code: Select all

<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>

Change to

Code: Select all

<!--h1>{SITENAME}</h1>
            <p>{SITE_DESCRIPTION}</p-->

This works for that purpose. However, just as if you removed the text entirely, when you logout the header space is reduced. Alternatively, I tried changing the font to black (since my header image has a black background). This didn't work because, as I failed to notice, the font for the {SITENAME} is defined by <h1>, so putting <font> tags around it doesn't do much besides crew things up. Obviously my knowledge of html (and coding generally) isn't top-notch.

Basically what I'd like to do is fix the header space to a specific virtical size. In the past I've fixed the virtical height by forcing the top margin on the search bar. This has the effect of increasing the space. However, I never noticed that when you logout the search bar goes away and the space is reduced accordingly.

Can I fix a margin to the site logo image that would have the same effect? Is there some other way to force the height of the header space?

Alternatively, and probably much more complicatedly (is that a word?), in an ideal world I would like the search bar to not be in the header space at all. I'd be fine if it was in the right side of the breadcrumbs section (what I call the gray bar with the "Board Index" link on the left side), or somewhere else under the header. Maybe in the white area below the breadcrumbs line.

I just don't like my header images to be obscured.

This brings me to my final comment; the bottom 5-10px (not sure exactly how many) of the header don't get displayed. This is evident if you put a border on a header image and look at it in glacier. This might just be a bug that nobody noticed, but it plays havic with header images that use space symetrically. I usually fix this, again, by playing with the top margin on the search box, but it seems like something worth fixing for future versions.

This whole headerspace thing is my ONLY complaint about Glacier. It's my favorite style. I love it. I especially love that it supports custom header images with such flexibility. I just don't like how difficult it is to modify that space.

Edit: If you'd like to see what I'm talking about, the forum in question (currently under construction) is at www.stormtrooperlounge.com

[NumberOne Matt]

instead, change:

Code: Select all

<h1>{SITENAME}</h1>
<p>{SITE_DESCRIPTION}</p>

to

Code: Select all

<h1>&nbsp;</h1>
<p>&nbsp;</p>

[Sir Glen]

That would have worked perfectly, except that I have the search bar on the left side of the space instead of the right due to the particularities of our header image, and the site text and header text can't occupy the same space. Is there some way to move the site name/description to the right side, so they are basically swapped from normal glacier? I'm just not sure where I would find that particular code.

If so I think that would be perfect.

Edit: I've played around with the site description position in common.css with no real effect. Changing the right margin to a left margin hasn't helped, adding a top margen (to try to raise it) hasn't helped. So far no luck.

I've made the text visible again so you can see the position conflict and all that fun at my site: www.stormtrooperlounge.com
Username: Test
Password: Test123

[Sir Glen]

What if I simply wanted to switch everything on the right side of the header space to the left, and vice versa. Just mirror what's currently there. I've tried that in Common.css. It didn't seem to work well. Any idea on how I would do it?

Edit: Nevermind, I finally got it sorted. I had made an error when I tried to reverse the positions of everything in the header space . I've succeeded at that, and I think it's enough. I'd still like to figuer out how to have a little more intuitive control of the space, but this will work for the time being.

[Sir Glen]

Ok, new question/issue.

I am trying to replace the existing 30x30 forum and topic icons with 40x40 icons. Changing the images themselves is easy, changing the image resolution in imageset.cfg is easy, however despite this there is a margin issue with forum titles and description text. Basically the new larger image overlaps the forum titles and descriptions by a few pixels on the right edge. This is obviously a CSS issue but I can't figure out where to fix it. Any ideas?

You can see the specific issue at www.stormtrooperlounge.com/forums

Thanks!

[Sniper_E]

I think in the theme/content.css stylesheet you can make more room there.

Find

Code: Select all

dl.icon dt {
   padding-left: 45px;               /* Space for folder icon */

Just make that padding-left: 55px; or whatever you need.

[Sir Glen]

That did it! Awesome, thanks. I really appreciate it.

[GHayman Graham]

I have been reading your forums for some time now and thought it time to register, especially as I have come across a bit of a wall.

I am having similar problems to those that Sir Glen mentioned relating to the header title graphic. I have been using Glacier for years now and managed to resolve the issue when I first set the forums up but for the life of me I can't remember how I did it in order to fix the problems I am having on a fresh set of forums using the latest update of Glacier.

I have ripped out the site name and description from the header graphic along with the search box and all of that has resulted in the header shrinking to approximately half its original height. If I hardcode the height in common.css here:

Code: Select all

.headerbar {
   background: none repeat-x 0 0;
   color: #FFFFFF;
   margin-bottom: 4px;
   padding: 0 5px;
   height: 200px;

I end up with a slightly distorted header graphic as it tries to place the curved corners where the header got shrunk in height.

Example here: http://the-unforgiven.org/forums/swtor/index.php

If I add in the below instead then it works but makes the site logo clickable space occupy a massive area (it achieves the desired result but having 1 set of forums where it works by the above method irks me knowing I shouldn't have to resort to the below)

Code: Select all

#logo {
   float: left;
   width: auto;
   padding: 10px 13px 0 10px;
   height: 180px;

The original forums where adding the height:200px line worked fine can be seen here: http://the-unforgiven.org/forums/wow/

Hopefully my innane ramblings make sense to some people and has anybody got any ideas on how to achieve the desired result on my new set of forums; it is so fraustrating knowing I managed to get around the problem last time but that was years ago