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 but ONLY for questions. or else your wasting your time.

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? Instant Message me at LAYOUTSANdMOR3.


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="IMAGE URL HERE"> <!-- Blink Boxes : Provided by Blogring.net --> <script language=JavaScript> <!-- //blink boxes - xanga.com/add_ons //by sean f http://www.xanga.com/seanmeister //fixed to work with new security measures by //hotaru_01 http://www.xanga.com/hotaru_01 // customize by changing the values below // these are the various colors, in quotes, seperated by commas var blinkColors = new Array("#ff9900","#ff0000","#FFFFFF"); // the border color var blinkBorderColor = "#ffffff" // the border width, in pixels var blinkBorderWidth = 1; // the # of rows var blinkRows = 3; // the # of columns var blinkCols = 1; // the width of the entire box, in pixels or % var blinkWidth = 500; // the height of each row, in pixels var blinkRowHeight = 4.5; // speed of blinking, in milliseconds var blinkRate = 2; // do not edit below this line st=setTimeout; document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>"); for (r = 0; r < blinkRows; r++){ document.write("<TR>"); for (c = 0; c < blinkCols; c++){ document.write("<TD height='" + blinkRowHeight + "'></TD>"); } document.write("</TR>"); } document.write("</table>"); // ... and this makes it blink function blinkIt() { changecell = Math.floor(Math.random() * (blinkCols * blinkRows)); changecolor = Math.floor(Math.random() * blinkColors.length); bb = document.getElementById("blinkbox"); bbtd = bb.getElementsByTagName("td"); bbtd[changecell].style.backgroundColor = blinkColors[changecolor]; st('blinkIt()', blinkRate); } blinkIt(); //--> </script> <style type="text/css"> body { background-color: #ffffff; background-image: url(); background-repeat: no-repeat; background-attachment: fixed; background-position: bottom right; background-color: #ffffff; scrollbar-arrow-color: #c0c0c0; scrollbar-track-color: #ffffff; scrollbar-shadow-color: #ff9900; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #ff9900; scrollbar-darkshadow-color:#ff9900; scrollbar-3dlight-color: #ff9900; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px tahoma; line-height:10px; color: #ff9900; 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: tahoma; text-transform: Capitalize; font-size:16px; font-weight: bold; line-height: 20px; color: #ff9900; background-color: #ffffff; text-align: left; border: 1px dashed #ff9900; border-width: 1px 1px 1px 1px; padding-left: 5px; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color: #ff0000; font:normal 11px tahoma;line-height:10px; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color: #ff0000; font:normal 11px tahoma; line-height:10px; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color: #ff9900; font:normal 11px tahoma; line-height:10px; text-decoration: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #ff0000; font:normal 11px tahoma; background-color: #FFFFFF; letter-spacing:0px; color: #ff9900; filter: alpha(style=0,opacity=50); } table.left { /* this edits the menu module */ border: 1px dashed #ff0000; 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: 1px dashed #ffffff; border-width: 0px 1px 1px 1px; } 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: #ff9900; 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: 1px dashed #ff0000; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #ffffff; border: 1px dashed #ff9900; } 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: 1px dashed #ff9900; } </style> <!-- End Script by Blogring.net --> <BODY style="border-bottom: #ff9900 10t double; border-top: #ff9900 10t double; border-left: #ff0000 10t double; border-right: #ff0000 10t double"></TBODY> <a href="http://xanga.com/USERNAME" target="_blank">USERNAME</a><br /> <style type="text/css"> .blogbody i, .standard i, p i, em { font-weight: italic; color: #ff0000;} </style> <style type="text/css"> .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: bold; color: #ff9900; } </style> <style> u{ border-bottom: 1px dashed #33ff9; color:#ff0000; } </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: 1px solid ffcbe7; } </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>

PLEASE VOTE FOR ME!!!

Questions? Leave a comment. BUT ONLY FOR QUESTIONS! or else your wasting your time.