New color design ~ NanoThoughts 1.0

Thursday, February 15, 2007

New color design

I changed the color scheme a bit and added a new banner at the top.


Let me know what you think.

7 comments:

Rob said...

How do you add the banner in blogger?

Rob

Rog said...

Excellent question. First you have to look at your html for your template. In "Edit Html", you'll find various gif files located near the top. e.g.:

http://www.blogblog.com/snapshot_sable/bg-headerdiv.gif, notice that is a one pixel high image that is repeated down the length of the page by your browser.

However, we're not interested in those right now. The one we are is the original header and is located here:
http://www.blogblog.com/snapshot_sable/header-03.gif

I then put that image into the gimp and/or photoshop and added text to produce this:
http://farm1.static.flickr.com/174/391661996_fb953a733f_o.gif
which I also uploaded into the post that we're commenting on so that I can then host it from here:
http://bp1.blogger.com/_q3sLpPRYGX0/RdUYFGhm0sI/AAAAAAAAABw/N1O83ti2M-8/s1600-h/header-03a.gif

i.e. you just replace the URL of whatever image file you want in the HTML of your template.

I hope that made sense, let me know if it didn't.

J.P. said...

It looks good. For me the "N Comments" line is wrapped, so that the number is next to the date, and the word "Comments" is on the next line. I don't know if that's something you can control, but I don't remember it being that way before.

Also (this is a pet peeve of mine about most multi-author blogs), it's a bit weird to have the author's name at the bottom. Since most of the entries are in the first person, knowing the author is a fairly important piece of context.

Rog said...

My comments look fine. however, if I hit CTRL + (this is a firefox command to increase text size), then what you described happens to me. Are you using firefox or a browser where you can resize text and see if this occurs? It's hard, if not impossible, to make something look good for every browser/OS/text size combination. I just try to make it look good for me and hope it works out for everybody else. I am thinking about expanding the template though at some point.

As for poster identities up top instead of at the bottom, that's another thing I plan on looking into.

J.P. said...

Yeah, it's more or less impossible to make it look good in all browsers. It is wrapped if the text is at normal size, but not if I shrink it by one Ctrl -. I am using FF in Linux right now, though, and it renders things differently sometimes from FF in Win. Also, it's only v 1.5 because I haven't upgraded this one lately.

Rob said...

Well that is what I figured (ie just being able to add in the new img source). In the template of my blog, I dont see any Gif's save the button Gif

Rog said...

@jp: try the firefox options, content tab and then the font and fontsize options. i think it's just a matter of my default text size being smaller than yours (this is also OS and screen resolution dependent as well).
anyway, thanks for the headsup and i'll try to keep the font and fontsize more stable from now on.) (I like it bigger anyway as it was too small before, in my opinion.

@rob: which blog is that?