Apr 28, 2009

About resolution

I've got questions about making own background, and I will give tutorials for it more, but now I want to show one thing, what is very important to understand, before start making backgorunds.

It depends on your screen size and resolution how you see the background, but you also have to consider that there is many other size screens too. I've took these screen prints with both of my computers. You can see, that there is quite much difference.

Here you see this blog with 1680 x 1050 resolution in 22 " screen.

And this is the same blog with 1024 x 800 resolution in about 15 " screen (my laptop). You can go and check how you see it, this is my Kyynelkaasua blog. It is a normal 2 column Minima template.

Here is a 3 column Minima template in 1680 x 1050 resolution in 22" screen.

And same template with 1024 x 1024 resolution on my laptop 15" screen. How you see my other blog, go and check here.

I make all my backgrounds on 1600 x 1200 px size, some older ones are 1450 x 1100 px. So they all fill the screen even with larger screens. In smaller screens you don't see everything, but I try to place the main images so, that the main parts of them are also seen on smaller screens. I check my backgrounds with both of my screens.

Sometimes I see backgrounds which are too small for bigger screen or too large for the small ones. I recommend to make the background large enough, but make sure if you have images there, that you place them right, that you can see the best parts of them also on the smaller screen.

It's quite difficult to explain, specially for me in English, it would be much easier for me to write in Finnish, but I bet that most of you would not understand a word. Feel free to correct my English anytime you see something written wrong. ;)

And feel free to ask anything about background making, I try to answer as well as I can.


post signature

Apr 20, 2009

About background colors

If you use background image, like my backgrounds on your blog, you should adjust your blog background color as close as you can with the color of the center of the background image.

Even your background color is behind the background image, it shows a little while, before the background image has loaded. So if you have your blog background color close to background image color, all the texts and other stuff will be shown better, if the color is same with image background. And, of course, if there comes problems for some reason, that the background image doesn't show up at all, then your blog is still readable.


post signature

Apr 10, 2009

About Headers


The blog header is like a crown for the blog. Very important element. And if the header and the background match well together, then the blog blog looks so distinguished.

One very important thing is the right size of the header. With 2 column regular Mimima, the header width is 648 px, then the header fits perfectly inside the borders and is well centered. If your header width is something else, it might best to change the widht to 648 px with photo editing software and then install it again.

With 3 column blogs, the header widht can differ, but the header width which I use on my 3 column backgrounds is 868 px.

If your header is already quite close to right size, it's easy to change, but if your image is a much smaller, it might become blurry. Then it's better to make a new image, which is closer to right size.

An other way to make the header match better is remove the borders from the header. You must change the border width from 1px to 0px.


header-wrapper
width:880px;
margin:0 auto 10px;
border:0px solid $bordercolor;

header
margin: 5px;
border: 0px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;

Or you can of course adjust just the color of the borders from "fonts and colors". Choose the color which is the closest of the background color.

Have a wonderful Easter!

post signature

Apr 6, 2009

Easter greetings


I've been busy making collage sheets, but some new Easter stuff you can find from backgrounds and accessories.

post signature