Archive for July, 2007
You can use the search form below to go through the content and find a specific post or page:
Quick and Easy Div Layouts
Saturday, July 21st, 2007My sense is that, for some reason, most people have a tendency to code div layers layouts by using an <img> tag at the beginning of the <body> of the document for the header image, and then using absolute positioning to place the main content area and sidebar(s) in their appropriate locations. This method is flawed in that, in the absence of a stylesheet (as may be the case when viewing the website on an older browser), the header image still shows up, causing the page to look quite ugly (example). This is especially annoying if your header image has a large height. A better solution is to use a div image replacement, as I have done in ain’t afraid to die, featuring Dir en grey. I will use this layout as an example.
Contact Form Problems
Sunday, July 15th, 2007I’ve been having some problems with my contact form recently. I think I’ve fixed the problem now. If you’ve used it to try to send me anything recently and haven’t gotten a reply, please try again.
New Tenten layout?
Tuesday, July 10th, 2007I’ve been trying to make a new layout for my Tenten fanlisting, Leopard Print, but I’m not sure I like how it’s turning out. Here are two versions of what I’ve got so far:
Which one should I go with? The pink/grey version looks surprisingly good, despite the fact that I don’t think it matches Tenten’s personality so well. I should probably actually find some pictures of him wearing leopard print, considering the name of the fanlisting, but I really love this shoot ^^;I wonder if I’m losing my touch… I really adore the current layout on Leopard Print, and I feel like this one that I’m working on doesn’t quite match up to the same standard. I find myself running out of ideas about what to do next. I usually like to use a lot of Color Burn and Color Dodge, but I’ve somehow constructed a layout where they don’t quite seem to fit. I do like the black rectangles running along the bottom of the layout, though xD
Update: 7/12/2007, 11:42PM
I added a bit of a header. I wanted to include another image instead of just having the bar, but I can’t seem to find any good scans of this photoshoot >.< I managed to clean up that one lying down image decently well with a few blending mode tricks, and the other two were taken from his blog– it’s kind of sad when webcam/phone pictures are better quality than magazine scans; people need to realize that low quality grainy scans are basically useless.
I’m not sure how I feel about the diagonal lines on the content section– I feel like it needs SOMETHING to keep it from being too bland, though. I’ll keep playing with it.
Update: 7/15/2007, 8:51PM
I’ve finished the layout and coded it. You can see it here. I changed the header a bit because it looked too even before, though the diagonal lines on the content area were the best thing I could come up with, so I decided to keep them. I also added some burn layers to the top and bottom left corners because I just couldn’t resist.
100% Height CSS Layout w/ Footer
Tuesday, July 3rd, 2007I have a tendency to make designs that are meant to stretch from the very top of the bowser window to the very bottom. The problem is that, especially in very large browser resolutions, sometimes there isn’t enough content to force the layout to either completely fill all of the vertical space in the viewport, or to scroll vertically, leaving a margin between the bottom of the layout and the bottom of the browser window. I’ve finally, I believe, solved the problem, and since I haven’t seen anyone else using this method, I decided to make a tutorial. The method is an extension of this example layout and relies on the principles of min-height, absolute/relative positioning, and z-index. This is the method I’ve used to code the current LastSong.net layout (Waste, featuring UnsraW).
