New Layout for my site!, Can you tell me if you like it or not. Options

[theerinkal]

My site is Sugar-Blossom.net

A Preview is here!!

Click the link below to see it.

Tell me if there is anything that I should improve.


Here is the code if you need it:

CODE

b {font-weight: bold; color: #b77de1;}

u {text-decoration: underline; border-bottom: 2px solid #f3e6b8; color: #e7b2ab;}

i {font-style: italic; color: #f294b4; font-weight: bold;}

p {margin: 0; margin-bottom: 8px;}



#content A:link, #content A:visited { text-decoration: none; color:hotpink; cursor: crosshair; font-family: arial; font-weight: bold; border-bottom: 1px dashed hotpink;}

#content A:hover { text-decoration:none; color:pink; cursor: crosshair; font-family: arial; border-bottom: 3px double pink; }



#navi A, #navi A:link, #navi A:visited { display:block; margin:1px; margin-left:1px; margin-right:1px; ; padding:1px; letter-spacing: 1px; cursor: crosshair; text-decoration:none; color:#fc93ae; font-family: arial; font-weight: bold; text-align: center; border-left: 5px solid pink; background-color: white;}

#navi A:hover { text-decoration:none; color:#fff; font-family: arial; font-weight: bold; text-align: center; border: none; background-color: purple; border-left: 10px solid hotpink; border-right: 10px solid hotpink;}



body {

cursor: nw-resize;

background-color:#fff;

margin:0px;

text-align: justify;

min-width: 700px;

background-image:url(http://img142.imageshack.us/img142/2562/bodybg2qd1.png); background-repeat:repeat-y;

font-family:tahoma, arial; font-size: 11px; line-height: 16px;}



#content {width:745px; position:absolute; left:170px; top:480px; color:#666666; }



#navi {width:160px; position:absolute; left:0px; top:480px; color: #a295de; text-align: justify;}



h1 { display: block; font-family: "century gothic"; font-size: 18px; font-weight: normal; height: 40px; text-align: right; color: #a586b5; background: url(http://i68.photobucket.com/albums/i31/dumb5567/layout%20site%20stuff/header/hearts-6.jpg) no-repeat; padding-top: 8px; padding-right: 15px; margin: 0;}



h2 { display: block; margin-left: 1px; font-size: 16px; height: 34px; text-align: center; color: #e497c7; font-weight: bold; background: url() no-repeat; padding-top: 7px; padding-right: 2px; margin: 0;}


























About Me?





You can talk about random stuff here... I dunno. Short introduction of your site? Or yourself? Maybe write about your latest site updates. Or put some pictures here (but the width of the picture shouldn't exceed 150 pixels). Well, you decide. =)






Navigation




Home



Visitor Content



Guestbook



About The Site



Webmistress



Affiliates









Credits




Layout By: Erin


















About This Layout....




This is where your main content will go. Fill up as much or as little as you want! XD It's all up to you!





Please do not alter the images/layout in any way. And it goes without saying.... do not remove the credit. I mean... I've taken the time to code this, so the least you can do is leave the credit there. But of course.... you may edit the navigation, contents, and such to suit your website needs. I think you'd need some basic knowledge of HTML and CSS to be able to fully make use of this layout. But it's nothing too complicated. There are plenty of tutorials on the web, and even some on CreateBlog too.





This layout was tested in both Internet Explorer and Firefox. In Firefox, the font of the text will be slightly different. Other than that, it works perfectly fine.... compatible in both browsers. ^^ Oh, and it works in all resolutions too. :) Hope you enjoy it!





This is bold text.


This is underlined text.


This is italic text.


This is a link

THANKS!!

[schizo]

Well, it's better than your last one. The brushes are a bit cliche, but they're not bad. I don't really like the reflection effect or the text for your site name, and image looks a bit odd. You're improving, though. :)