This section is for people who are starting a layouts site of they're own. They are some of my tips and opinions for those people. If this helps you then please link me or give me credit because I took my time to help you. Good luck! Questions? Leave a comment!!

TIPS 
1.)  To change the colors of a layout code within seconds, copy the layout code, paste it on to Word or Works Processor. I'm not sure if this will work with any other program because i dont have any others besides those. You can try . After you have pasted the code, press CTRL and F keys at the same time. A box will pop up. This is a search/replace/go to thingy. Click on "Replace" tab.



In "Find what:" Put the color code you are wanting to replace. In "Replace with:" put the color code you want to replace it with. This will find and replace all of the hex codes [color codes] in the CSS code. Questions about this? im me at
xosxylayoutsox


2.  Don't be messy. Make seperate entries for all your sections. If I see a messy mixed up layouts site i dont even look through it. It will be easier for your vistitors to find things

CODES FOR A LAYOUTS SITE BEGINNER



My basic CSS code.
<img src="URL OF IMAGE HERE"><BR> <style type="text/css"> body { background-color: #ffffff; background-image: url(); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-color: #ffffff; scrollbar-arrow-color: #c0c0c0; scrollbar-track-color: #ffffff; scrollbar-shadow-color: #9cf7a5; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #9cf7a5; scrollbar-darkshadow-color:#9cf7a5; scrollbar-3dlight-color: #9cf7a5; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px tahoma; line-height:10px; color: #9cf7a5; letter-spacing:0px; text-align:justify; } table.footer TD { /* this makes the footer at the bottom centered */ /* leave it alone unless you know what to do*/ text-align: center; } div.blogheader, .caption { /* edits the dates */ font-family: impact; text-transform: Capitalize; font-size:24px; font-weight: bold; line-height: 28px; color: #9cf7a5; background-color: #ffffff; text-align: center; border: 2px solid #9cf7a5; border-width: 2px 2px 2px 2px; padding-left: 5px; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color: #73efff; font:normal 11px tahoma;line-height:10px; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color: #73efff; font:normal 11px tahoma; line-height:10px; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color: #9cf7a5; font:normal 11px tahoma; line-height:10px; text-decoration: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 2px solid #73efff; font:normal 11px tahoma; background-color: #ffffff; letter-spacing:0px; color: #9cf7a5; filter: alpha(style=0,opacity=50); } table.left { /* this edits the menu module */ border: 2px solid #73efff; width:160px; background-color: #ffffff; } table.blogbody { /* this edits the other the place where the blog is */ background-image: url; background-repeat: no-repeat; background-position: top left; background-color: #ffffff; width:400px; border: 2px solid #73efff; border-width: 0px 2px 2px 2px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: #ffffff; font: bold 11px tahoma; color: #9cf7a5; border: none; text-align: center; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: #ffffff; border: none; text-align: center; border-top: 2px solid #73efff; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #ffffff; border: 2px solid #9cf7a5; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #FF0080; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 2px solid #9cf7a5; } </style> <!-- End Script by Blogring.net --> <BODY style="border-bottom: #9cf7a5 10t double; border-top: #9cf7a5 10t double; border-left: #73efff 10t double; border-right: #73efff 10t double"></TBODY> <style type="text/css"> .blogbody i, .standard i, p i, em { font-weight: italic; color: #73efff;} </style> <style type="text/css"> .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: bold; color: #9cf7a5; } </style> <style> u{ border-bottom: 2px solid #9cf7a5; color:#73efff; } </style> <!-- begin code provided by createblog.com --> <style type="text/css"> /* Blurred Hyperlinks - xanga.com/add_ons - use only 45, 90, 135, 180, 225, 270, 315, or 360 for DIRECTION - STRENGTH means the blur power - do not change or remove HEIGHT:0 and add="0" */ a:hover { filter:blur(add="0",direction="90",strength="7"); height:0; } </style> <!-- end code provided by createblog.com --> <!-- begin code provided by createblog.com --> <style> a:hover { border: none; } </style> <!-- end code provided by createblog.com -->



The tag i put on all of my layouts to say i made them
<a href="http://xanga.com/USERNAME" target="_blank">USERNAME</a><br/>



Boxes to put codes and such in. Like the ones im using right now to give you codes
<textarea rows="10" cols="60" style="color: ; font-family: Tahoma; font-size: 10px; border-style: solid; border-width: 1px; border-color: ; background-color: #FFFFFF;"> YOUR TEXT HERE </textarea>

How to put those in ^^
  1.  Copy the code and go to your entry.
  2.  Check the "Edit HTML" Box and paste the code.
  3.  Uncheck the "Edit HTML" box and now there will be a box with a "Your text here"
  4.  Put your stuff in there!