Finally muddling through my template design — surprisingly enough, with the help of the Nuclear Moose’s Wordpress template tutorial, I’ve actually managed to learn a few things. Things are starting to look somewhat like I’d prefer them to look. The problem is, if you’re looking at this blog in 1024×768 resolution — like I am now — you are treated to a hella sweet background image of Mt. Baekdu. If you are using a higher resolution, however, not only does the image repeat, but it repeats in a really bad spot. I might go with a solid color later, or perhaps a repeating background image that lends itself better to this kind of thing. I’m going to leave it as it is for tonight, just in case any of you nice techie folk out there can give me some hints on to how to possibly get the background image to streeeeeetch to fit browsers of different resolutions. As I understand it, this is theoretically impossible, but hell, if you know better, please let me know.
-
English Books on Korea... and More!
-
Visit My Brother's Film Review Site
12 Comments
I miss your fantastic photo of the Korean police in riot gear. Any way you can transplant it? It is so….Korea.
Click here to see how to repeat
images vertically or horizontally with the Body Background tag in CSS.
You may also want to trim the width of this “Your Comment” block - as I’m typing, some text is disappearing
under the right column.
Steve
background-image: url(’xxxxxxxxxx.jpg’);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
I’ll explain all that on Saturday.
It won’t stretch the image, but at least prevent it from repeating
But the answer to your question is to fix it via JavaScript. Make a few copies of the picture for each of the browser
resolutions you want to support. Remove the Body Background Img tag from your CSS. Not familiar with WordPress’ interface,
so can’t really tell you how to insert a javascript into index.php, but it would look something like this:
SCRIPT LANGUAGE=”JavaScript”
!– start
document.write(”STYLE type=”text/css”")
document.write(”!–”)
document.write(”BODY { background-image:url”)
if ((screen.width == 640) (screen.height == 480))
document.write(”the_name_of_your_640×480_image.jpg; }”)
else if ((screen.width == 800) (screen.height == 600))
document.write(”the_name_of_your_800×600_image.jpg; }”)
else if ((screen.width == 1024) (screen.height == 768))
document.write(”the_name_of_your_1024×768_image.jpg; }”)
else document.write(”the_name_of_your_default_image.jpg; }”)
document.write(”– /STYLE”)
–
// End –>
/SCRIPT
Well, it looks like some a couple of the extra dashes were deleted.
Anywhere there’s a (dash) there should be a (dash)(dash),
likewise, when there’s a (dash) it should read (dash)(dash)
hey this is a great design. congratulations, nice work.
Leave the background image. Love it. Ignore the silly nonconformists who aren’t running at 1024×768.
Are you joking? This background image is 630752 bytes! Your entire website shouldn’t be that heavy.
Come to your senses and dump it - those on dialup with thank you.
I prefer a white background wherever you have text.
You could put a wrapper around the graphic so that it takes up the extra space by framing it? And if you ran the image thru photoshjop you could probably reduce the file size by 75% without losing any noticeable quality. Just my 2c. Nice looking blog.
Please check the pages in the field of prvgl
…