*mesmerised* 

Your work is incredible!! I especially love the Divinity pink one (or is it divinety?) with the brush blast behind it...or whatever it's called. Sorry, I'm sort of new at PS. I don't know if I can post it under here or the help section but I've seen that style on some other graphics but not sure how it works or how to do it...any hints? 

Thank you so much  :D!
Oh, it's divinely XD...the screenshot is so small!  (http://tm.hoshiru.net/layouts/divinely/index.html <---the actual layout)

It's not that hard to make that actually ^^.  For the one on the layout, I just used tons of abstract, cloud, and sparkles brushes, and you just place them all together (put all the brushes on different layers, you might want to adjust the opacity of some of the brushes, or erase some annoying parts).  All the credits for them are on the layout (the bottom )

Hope that made sense and your able to do it ;)

There is always http://www.awardspace.com/ and thousands of other sites that will host for free....I think we have thread for all that o.0........

I used to use both....mostly photoshop though...but i did make brushes and put it on my deviantart for gimpers out of pity 8D.
But then my computer crashed and when I got a new one I couldn't find my copy of photoshop D:..now I just use gimp because I'm more interested in buying clothes than a new copy :P XD

Divs :D..their easiest to code, and I personally think tables are not meant to be turned into layouts D:..only to hold "content"

Maybe iframes too, it makes the page more simple to look at in my opinion :/

lol
...o.0..I just noticed a typo XD
I meant to say was the green added to the style of the layout XD
Oh well..the layout is still good :D

Are the URLs linking to the images correct?

I really like it :D.  It's simple yet...not simple (can't think of the word) in a way.  And as you said on the layout, it's "simplicity" and the fact it's not showing the full face of the character, helps draw more attention to the content of the site, rather than the designing. 
The only problems i see, is the perfect resolution for this layout, is really big o.0, and I'm looking at this on a 1600x1200 screen....maybe make it smaller a bit??
Also the colors of the light coming out from the bottom of the header sticks out a bit, as it's really green...it does at to the layout a bit, but then again it looks wierd

Hope that helped in anway o.0....i can never find the right words.  Great job !!!

The only way the images will show up, is if you link the URL of the images to the right place.  Did you upload the images to freewebs? 

I dunno about vlad's idea (it probably works...) but the way i do it is in the css body coding, i put

Code:

body{margin-left: auto; margin-right: auto;}

This will center it in the center of the page, but it will still hang to the top or bottom of the page
Or you could just do:
body{margin: auto;}
Well it works for me o.0
Or sometimes i put a wrapper around the things you want to be auto, It's just a another div around all the other divs that make up the layout

Code:

#wrapper{margin: auto;}

and then in the actual layout:

Code:

<div id="wrapper">
"Actually Layout content and images, etc here"</div>

Maybe the picture you want to put the texture on is zoomed out, and the texture become smaller on the picture because of this.
Or it could be the texture is already really small, or maybe even icon size O___O

i think thats the way the font is supposed to be like o.0, are you sure have the right font on the other computer?

Your graphics are acutually pretty good for a beginner o.0.  When I started I was...let's just say i was very bad :P, and it took a year for me to start getting somewhere  XD.
There are a few things i'd like to point out in your graphics.  First of all, in some of them, especially 1st icon, 1st banner, and both layouts, the colors are really....wierd.
The colors seem all around and don't really match together, you have been putting all sorts of yellow, blue, and red in the same layout.  Try going with more similar colors, and make sure your colors are not all over the place.

also another things is that your text is sometimes not readable, as it has the same colors as the background.  Sometimes what i do, is duplicate the text layer, and move it and lower the opacity, so it's like a shadow ^^.  You could also duplicate the layer and blur it, so it has also a little affect added to it...just experiment with layer styles, filters and such.....
Other tips:

• Cut down the use on the brushes...
  For example in the banner, the splatter brushes seem really out of place o.0, it sticks out A LOT among the clouds and sparkles.  Brushes are not *mandatory* when it comes to making layouts, there just a little extra stuff needed to make it look nice as a background (or sometimes on top), ^^.  A good example of not going brush crazy would probably be 3rd banner, and your avatars .
  
• Don't just focus on the background, focus also on editing the image a bit. 
  For example in your second banner, the image seems extremely blurry.  Try sharping (it is a VERY GOOD TOOL to use, especially after resizing your images) it, and adjusting it's brightness/contrasts, curves, levels, etc.  Also another good tool is the smudge tool, to remove any marks from your image (scanning lines, dirt (XD) etc...) 

Well here you go, i hoped it helped o.0.  Just continue making graphics and you'll become a master at it ^^ (i can already see improvement in your second post of icons ^^). 
btw my favs are: the 3rd and 4th banners and the first icon in your newest post 
Keep up the good work!

[that]

hehehe sorry about the late reply....
I swore i saw something about it deprecated somewhere! And yes i did slice an image XD, it's good to know that it's useless to take the trouble to do so :P...as for the page...
I've decided to not use the footer on that layout (sorry for all the trouble ><)BUT there was a older layout,that i used extremely similar (almost identical except for the different images, and widths of the content and link areas) coding and style (yes i did slice the images >.<) and had the same exact problem with the footer, and i'd like to figure it out....  I'll just transfer the coding i used on the other layout, on to this one.  Sadly right now i have to leave for somewhere NOW, so i can't bring it up now..but i'll edit later soon (tomorrow at latest) with images ;) (hope it isn't to much trouble).
btw thanks for the help so far 

Thanks for the link . That helped...a bit...
I made some changes in the code, adding a wrapper around the header image, and the content, and the newly added "links" section.  I also added the code from the tutorial http://www.themaninblue.com/writing/perspective/2005/08/29/

Now the problem i see is that in
IE: there is this huge gap between the content and the  footer, and there is tiny gap between the footer and the end of the page.
Opera: Gap between the content and footer
Firefox: Gab between content and footer

+plus if I put a lot of text in the links or navigation section, or both, the problem with the footer covering the text comes back >.< (in all browsers)...so once again i don't know what i'm doing wrong, or if i even followed the guide correctly o.0.

Here is the new code:
Html:

Code:

<html>

<title>
Name Here
</title>

<link rel="stylesheet" type="text/css" href="style.css">

<body>
<div id="nonFooter">
<div id="image1"></div>
<div id="image2"></div>
<div id="image3"></div>
<div id="image4"></div>
<div id="image5"></div>
<div id="image6"></div>
<div id="image7"></div>
<div id="image8"></div>
<div id="image9"></div>


<div id="content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse non tortor. Duis vulputate egestas tortor. Fusce mauris lacus, varius et, vulputate ut, porta eget, dolor. In lobortis orci at erat. Sed faucibus pulvinar massa. Curabitur faucibus, felis sit amet suscipit congue, sapien orci aliquam ligula, quis feugiat eros nisi eget elit. Proin eu ipsum. Proin sed ligula. Suspendisse laoreet porta dui. Donec viverra. Cras pulvinar urna sit amet felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vestibulum est eget erat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque eget mauris. Nulla viverra, diam ac porta commodo, leo nunc eleifend odio, eu tincidunt lorem justo nec lacus. Proin viverra velit vel purus. Mauris mauris erat, semper at, semper sed, accumsan sed, diam. Aenean et mi. Quisque vehicula euismod odio. Nulla eros. Aenean non metus a lorem elementum sodales. Suspendisse potenti. Pellentesque nibh metus, placerat sed, venenatis in, condimentum sit amet, nisl. Donec sit amet odio nec urna scelerisque lobortis. Maecenas sed elit in sem lobortis auctor. Fusce nonummy, augue eget sodales pretium, augue pede ornare erat, sit amet accumsan elit risus vitae ligula.

Duis eleifend condimentum urna. Ut nec tellus id pede suscipit suscipit. Mauris lacus odio, molestie et, facilisis quis, convallis porta, erat. Etiam et lorem ac tortor aliquet imperdiet. Duis pellentesque bibendum justo. Fusce blandit. Pellentesque adipiscing ante. Vestibulum malesuada, arcu at aliquet hendrerit, elit nisi vulputate diam, id viverra risus dui quis est. Donec urna augue, sodales vel, iaculis in, ultricies nec, risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus mi justo, sollicitudin a, condimentum ac, volutpat eu, mi. Nullam quis orci. Sed orci est, sagittis quis, bibendum in, pulvinar eget, turpis. Vestibulum sem metus, pellentesque vitae, pretium sed, pulvinar sed, lacus. Quisque sagittis, mauris sed ornare tincidunt, lorem dolor imperdiet nunc, eget interdum tortor nibh ut orci. Morbi in lacus vel leo luctus molestie. Nam a nulla.</p>
</div>
<div id="links">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque eget mauris. Nulla viverra, diam ac porta commodo, leo nunc eleifend odio, eu tincidunt lorem justo nec lacus. Proin viverra velit vel purus. Mauris mauris erat, semper at, semper sed, accumsan sed, diam. Aenean et mi. Quisque vehicula euismod odio. Nulla eros. Aenean non metus a lorem elementum sodales. Suspendisse potenti. Pellentesque nibh metus, placerat sed, venenatis in, condimentum sit amet, nisl. Donec sit amet odio nec urna scelerisque lobortis. Maecenas sed elit in sem lobortis auctor. Fusce nonummy, augue eget sodales pretium, augue pede ornare erat, sit amet accumsan elit risus vitae ligula.

Duis eleifend condimentum urna. Ut nec tellus id pede suscipit suscipit. Mauris lacus odio, molestie et, facilisis quis, convallis porta, erat. Etiam et lorem ac tortor aliquet imperdiet. Duis pellentesque bibendum justo. Fusce blandit. Pellentesque adipiscing ante. Vestibulum malesuada, arcu at aliquet hendrerit, elit nisi vulputate diam, id viverra risus dui quis est. Donec urna augue, sodales vel, iaculis in, ultricies nec, risus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus mi justo, sollicitudin a, condimentum ac, volutpat eu, mi. Nullam quis orci. Sed orci est, sagittis quis, bibendum in, pulvinar eget, turpis. Vestibulum sem metus, pellentesque vitae, pretium sed, pulvinar sed, lacus. Quisque sagittis, mauris sed ornare tincidunt, lorem dolor imperdiet nunc, eget interdum tortor nibh ut orci. Morbi in lacus vel leo luctus molestie. Nam a nulla.</p>
</div>
</div>

<div id="footer">
<img src="images/footer.jpg" border="none" alt="footer">
</div>

</body>
</html>

CSS:

Code:

html{height: 100%;}
body{
margin-bottom: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
background-color: #9c866e;
background-image: url('images/background.jpg');
background-position: left;
background-repeat: repeat-y;
font-family: 'Tahoma';
font-weight: normal;
font-size: x-small;
color: #f4e5d4;
height: 100%;}

#nonFooter
{position: relative;
min-height: 100%;}

html #nonFooter
{height: 100%;
}
#image1{position: absolute; left: 0px; top: 0px; width: 889px; height: 70px; background-image: url('images/slice1.jpg');}
#image2{position: absolute; left: 0px; top: 70px; width: 889px; height: 86px; background-image: url('images/slice2.jpg');}
#image3{position: absolute; left: 0px; top: 156px; width: 889px; height: 81px; background-image: url('images/slice3.jpg');}
#image4{position: absolute; left: 0px; top: 237px; width: 889px; height: 82px; background-image: url('images/slice4.jpg');}
#image5{position: absolute; left: 0px; top: 319px; width: 889px; height: 102px; background-image: url('images/slice5.jpg');}
#image6{position: absolute; left: 0px; top: 421px; width: 889px; height: 75px; background-image: url('images/slice6.jpg');}
#image7{position: absolute; left: 0px; top: 496px; width: 889px; height: 92px; background-image: url('images/slice7.jpg');}
#image8{position: absolute; left: 0px; top: 588px; width: 889px; height: 72px; background-image: url('images/slice8.jpg');}
#image9{position: absolute; left: 0px; top: 660px; Width: 889px; height: 114px; background-image: url('images/slice9.jpg');}

#content{position: absolute; left: 0px; top: 670px; width:535px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 195px;}
#footer{position: relative; margin-top: -195px; margin-bottom: 0px; padding-bottom: 0px}
#links{position: absolute; left: 567px; top: 714; width: 198; padding-bottom: 195px;}

I've been trying to put a footer image at the bottom of the page using position: absolute, but i can't seem to get it to the bottom  .  It usually ends up under the header but on top of the content 
Is there something wrong in my coding?

Html:

Code:

<html>

<title>
Name Here
</title>

<link rel="stylesheet" type="text/css" href="style.css">

<body>

<div id="image1"></div>
<div id="image2"></div>
<div id="image3"></div>
<div id="image4"></div>
<div id="image5"></div>
<div id="image6"></div>
<div id="image7"></div>
<div id="image8"></div>
<div id="image9"></div>


<div id="content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse non tortor. Duis vulputate egestas tortor. Fusce mauris lacus, varius et, vulputate ut, porta eget, dolor. In lobortis orci at erat. Sed faucibus pulvinar massa. Curabitur faucibus, felis sit amet suscipit congue, sapien orci aliquam ligula, quis feugiat eros nisi eget elit. Proin eu ipsum. Proin sed ligula. Suspendisse laoreet porta dui. Donec viverra. Cras pulvinar urna sit amet felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed vestibulum est eget erat.</p>
</div>

<div id="footer"></div>

</body>
</html>

CSS:

Code:

body{
margin-bottom: 0px;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
background-color: #9c866e;
background-image: url('images/background.jpg');
background-position: left;
background-repeat: repeat-y;
font-family: 'Tahoma';
font-weight: normal;
font-size: x-small;
color: #f4e5d4;
height: 100%;}

#content{position: absolute; left: 0px; top: 670px; width:535px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 195px;}
#footer{position: absolute; bottom: 0px; left: 0px; width: 889px; height: 195px; padding: 0px; margin: 0px; background-image: url('images/footer.jpg'); }

#image1{position: absolute; left: 0px; top: 0px; width: 889px; height: 70px; background-image: url('images/slice1.jpg');}
#image2{position: absolute; left: 0px; top: 70px; width: 889px; height: 86px; background-image: url('images/slice2.jpg');}
#image3{position: absolute; left: 0px; top: 156px; width: 889px; height: 81px; background-image: url('images/slice3.jpg');}
#image4{position: absolute; left: 0px; top: 237px; width: 889px; height: 82px; background-image: url('images/slice4.jpg');}
#image5{position: absolute; left: 0px; top: 319px; width: 889px; height: 102px; background-image: url('images/slice5.jpg');}
#image6{position: absolute; left: 0px; top: 421px; width: 889px; height: 75px; background-image: url('images/slice6.jpg');}
#image7{position: absolute; left: 0px; top: 496px; width: 889px; height: 92px; background-image: url('images/slice7.jpg');}
#image8{position: absolute; left: 0px; top: 588px; width: 889px; height: 72px; background-image: url('images/slice8.jpg');}
#image9{position: absolute; left: 0px; top: 660px; Width: 889px; height: 114px; background-image: url('images/slice9.jpg');}