﻿<?xml version="1.0" encoding="utf-8"?><rss version="2.0"><channel><title>anime_layouts_4_u_tutorial's Xanga</title><link>http://anime-layouts-4-u-tutorial.xanga.com/</link><description>Latest Xanga weblog from anime_layouts_4_u_tutorial</description><language>en-us</language><ttl>60</ttl><image><title>The Weblog Community</title><url>http://s.xanga.com/images/xangalogobutton.gif</url><link>http://anime-layouts-4-u-tutorial.xanga.com/</link></image><item><title>Sunday, April 30, 2006</title><link>http://anime-layouts-4-u-tutorial.xanga.com/227759860/item/</link><guid>http://anime-layouts-4-u-tutorial.xanga.com/227759860/item/</guid><pubDate>Sun, 30 Apr 2006 21:55:17 GMT</pubDate><description>&lt;BR&gt;
&lt;DIV id=scroll3 style="BORDER-RIGHT: #000000 0px; BORDER-TOP: #000000 0px; OVERFLOW: auto; BORDER-LEFT: #000000 0px; WIDTH: 367px; BORDER-BOTTOM: #000000 0px; HEIGHT: 300px"&gt;
&lt;P&gt;
&lt;CENTER&gt;&lt;IMG alt="So how do you make a layout anyway?" src="http://img205.imageshack.us/img205/8454/layouttutorial5xi.png"&gt;&lt;/CENTER&gt;&lt;BR&gt;&lt;B&gt;Learn to Make a Layout...&lt;/B&gt;&lt;BR&gt;That doesn't look like crap&lt;BR&gt;&lt;BR&gt;&lt;U&gt;Part&amp;nbsp;One&lt;/U&gt;: Understanding What a Layout is&lt;BR&gt;&lt;BR&gt;So...you want to make a layout. Okay...it's fine with me, but in order to make one, you &lt;EM&gt;need to understand what it is that you're doing&lt;/EM&gt;. &lt;BR&gt;&lt;BR&gt;Here's an analogy...think of this...a layout is like a set of clothes. Without clothes you're naked, right? Well&amp;nbsp;a xanga without a layout is naked too. There are a wide range of types of layouts, and the same goes with clothes, but the basic principle of clothing is to cover you up. And that's what a layout does.&lt;BR&gt;&lt;BR&gt;I'm sure everyone has seen the huge HTML code that layout makers use to make a layout. All that code does is change the colors of parts of a xanga to make it look better, and maybe add an image or two. &lt;EM&gt;That's all a layout is&lt;/EM&gt;.&lt;BR&gt;&lt;BR&gt;Everything is really not as complicated as it looks. Actually, once you get the hang of it...it's quite easy.&lt;BR&gt;&lt;BR&gt;&lt;U&gt;Part&amp;nbsp;Two&lt;/U&gt;: The Type of Layout&lt;BR&gt;&lt;BR&gt;You usually choose to make one of two types of layouts:&lt;BR&gt;&lt;BR&gt;&lt;STRONG&gt;1. Plain Layout&lt;/STRONG&gt;&lt;BR&gt;&lt;A href="http://www.xanga.com/card_captor_sakura_layout" target=_new&gt;Click here&lt;/A&gt;&amp;nbsp;for an example&lt;BR&gt;&lt;BR&gt;&lt;STRONG&gt;2. Layout with Custom Modules&lt;/STRONG&gt;&lt;BR&gt;&lt;A href="http://www.xanga.com/melsdesign1" target=_new&gt;Click here&lt;/A&gt;&amp;nbsp;for an example&lt;BR&gt;&lt;BR&gt;Once you pick the layout type that you want, you're all set. If you are a beginner, then I would pick the &lt;U&gt;Plain Layout&lt;/U&gt;. If you think you know a bit more about HTML and would like a challenge, then try the &lt;U&gt;Layout with Custom Modules&lt;/U&gt;.&lt;BR&gt;&lt;BR&gt;&lt;U&gt;Part&amp;nbsp;Three&lt;/U&gt;: Plain Layout&lt;BR&gt;&lt;BR&gt;Let's start with the Plain Layout...&lt;BR&gt;Here is&amp;nbsp;a style sheet for a&amp;nbsp;&lt;U&gt;Plain Layout&lt;/U&gt;&amp;nbsp;with no custom modules: &lt;BR&gt;&lt;TEXTAREA&gt;This is a code to make your own layout provided for free by anime_layouts_4_u_tutorial
 
&amp;lt;!-- Whenever you see a little message like this, you should read it, because it's important--&amp;gt;
ALWAYS READ CAPITAL LETTERS!

&amp;lt;!-- The code below makes the top of your xanga have text.--&amp;gt;
If you want to write something like..."Welcome to my xanga," or your xanga username go ahead. Just fill in where it says, YOUR TEXT HERE with what you want the words to say. Next you get to change the font, color and size of the text. Where it says YOUR FONT HERE replace that with a font that you like, ex. Tahoma, Impact, Snap ITC. Then you can change the color of the font. You can replace the 000000 (black) with a color like red, blue, orange, etc. If you want to get specific with colors you can look at the color chart right here [http://www.lissaexplains.com/colorchart.gif]. Simply take the number off that chart and put it in for 000000. Then you can change the size of your font. The Sizes range from 1-7 with 1 being the smallest and 7 being the largest.

&amp;lt;font face="YOUR FONT HERE" color="000000" size="7"&amp;gt;YOUR TEXT HERE&amp;lt;/font&amp;gt; 


&amp;lt;!-- The code below makes the color of your scrollbar change--&amp;gt;
Let's start at the beginning...first it says background color. Change that to a color of your choice using the hex color code chart mentioned above. If you want to put a background image on your page put the url [ex. this is an example of a  URL http://img335.imageshack.us/img3435/24859/banner134ai.png] where it says YOUR IMAGE URL HERE. If you want your background to repeat/not repeat change REPEAT OR NOT? to repeat or no-repeat. If you don't want your background to repeat, you want it to be attached change FIXED OR NOT? to fixed. Then set the position [change POSITION HERE] that you want your fixed background to be in, ex. bottom right, bottom left, top right, top left.

The next part changes the colors of the different parts of the scrollbar. The face is the little rectangle that you move around to scroll up and down. The track is the part where the little rectnangle slides around. The arrow is the little arrow at the top and bottom of the face/rectangle. There are other parts of the scrollbar like shadow, highlight, etc. Just fool around with colors until you get the look that you want. Use the hex color codes mentioned at the top to change the colors.

&amp;lt;style type="text/css"&amp;gt;
body {
background-color: YOUR COLOR HERE;
 background-image:  ( OUR IMAGE URL HERE);
 background-repeat: REPEAT OR NOT?; 
 background-attachment: FIXED OR NOT?; 
 background-position: POSITION HERE;
  scrollbar-arrow-color: YOUR COLOR HERE;
  scrollbar-track-color: YOUR COLOR HERE;
  scrollbar-shadow-color: YOUR COLOR HERE;
  scrollbar-face-color: YOUR COLOR HERE;
  scrollbar-highlight-color: YOUR COLOR HERE;
  scrollbar-darkshadow-color: YOUR COLOR HERE;
  scrollbar-3dlight-color: YOUR COLOR HERE; 
  }
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* THIS EDITS THE MAIN TEXT OF YOUR XANGA
You can change the style of the main text, make it normal, bold or italicized...then change the size number but keep the "px" which stands for pixles and shows what unit the font will be in. An avergae size font would be about 12px. Then change FONT TYPE to the font you want the main text on the page to be, Tahoma, Arial, Times New Roman, etc. The line height is the number of pixles in between lines of text on your page. You can change the Line-height number to make it smaller or bigger. Letter spacing is the number of extra spaces between your letters. I would leave this at zero pixles. Text align is if you want your text to be aligned right, left in the center, etc.*/

  font: normal 12px Tahoma;
  line-height: 18px;
  color:000000;
  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 {
/* THIS EDITS THE FONT AND COLOR OF THE DATES
On your xanga you have the little box at the top of an entry that says the date. Use what I told you above to figure out what each of these parts of the code mean.*/

font-family:tahoma;
text-transform:lowercase;
font-size:12px;
line-height: 20px;
background-color: YOUR COLOR HERE;
color:YOUR COLOR HERE;
letter-spacing:0px;
text-align: center;
}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* THIS EDITS ALL LINKS 
This edits the links or hyperlinks on your page. I would change them to be a different color of the main text so they can be identified easily. Text decoration is if you want your links to be bold, italicized, underlined, etc.*/
  color: YOUR COLOR HERE;
  text-decoration: NONE;
   font: normal 12px tahoma;
  }
a:visited, a.footernav:visited,  {
/* THIS EDITS LINKS THAT THE USER HAS VISITED 
Once you click on a link, it is considered "Visited". Change the color, font, size, etc. of a visited link if you want.*/

  color: YOUR COLOR HERE; 
  text-decoration: NONE; 
font: normal 12px tahoma;

   }
a:hover {
/* THIS EDITS LINKS WHEN YOU PUT YOU MOUSE OVER THEM
Putting your mouse over a link is known as a "hover". You can change the color, font, size, etc. of a hover link if you want. */

color: YOUR COLOR HERE;
text-decoration: NONE;
font:normal 12px tahoma;

  }
input, select, textarea, .textfield, .button {
/* THIS EDITS THE BUTTONS DROPDOWNS, ETC.
This code edits the buttons and dropdowns on your page. A music playlist is an example of a dropdown menu. Feel free to change the font, color, size etc. of your buttons and dropdown menus. */
  font:normal 12px tahoma;
  background-color: YOUR COLOR HERE;
  letter-spacing:0px;
  color: YOUR COLOR HERE;
  }
table.left { 
/* THIS EDITS THE MENU MODULE 
This edits the module on the side of your xanga containing your profile information, subscriptions, blogrings, etc. Change the border color [where it says black use the hex codes to pick another color if you wish] and thickness [change 1px to another number] and type of border [solid, dashed, dotted, etc]*/
  border: 1px solid black;
  }
table.blogbody {
/* THIS EDITS THE PLACE WHERE THE BLOG IS
This is self explanatory. This edits what you blog/entries look like. You can change the width to how ever many pixles wide you want the entry box to be. I would leave it around 300-450 pixles. */
  background-color: white;
  width: 400px;
  font:normal 12px tahoma;
  line-height:18px;
  color: black;
 border: 1px solid black;
 }
table.left th {
/* ON YOUR MENU MODULE THIS EDITS THE TITLE PART OF IT*/
/* This part edits the titles like blogrings, subscriptions, etc. Use your knowledge to figure out what everything means based on the codes above.*/

  background-image: none;
  background-color: YOUR COLOR HERE;
  font: normal 12px tahoma;
  text-transform: lowercase;
  color: 000000;
  }
table.left TD {
/* ON YOUR MENU MODULE, THIS EDITS THE BODY OF IT 
This edits the boyd of your menu module. Use that good old prior knowledge to figure out how to alter the code.*/
  background-image: none;
  background-color: white;
  border: none;
  font:normal 12px tahoma;
  line-height:18px;
  color: black;
  }
table.search TD, table.search, table.announcements {
/* THIS CHANGES THE BORDER OF THE SEARCH BAR
Self explanatory...change this as you wish.*/
  background-color: white 
  border: 1px solid black;
  }
table.search TD, table.announcements TH {
/* CHANGES THE COLOR OF THE NEW WEBLOG ENTRIES BOX
You know when you are signed into your own xanga and you see the box that says New Weblog Entry and some other things? This code changes that box.*/

  border: 1px solid black;
  }

hr {
/* THIS IS THE COLOR OF A HORIZONTAL DIVIDER 
There is a horizontal divider at the bottom of most xangas using the style sheet. Change the color if you wish.*/
  border: 1px solid black;
  }
&amp;lt;/style&amp;gt;

/* THIS IS THE COLORS OF BORDERS AROUND YOUR PAGE 
The colors and thickness of the borders that surround your page can be changed here. Keep the thickness to around 10-25t to make the page look nice. Change YOUR COLOR HERE to the color that you want.*/
&amp;lt;BODY style="border-bottom: YOUR COLOR HERE
20t solid; border-top: YOUR COLOR HERE
20t solid; border-left: YOUR COLOR HERE
20t solid; border-right: YOUR COLOR HERE
20t solid"&amp;gt;&amp;lt;/BODY&amp;gt;

/* THIS EDITS THE BLINK BOXES AT THE TOP OF YOUR PAGE 
I'm sure everyone loves those blink boxes. Here you can change the colors of your blink boxes below where the parenthese ( ) are. Seperate the colors with commas and keep them in quotes " ". Use the hex color code chart mentioned at the top again. 

You can then change the border of your blink boxes by changing the BLACK to a color of your choice. Where it says "var blinkRows = 1;" You can change the number. That number is the number of rows that your blink boxes will have. Where it says "var blinkCols = 40;" You can change that number. That number is the number of columns that your blink boxes will have. Do not edit anything below where it says, "DO NOT EDIT BELOW THIS LINE". Down there is the complicated interworkings of the blink boxes, which I don't even know how to edit. After the blink boxes code you can put a link back to your xanga/xanga layout site saying that you made this layout. 

Then you are done! Test your layout and see if everything is working correctly before releasing it to the public. I always test my layouts and fix any errors that I make. */

&amp;lt;!-- Blink Boxes : Provided by Blogring.net --&amp;gt;
&amp;lt;script language=JavaScript&amp;gt;
&amp;lt;!--
//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

var blinkColors = new Array("YOUR COLOR HERE","YOUR COLOR HERE","YOUR COLOR HERE", "YOUR COLOR HERE");
// the border color
var blinkBorderColor = "BLACK"
// the border width, in pixels
var blinkBorderWidth = 1;
// the # of rows
var blinkRows = 1;
// the # of columns
var blinkCols = 40;
// the width of the entire box, in pixels or %
var blinkWidth = 625;
// the height of each row, in pixels
var blinkRowHeight = 10;
// speed of blinking, in milliseconds
var blinkRate = 8;

// DO NOT EDIT BELOW THIS LINE
st=setTimeout;
document.write("&amp;lt;table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'&amp;gt;");
for (r = 0; r &amp;lt; blinkRows; r++){
document.write("&amp;lt;TR&amp;gt;");
for (c = 0; c &amp;lt; blinkCols; c++){
document.write("&amp;lt;TD height='" + blinkRowHeight + "'&amp;gt;&amp;lt;/TD&amp;gt;");
}
document.write("&amp;lt;/TR&amp;gt;");
}
document.write("&amp;lt;/table&amp;gt;");
// ... 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();
//--&amp;gt;
&amp;lt;/SCRIPT&amp;gt;
&amp;lt;!-- End Script by Blogring.net --&amp;gt;

&amp;lt;br&amp;gt;&amp;lt;a href="URL OF YOUR SITE"&amp;gt;Layout made by YOUR SITE HERE&amp;lt;/a&amp;gt;&lt;/TEXTAREA&gt;&lt;BR&gt;&lt;BR&gt;Copy the code above into Microsoft Word or Notepad or another program that handes text. Read the directions that I have provided you with that are located in the code. Then from there you can make your layout! Just make sure you &lt;STRONG&gt;read everything carefully&lt;/STRONG&gt;.&lt;BR&gt;&lt;BR&gt;So...you have mastered the Plain Layout and want to try something more advanced, eh? Let's move on to the Custom Module Layout...&lt;BR&gt;&lt;BR&gt;&lt;U&gt;Part&amp;nbsp;Four&lt;/U&gt;: Custom Module Layout&lt;BR&gt;&lt;BR&gt;First you need to know how a &lt;U&gt;Custom Module Layout&lt;/U&gt; gets its name. A&amp;nbsp;module is the boxes of text that are usually on the left side, that you may see on some xangas. They contain things like, blogrings, subscriptions, etc. The only difference between the &lt;U&gt;Custom Module Layout&lt;/U&gt; and the &lt;U&gt;Plain Layout&lt;/U&gt; is that the&amp;nbsp;Custom Module Layout lets you change what is in the side module.&amp;nbsp;There is a custom module on this site and on anime_layouts_4_u.&lt;BR&gt;&lt;BR&gt;Here is&amp;nbsp;a style sheet for a&amp;nbsp;&lt;U&gt;Custom Module Layout&lt;/U&gt;: &lt;BR&gt;&lt;TEXTAREA&gt;This is a code to make your own layout provided for free by anime_layouts_4_u_tutorial
 
&amp;lt;!-- Whenever you see a little message like this, you should read it, because it's important--&amp;gt;
ALWAYS READ CAPITAL LETTERS! Be alert for little messages and notes sometimes not in all caps.

/* THIS EDITS THE TITLE OF YOUR PAGE
At the top of the window there is usually something like so-and-so's Xanga Site. You can change that right here. Make it says what ever you want, "Welcome to my xanga," or "My Xanga Rocks!" or whatever you want. Replace TITLE OF YOUR PAGE HERE with what you want the title of the page to say. */

&amp;lt;script&amp;gt;document.title="TITLE OF YOUR PAGE HERE";&amp;lt;/script&amp;gt;

&amp;lt;!-- The code below makes the top of your xanga have text.--&amp;gt;
If you want to write something like..."Welcome to my xanga," or your xanga username go ahead. Just fill in where it says, YOUR TEXT HERE with what you want the words to say. Next you get to change the font, color and size of the text. Where it says YOUR FONT HERE replace that with a font that you like, ex. Tahoma, Impact, Snap ITC. Then you can change the color of the font. You can replace the 000000 (black) with a color like red, blue, orange, etc. If you want to get specific with colors you can look at the color chart right here [http://www.lissaexplains.com/colorchart.gif]. Simply take the number off that chart and put it in for 000000. Then you can change the size of your font. The Sizes range from 1-7 with 1 being the smallest and 7 being the largest.

&amp;lt;font face="YOUR FONT HERE" color="000000" size="7"&amp;gt;YOUR TEXT HERE&amp;lt;/font&amp;gt; 


&amp;lt;!-- The code below makes the color of your scrollbar change--&amp;gt;
Let's start at the beginning...first it says background color. Change that to a color of your choice using the hex color code chart mentioned above. If you want to put a background image on your page put the url [ex. this is an example of a  URL http://img335.imageshack.us/img3435/24859/banner134ai.png] where it says YOUR IMAGE URL HERE. If you want your background to repeat/not repeat change REPEAT OR NOT? to repeat or no-repeat. If you don't want your background to repeat, you want it to be attached change FIXED OR NOT? to fixed. Then set the position [change POSITION HERE] that you want your fixed background to be in, ex. bottom right, bottom left, top right, top left.

The next part changes the colors of the different parts of the scrollbar. The face is the little rectangle that you move around to scroll up and down. The track is the part where the little rectnangle slides around. The arrow is the little arrow at the top and bottom of the face/rectangle. There are other parts of the scrollbar like shadow, highlight, etc. Just fool around with colors until you get the look that you want. Use the hex color codes mentioned at the top to change the colors.

&amp;lt;style type="text/css"&amp;gt;
body {
background-color: YOUR COLOR HERE;
 background-image:  ( OUR IMAGE URL HERE);
 background-repeat: REPEAT OR NOT?; 
 background-attachment: FIXED OR NOT?; 
 background-position: POSITION HERE;
  scrollbar-arrow-color: YOUR COLOR HERE;
  scrollbar-track-color: YOUR COLOR HERE;
  scrollbar-shadow-color: YOUR COLOR HERE;
  scrollbar-face-color: YOUR COLOR HERE;
  scrollbar-highlight-color: YOUR COLOR HERE;
  scrollbar-darkshadow-color: YOUR COLOR HERE;
  scrollbar-3dlight-color: YOUR COLOR HERE; 
  }
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* THIS EDITS THE MAIN TEXT OF YOUR XANGA
You can change the style of the main text, make it normal, bold or italicized...then change the size number but keep the "px" which stands for pixles and shows what unit the font will be in. An avergae size font would be about 12px. Then change FONT TYPE to the font you want the main text on the page to be, Tahoma, Arial, Times New Roman, etc. The line height is the number of pixles in between lines of text on your page. You can change the Line-height number to make it smaller or bigger. Letter spacing is the number of extra spaces between your letters. I would leave this at zero pixles. Text align is if you want your text to be aligned right, left in the center, etc.*/

  font: normal 12px Tahoma;
  line-height: 18px;
  color:000000;
  letter-spacing:0px;
  text-align:justify;
  }

}
.blogbody b, .standard b, p b, strong {
*/ THIS EDITS THE BOLDED TEXT
Change the color of your bolded text by replacing it with a color from the hex color codes chart mentioned above. You can also change the font of the bolded text.*/

 font-weight: bold;
 color: YOUR COLOR HERE;
 font-family: YOUR FONT HERE;
 }
*/ THIS EDITS THE ITALICIZED TEXT
Change the color of your itialicized text by replacing it with a color from the hex color codes chart mentioned above. You can also change the font of the italicized text. */

em,i {
font-weight: italize;  
color: YOUR COLOR HERE;
font-family: YOUR FONT HERE; 
}

*/ THIS EDITS THE UNDERLINED TEXT
Change the color of your itialicized text by replacing it with a color from the hex color codes chart mentioned above. You can also change the font of the italicized text.*/

u {font-weight: underline;
color: YOUR COLOR HERE; 
font-family: YOUR FONT HERE; 
}


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 {
/* THIS EDITS THE FONT AND COLOR OF THE DATES
On your xanga you have the little box at the top of an entry that says the date. Use what I told you above to figure out what each of these parts of the code mean. You can change the border colors and thickness around the date as you wish.*/

font-family:tahoma;
text-transform:lowercase;
font-size:12px;
line-height: 20px;
background-color: YOUR COLOR HERE;
color:YOUR COLOR HERE;
letter-spacing:0px;
text-align: center;
border-top: 1px solid YOUR COLOR HERE; 
border-left: 1px solid YOUR COLOR HERE;
border-right: 1px solid YOUR COLOR HERE;
border-bottom: 4px solid YOUR COLOR HERE;

}
a:link, .footernav.link, a.footernav:link, a.footernav:active {
/* THIS EDITS ALL LINKS 
This edits the links or hyperlinks on your page. I would change them to be a different color of the main text so they can be identified easily. Text decoration is if you want your links to be bold, italicized, underlined, etc.*/
  color: YOUR COLOR HERE;
  text-decoration: NONE;
   font: normal 12px tahoma;
  }
a:visited, a.footernav:visited,  {
/* THIS EDITS LINKS THAT THE USER HAS VISITED 
Once you click on a link, it is considered "Visited". Change the color, font, size, etc. of a visited link if you want.*/

  color: YOUR COLOR HERE; 
  text-decoration: NONE; 
font: normal 12px tahoma;

   }
a:hover {
/* THIS EDITS LINKS WHEN YOU PUT YOU MOUSE OVER THEM
Putting your mouse over a link is known as a "hover". You can change the color, font, size, etc. of a hover link if you want. */

color: YOUR COLOR HERE;
text-decoration: NONE;
font:normal 12px tahoma;

  }
input, select, textarea, .textfield, .button {
/* THIS EDITS THE BUTTONS DROPDOWNS, ETC.
This code edits the buttons and dropdowns on your page. A music playlist is an example of a dropdown menu. Feel free to change the font, color, size etc. of your buttons and dropdown menus. */
  font:normal 12px tahoma;
  background-color: YOUR COLOR HERE;
  letter-spacing:0px;
  color: YOUR COLOR HERE;
  }
table.left { 
/* THIS EDITS THE MENU MODULE 
This edits the module on the side of your xanga containing your profile information, subscriptions, blogrings, etc. Change the border color [where it says black use the hex codes to pick another color if you wish] and thickness [change 1px to another number] and type of border [solid, dashed, dotted, etc]*/
  border: 1px solid black;
  }

table.left th {
/* ON YOUR MENU MODULE THIS EDITS THE TITLE PART OF IT*/
/* This part edits the titles like blogrings, subscriptions, etc. Use your knowledge to figure out what everything means based on the codes above.*/

  background-image: none;
  background-color: YOUR COLOR HERE;
  font: normal 12px tahoma;
  text-transform: lowercase;
  color: 000000;
  }
table.left TD {
/* ON YOUR MENU MODULE, THIS EDITS THE BODY OF IT 
This edits the boyd of your menu module. Use that good old prior knowledge to figure out how to alter the code.*/
  background-image: none;
  background-color: white;
  border: none;
  font:normal 12px tahoma;
  line-height:18px;
  color: black;
  }
table.search TD, table.search, table.announcements {
/* THIS CHANGES THE BORDER OF THE SEARCH BAR
Self explanatory...change this as you wish.*/
  background-color: white 
  border: 1px solid black;
  }
table.search TD, table.announcements TH {
/* CHANGES THE COLOR OF THE NEW WEBLOG ENTRIES BOX
You know when you are signed into your own xanga and you see the box that says New Weblog Entry and some other things? This code changes that box.*/

  border: 1px solid black;
  }

hr {
/* THIS IS THE COLOR OF A HORIZONTAL DIVIDER 
There is a horizontal divider at the bottom of most xangas using the style sheet. Change the color if you wish.*/
  border: 1px solid black;
  }
&amp;lt;/style&amp;gt;

/* THIS IS THE COLORS OF BORDERS AROUND YOUR PAGE 
The colors and thickness of the borders that surround your page can be changed here. Keep the thickness to around 10-25t to make the page look nice. Change YOUR COLOR HERE to the color that you want.*/
&amp;lt;BODY style="border-bottom: YOUR COLOR HERE
20t solid; border-top: YOUR COLOR HERE
20t solid; border-left: YOUR COLOR HERE
20t solid; border-right: YOUR COLOR HERE
20t solid"&amp;gt;&amp;lt;/BODY&amp;gt;

/* THIS EDITS THE BLINK BOXES AT THE TOP OF YOUR PAGE 
I'm sure everyone loves those blink boxes. Here you can change the colors of your blink boxes below where the parenthese ( ) are. Seperate the colors with commas and keep them in quotes " ". Use the hex color code chart mentioned at the top again. 

You can then change the border of your blink boxes by changing the BLACK to a color of your choice. Where it says "var blinkRows = 1;" You can change the number. That number is the number of rows that your blink boxes will have. Where it says "var blinkCols = 40;" You can change that number. That number is the number of columns that your blink boxes will have. Do not edit anything below where it says, "DO NOT EDIT BELOW THIS LINE". Down there is the complicated interworkings of the blink boxes, which I don't even know how to edit. After the blink boxes code is the custom module code. */

&amp;lt;!-- Blink Boxes : Provided by Blogring.net --&amp;gt;
&amp;lt;script language=JavaScript&amp;gt;
&amp;lt;!--
//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

var blinkColors = new Array("YOUR COLOR HERE","YOUR COLOR HERE","YOUR COLOR HERE", "YOUR COLOR HERE");
// the border color
var blinkBorderColor = BLACK
// the border width, in pixels
var blinkBorderWidth = 1;
// the # of rows
var blinkRows = 1;
// the # of columns
var blinkCols = 40;
// the width of the entire box, in pixels or %
var blinkWidth = 625;
// the height of each row, in pixels
var blinkRowHeight = 10;
// speed of blinking, in milliseconds
var blinkRate = 8;

// DO NOT EDIT BELOW THIS LINE
st=setTimeout;
document.write("&amp;lt;table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'&amp;gt;");
for (r = 0; r &amp;lt; blinkRows; r++){
document.write("&amp;lt;TR&amp;gt;");
for (c = 0; c &amp;lt; blinkCols; c++){
document.write("&amp;lt;TD height='" + blinkRowHeight + "'&amp;gt;&amp;lt;/TD&amp;gt;");
}
document.write("&amp;lt;/TR&amp;gt;");
}
document.write("&amp;lt;/table&amp;gt;");
// ... 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();
//--&amp;gt;
&amp;lt;/SCRIPT&amp;gt;
&amp;lt;!-- End Script by Blogring.net --&amp;gt;



&amp;lt;style type"=text/css&amp;gt;

EDIT TO YOUR LIKING --\/

texttable.left, td.mainleft, table.left, table.navigation,
table.search{display:none}

table.blogbody tr td {
width: 0px; 
padding: 0px;}

*/ THIS EDITS THE CUSTOM MODULE COLORS, BORDERS, ETC.*/

table.module {
border: 1px solid #00ccff; 
width:165px;
background-color: #000000;
}

table.module th { 
font:11px arial; 
color: #ffffff;
border-top: 1px solid #000000;
border-bottom: 4px solid #ffffff;
border-left: 0px solid;
border-right: 0px solid; 
}

table.module
td {
background-color: #000000;
border-top: 4px solid #ffffff;
border-left: 0px solid #ffffff;
border-right: 0px solid #00ccff;
border-bottom: 0px solid #00ccff;
}&amp;lt;/style&amp;gt;




THIS EDITS THE CUSTOM MODULE's CONTENT

&amp;lt;table border=0
width="500"&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td valign="top" width="160"&amp;gt;&amp;lt;table
border="1" cellspacing="0" cellpadding="4" width="100%"
class="module"&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;th valign="top" align="left"
class="module"&amp;gt;

TITLE OF FIRST MODULE HERE

&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td
valign="top" class="module"&amp;gt;CONTENT OF THE FIRST MODULE GOES HERE&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;

&amp;lt;center&amp;gt;&amp;lt;br&amp;gt;&amp;lt;img
src="IMAGE URL FOR PORFILE PICTURE HERE"&amp;gt;&amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&amp;lt;/center&amp;gt;

&amp;lt;strong&amp;gt;They call
me:&amp;lt;/strong&amp;gt;YOUR NAME HERE&amp;lt;br&amp;gt;

&amp;lt;strong&amp;gt;I am a:&amp;lt;/strong&amp;gt;GUY OR GIRL HERE&amp;lt;br&amp;gt;

&amp;lt;strong&amp;gt;I like to:&amp;lt;/strong&amp;gt;WHAT YOU LIKE TO DO HERE

&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;br&amp;gt;&amp;lt;table
border="1" cellspacing="0" cellpadding="4" width="100%"
class="module"&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;th valign="top" align="left"
class="module"&amp;gt;

Navigation (This is the title for the second module)

&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td
valign="top" class="module"&amp;gt;
&amp;lt;b&amp;gt;¢¾&amp;lt;/b&amp;gt; &amp;lt;a
href="http://www.xanga.com"&amp;gt;xanga&amp;lt;/A&amp;gt;

&amp;lt;BR&amp;gt;&amp;lt;b&amp;gt;¢¾&amp;lt;/b&amp;gt; &amp;lt;a
href="http://www.xanga.com/signin.aspx"&amp;gt; sign in &amp;lt;/a&amp;gt; or &amp;lt;a
href="http://www.xanga.com/logout.aspx"&amp;gt; log out&amp;lt;/a&amp;gt;

&amp;lt;BR&amp;gt;&amp;lt;b&amp;gt;¢¾&amp;lt;/b&amp;gt; &amp;lt;a
href="http://www.xanga.com/Private"&amp;gt;home&amp;lt;/A&amp;gt;

&amp;lt;BR&amp;gt;&amp;lt;b&amp;gt;¢¾&amp;lt;/b&amp;gt; &amp;lt;a
href="http://www.xanga.com/CLAF/default.asp"&amp;gt;look&amp;lt;b&amp;gt;&amp;amp;&amp;lt;/b&amp;gt;feel&amp;lt;/A&amp;gt;

&amp;lt;BR&amp;gt;&amp;lt;b&amp;gt;¢¾&amp;lt;/b&amp;gt; &amp;lt;a
href="http://www.xanga.com/private/subs.aspx"&amp;gt;subscriptions&amp;lt;/A&amp;gt;

&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/table&amp;gt;&amp;lt;br&amp;gt;&amp;lt;table
border="1" cellspacing="0" cellpadding="4" width="100%"
class="module"&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;th valign="top" align="left"
class="module"&amp;gt;

TITLE FOR THE THIRD MODULE GOES HERE

&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;tr&amp;gt;&amp;lt;td valign="top"
class="module"&amp;gt;

CONTENT FOR THE THRID MODULE GOES HERE

&amp;lt;/td&amp;gt;&amp;lt;/tr&amp;gt;&amp;lt;/table&amp;gt;

*/ YOU CAN ADD MORE MODULES IF YOU WISH */

EDIT THE BORDERS WITH COLORS --\/

&amp;lt;td
width="500" valign="top" align="left"&amp;gt;
&amp;lt;BODY
style="border-left:#ffffff 1px solid; 
border-right:#ffffff 1px solid;
border-bottom:#ffffff 1px solid; 
border-top: #ffffff 1px solid;"&amp;gt;&lt;/TEXTAREA&gt; &lt;BR&gt;&lt;BR&gt;Copy the code above into Microsoft Word or Notepad or another program that handes text. Read the directions that I have provided you with that are located in the code. Then from there you can make your layout! Just make sure you &lt;STRONG&gt;read everything carefully.&lt;BR&gt;&lt;BR&gt;&lt;/STRONG&gt;&lt;U&gt;Part&amp;nbsp;Five&lt;/U&gt;: Getting a place for the layout&lt;BR&gt;&lt;BR&gt;Once you have made your layout and have tested it, and everything looks good, it is time to release your layout to the public.&lt;BR&gt;&lt;BR&gt;First you need a place to put the code and a place where people can see an example of the layout.&lt;BR&gt;&lt;BR&gt;Go to xanga.com. Create a new username. Call it "&lt;U&gt;yournamehere&lt;/U&gt;layout1". Just put your name in where it says yournamehere. An example of mine is "melsdesign1".&lt;BR&gt;&lt;BR&gt;If you don't&amp;nbsp;like that idea you can try something else, like naming your layout, "flower_layout_1" or whatever you&amp;nbsp;want.&lt;BR&gt;&lt;BR&gt;Once you have put the layout on&amp;nbsp;the look and feel of your new account,&amp;nbsp;you have to display the code. Create a new weblog entry and put the HTML code for the layout inside the entry. Click submit and you should see&amp;nbsp;a xanga with your layout and the code for the layout on it.&lt;BR&gt;&lt;BR&gt;Then put a link to your "flower_layout_1" site, or whatever you named it, on your main layout site [assuming that you are making the layout for a layout site].&lt;BR&gt;&lt;BR&gt;It's pretty simple, really. =]&lt;BR&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;BR&gt;&lt;U&gt;Part Six&lt;/U&gt;: Other Types of Codes and Layouts&lt;BR&gt;&lt;BR&gt;Another type of layout is a &lt;STRONG&gt;Layout with a Box at the Top and No Custom Modules&lt;/STRONG&gt;. I don't usually make these kinds of layouts, so here are some examples of some from another site [electric_layz18]...&lt;A href="http://www.xanga.com/home.aspx?user=natdesign89" target=_new&gt;Click Here&lt;/A&gt; &amp;amp; &lt;A href="http://www.xanga.com/home.aspx?user=proudtest331" target=_new&gt;Click Here&lt;/A&gt;.&lt;BR&gt;&lt;BR&gt;There are many other variations of layouts but I have shown you the two basic ones. Remember, HAVE FUN WITH IT!&lt;BR&gt;&lt;BR&gt;If you were looking for more advanced HTML tricks, tips and codes, and you didn't find what you wanted here, try &lt;A href="http://www.xanga.com/lissaexplains.com" target=_new&gt;lissaexplains.com&lt;/A&gt; or &lt;A href="http://www.createblog.com/" target=_new&gt;createblog.com&lt;/A&gt;.&lt;BR&gt;&lt;BR&gt;Good luck, future web designers!&lt;BR&gt;&lt;BR&gt;&lt;STRONG&gt;Imporant Note:&lt;BR&gt;&lt;/STRONG&gt;I worked my ass off to make this tutorial for you. If you take the above content and say that it belongs to you, that is considered jocking in my book. I don't mind if you give out a &lt;EM&gt;link to this site&lt;/EM&gt;, but DO NOT TAKE MY TUTORIAL AND SAY THAT YOU WROTE IT!&lt;BR&gt;&lt;/DIV&gt;</description><comments>http://anime-layouts-4-u-tutorial.xanga.com/227759860/item/#firstcomment</comments></item><item><title>Sunday, April 30, 2006</title><link>http://anime-layouts-4-u-tutorial.xanga.com/396297846/item/</link><guid>http://anime-layouts-4-u-tutorial.xanga.com/396297846/item/</guid><pubDate>Sun, 30 Apr 2006 21:55:06 GMT</pubDate><description>&lt;BR&gt;
&lt;DIV id=scroll3 style="BORDER-RIGHT: #000000 0px; BORDER-TOP: #000000 0px; OVERFLOW: auto; BORDER-LEFT: #000000 0px; WIDTH: 367px; BORDER-BOTTOM: #000000 0px; HEIGHT: 300px"&gt;
&lt;DIV&gt;
&lt;P&gt;
&lt;CENTER&gt;&lt;IMG alt="So what do I need to do to become a successful layout maker?" src="http://img231.imageshack.us/img231/6818/layoutmaker3ur.png"&gt;&lt;/CENTER&gt;&lt;BR&gt;&lt;STRONG&gt;So...you want to be a layout maker, do ya?&lt;BR&gt;&lt;BR&gt;&lt;/STRONG&gt;&lt;U&gt;Part One&lt;/U&gt;: Commitment&lt;BR&gt;&lt;BR&gt;Being a layout maker is not a walk in the park. You need a lot of patience and it takes a lot of skill and hard work.&lt;BR&gt;&lt;BR&gt;If you decide that you want to make&amp;nbsp;a layout site, you have to update frequently&amp;nbsp;and make new layouts quickly to please the public. If you think that life is already too busy and that you can't handle having a layout site, then stop reading this right now, because being a layout maker is not for you.&lt;BR&gt;&lt;BR&gt;&lt;U&gt;Part Two&lt;/U&gt;: Making the Site&lt;BR&gt;&lt;BR&gt;Okay, so you've decided that you want to start a layout site. You just need to think of a name.&lt;BR&gt;&lt;BR&gt;Try to keep the name as simple as possible. I know that this isn't easy since many names are already taken. You can be a little creative with the name of your site, but don't make it too complicated like, "k00LlAy0UtZjUsT4y0u." That would be a bad choice. Also, make sure that you make a name that people can pronounce, and can remember easily.&lt;BR&gt;&lt;BR&gt;So once you've got your name down, go ahead and make the xanga site. Make a nice layout [using my tutorial in the above entry if needed] for the site, and you're on your way.&lt;BR&gt;&lt;BR&gt;&lt;U&gt;Part Three&lt;/U&gt;: Content&lt;BR&gt;&lt;BR&gt;Decide what type of layout your site will have. Will it have just Plain Layouts? Just Custom Module Layouts? Will it have both?&lt;BR&gt;&lt;BR&gt;Once you have that down, think about what category of layout you will make.&lt;BR&gt;&lt;BR&gt;Will your layout site only make girly layouts? Will it only make anime layouts? Will it make all types of layouts? Think about your interests. Try to stick to making layouts featuring&amp;nbsp;things that you like.&lt;BR&gt;&lt;BR&gt;For me, since I like anime so much, I decided to make an anime layout site.&lt;BR&gt;&lt;BR&gt;&lt;U&gt;Part Four&lt;/U&gt;: The Actual Site&lt;BR&gt;&lt;BR&gt;1. Cursing&lt;BR&gt;If you curse in every sentence, you will lose a lot of customers. No one wants to hear, "Hey, welcome to my layout site! You jockers suck! Stop fucking jocking my layouts! You jocker bitches need to get a life!" So don't curse a lot.&lt;BR&gt;&lt;BR&gt;2. Chat Speak&lt;BR&gt;Hey- some people like it. But I don't. I like to use proper grammar so people can actually tell what you are saying. When I read chat speak, sometimes I think I lose a few brain cells XP.&lt;BR&gt;&lt;BR&gt;Try to avoid saying things like, "hey pplz. suP! welcom to my rad layoutz site.&amp;nbsp; its so cool. ne wayz the layz r free, but remmber dont jock ne of my shit, k????" It's hard for other people to understand and it makes you sound retarded.&lt;BR&gt;&lt;BR&gt;3. Organization&lt;BR&gt;I can't stand sites that are disorganized. If people come to your layout site and they can't find the layouts, they aren't going to stick around. They are going to leave. Keep your site as neat and organized as possible and avoid clogging things up with useless information and&amp;nbsp;repeating things.&lt;BR&gt;&lt;BR&gt;4. Images&lt;BR&gt;Some of us have slow computers. If you put huge images on your site, it takes longer for a computer to load it. Try to keep the number of images to a minimum.&lt;BR&gt;&lt;BR&gt;Also, &lt;STRONG&gt;DO NOT DIRECT LINK OTHER PEOPLE'S IMAGES&lt;/STRONG&gt;! What I mean is, don't spot and image that you like, right click on it, click properties, and take the URL of the image if it belongs to someone else. Instead, save the image on your computer and upload it to an image hosting service like &lt;A href="http://www.imageshack.us/" target=_new&gt;imageshack&lt;/A&gt; or &lt;A href="http://www.tinypic.com/" target=_new&gt;tinypic&lt;/A&gt;.&lt;BR&gt;&lt;BR&gt;5. Publicity/Support&lt;BR&gt;You can't expect people to just &lt;EM&gt;come to your site&lt;/EM&gt;. You have to advertise. Some good ways to advertise are to:&lt;BR&gt;&lt;BR&gt;&lt;STRONG&gt;Create a link button&lt;/STRONG&gt;&lt;BR&gt;This way, if they like your site other&amp;nbsp;layout makers&amp;nbsp;will link your site, [in other words, put your button on their layout&amp;nbsp;site]. People who&amp;nbsp;go to their site and see your button there, will click on it and come to your site! But in return, you must put the button of the person who linked you on your site, it's only fair.&lt;BR&gt;&lt;BR&gt;&lt;STRONG&gt;Create a blogring&lt;/STRONG&gt;&lt;BR&gt;Creating a blogring is a fast and easy way to gain support and publicity. Click &lt;A href="http://www.xanga.com/groups/create.aspx" target=_new&gt;here&lt;/A&gt; to create a blogring. Name the blogring after your layout site. My blogring is called, "Anime_layouts_4_u's layouts are the best!" On your layout site, ask people to join your blogring. Chances are, if they like your site, they will join.&lt;BR&gt;&lt;BR&gt;&lt;STRONG&gt;Ask people to subscribe to you&lt;/STRONG&gt;&lt;BR&gt;The more people that subscribe to you, the more supporters you have. The more supporters you have, the more advertising you get. People who use a layout on their xanga with no custom module usually have a part on the side where it says subscriptions. If they subscribe to your layout site, your&amp;nbsp;site will be listed there! It's all about advertising.&lt;BR&gt;&lt;BR&gt;&lt;STRONG&gt;Spread the Word&lt;/STRONG&gt;&lt;BR&gt;Tell your friends about your layout site. Write down the name for them. The more people in the real world that you tell, the more people are likely to go to your site.&lt;BR&gt;&lt;BR&gt;&lt;U&gt;Part Five&lt;/U&gt;: Voting&lt;BR&gt;&lt;BR&gt;Now, we all know about &lt;A href="http://www.toopowerful.com/" target=_new&gt;toopowerful.com&lt;/A&gt;, right? Toopowerful.com is a site that lists thousands of xanga sites and ranks them based on the number of votes that they get each day. &lt;BR&gt;&lt;BR&gt;Joining this site has it's benefits and it's losses.&lt;BR&gt;&lt;BR&gt;&lt;STRONG&gt;Pros:&lt;/STRONG&gt;&lt;BR&gt;~Joining this site gives you more publicity!&lt;BR&gt;~Just imagine if you were number one on the xanga topsites!&lt;BR&gt;~The competition is fun&lt;BR&gt;&lt;BR&gt;&lt;STRONG&gt;Cons:&lt;/STRONG&gt;&lt;BR&gt;~It puts more pressure on people who come to your layout site for them&amp;nbsp;to vote&lt;BR&gt;~It puts more pressure on you to be #1&lt;BR&gt;~The competition gets intense&lt;BR&gt;&lt;BR&gt;Everyone dreams of being #1. It's their ultimate goal. Some layout sites even go as far as &lt;STRONG&gt;lying and saying that their layouts will not work unless you vote&lt;/STRONG&gt;. This is a lie. The layouts will work fine even if you don't vote.&amp;nbsp;&lt;BR&gt;&lt;BR&gt;Some layout makers command you to vote if you use a layout, but you don't have to listen to them. You have free will, right?&lt;BR&gt;&lt;BR&gt;Some respectable layout sites do not have a voting button. This takes the pressure off of them to be #1. If you are a really competitive person, maybe it's a good idea if you don't join toopowerful and you don't use a voting button, because things can get pretty intense.&lt;BR&gt;&lt;BR&gt;If you aren't that competitive of a person, it might be a good idea to join toopowerful. If you are &lt;U&gt;not&lt;/U&gt; constantly thinking about how many votes you'll get, and if you are &lt;U&gt;not&lt;/U&gt; constantly pressuring people to vote for you, then you are not a competitive person. If you don't care that much about what number you are, you just want the advertisement, or you just want to see how good you are compared to others, then get the button.&lt;BR&gt;&lt;BR&gt;Some people would think the opposite of what I just said. They would think that noncompetitive people would not use the button and competitive people would use the button. But think about the reasons I gave for using or not using the button. Competitive people &lt;U&gt;should not use it&lt;/U&gt; because it leads to problems, and noncompetitive people &lt;U&gt;should use it&lt;/U&gt; because it doesn't lead to as many problems. Just think about it, and it will make sense.&lt;BR&gt;&lt;BR&gt;&lt;U&gt;Part Six&lt;/U&gt;: Making Layouts&lt;BR&gt;&lt;BR&gt;I cannot emphasize this enough...&lt;BR&gt;&lt;BR&gt;&lt;STRONG&gt;MAKE YOUR OWN LAYOUTS!&lt;BR&gt;&lt;BR&gt;&lt;/STRONG&gt;&lt;U&gt;Do not jock someone else's layouts!&lt;/U&gt; It's disrespectful and wrong. Make your own layouts and make your own images. Give people credit if you got an idea from them, or if they helped you with something.&lt;BR&gt;&lt;BR&gt;Seriously people, anyone can tell a good layout from a bad layout. If you make bad layouts, people won't use them! So try to make the best layouts as possible, &lt;STRONG&gt;make&amp;nbsp; layouts that you would want to use&lt;/STRONG&gt;. &lt;BR&gt;&lt;BR&gt;Make sure that each of your layouts is unique with colors and images. Make sure that the layout matches. If the picture on the layout is of a brown and white puppy, make the layout brown and white, not blue!&lt;BR&gt;&lt;BR&gt;If you don't know how to make your own images, I will tell you some programs that I use.&lt;BR&gt;&lt;BR&gt;I use the following computer programs to make, use and apply all aspects of my layouts:&lt;BR&gt;&lt;BR&gt;The Internet [duh!]&lt;BR&gt;Microsoft Paint [MS Paint]&lt;BR&gt;Microsoft Word [MS Word]&lt;BR&gt;Jasc Paint Shop Pro&amp;nbsp;8 [PSP 8]&lt;BR&gt;Animation Shop 3&lt;BR&gt;&lt;BR&gt;Let me tell you, it is extremely difficult to make a layout with nothing but MS Paint. I have done it before, but the layouts that I have made aren't that great. If you want to see an example of a layout that I made with just MS Paint, &lt;A href="http://www.xanga.com/anime_layout_4" target=_new&gt;Click Here&lt;/A&gt;. I made the swirls with a font called Edwardian Script ITC. So it is possible to make a layout with just MS Paint, but it is difficult to make the layout look good.&lt;BR&gt;&lt;BR&gt;The program that some layouts makers [including me] use is called Jasc Paint Shop Pro. There are 9 versions of this software, I have version 8. If you go to &lt;A href="http://www.jasc.com/" target=_new&gt;jasc.com&lt;/A&gt; [corel.com] you can download a free trial version of this software that lasts for 30 days.&lt;BR&gt;&lt;BR&gt;Then you can download brushes for PSP. Brushes are little starts, swirls, grids, flowers, butterflies,&amp;nbsp;etc. that are often on layout maker's images. Click &lt;A href="http://www.starrlight.net/brushes/index.html" target=_new&gt;Here&lt;/A&gt; or &lt;A href="http://www.fairy-dust.com/psp/pspbrushes.php" target=_new&gt;Here&lt;/A&gt; to see some brushes that are available for downloading.&lt;BR&gt;&lt;BR&gt;I hope this guide helped you; now you know what you need to do to become a successful layout maker. The only thing left to do, is to &lt;STRONG&gt;just do it!&lt;BR&gt;&lt;BR&gt;Imporant Note:&lt;BR&gt;&lt;/STRONG&gt;I worked my ass off to make this tutorial for you. If you take the above content and say that it belongs to you, that is considered jocking in my book. I don't mind if you give out a &lt;EM&gt;link to this site&lt;/EM&gt;, but DO NOT TAKE MY TUTORIAL AND SAY THAT YOU WROTE IT!&lt;/DIV&gt;&lt;/DIV&gt;</description><comments>http://anime-layouts-4-u-tutorial.xanga.com/396297846/item/#firstcomment</comments></item><item><title>Sunday, April 30, 2006</title><link>http://anime-layouts-4-u-tutorial.xanga.com/213767062/item/</link><guid>http://anime-layouts-4-u-tutorial.xanga.com/213767062/item/</guid><pubDate>Sun, 30 Apr 2006 21:54:57 GMT</pubDate><description>&lt;BR&gt;
&lt;DIV id=scroll3 style="BORDER-RIGHT: #000000 0px; BORDER-TOP: #000000 0px; OVERFLOW: auto; BORDER-LEFT: #000000 0px; WIDTH: 367px; BORDER-BOTTOM: #000000 0px; HEIGHT: 300px"&gt;
&lt;P&gt;
&lt;CENTER&gt;&lt;IMG alt="How do I get a layout on my site?" src="http://img451.imageshack.us/img451/7724/usingalayout9qo.png"&gt;&lt;/CENTER&gt;&lt;BR&gt;&lt;STRONG&gt;Putting a layout on your site...&lt;BR&gt;&lt;/STRONG&gt;&lt;BR&gt;This is extremely easy:&lt;BR&gt;&lt;BR&gt;1. Copy the&amp;nbsp;HTML code in the little box on the site with the layout that you want &lt;BR&gt;&lt;BR&gt;2. Go to your &lt;A href="http://edit.xanga.com/claf.aspx" target=_new&gt;xanga look and feel&lt;/A&gt;&lt;BR&gt;&lt;BR&gt;3. Paste the code into your custom header&lt;BR&gt;&lt;BR&gt;4. Go to the bottom and hit Preveiw&lt;BR&gt;&lt;BR&gt;5. If you like the layout click YES on "Save Changes?" at the top&lt;BR&gt;&lt;BR&gt;You're Done! &lt;/DIV&gt;</description><comments>http://anime-layouts-4-u-tutorial.xanga.com/213767062/item/#firstcomment</comments></item><item><title>Sunday, April 30, 2006</title><link>http://anime-layouts-4-u-tutorial.xanga.com/479231876/item/</link><guid>http://anime-layouts-4-u-tutorial.xanga.com/479231876/item/</guid><pubDate>Sun, 30 Apr 2006 21:54:40 GMT</pubDate><description>&lt;BR&gt;
&lt;DIV id=scroll3 style="BORDER-RIGHT: #000000 0px; BORDER-TOP: #000000 0px; OVERFLOW: auto; BORDER-LEFT: #000000 0px; WIDTH: 367px; BORDER-BOTTOM: #000000 0px; HEIGHT: 300px"&gt;
&lt;DIV&gt;
&lt;P&gt;
&lt;CENTER&gt;&lt;IMG alt="Hey, I have a question!" src="http://img98.imageshack.us/img98/2714/tutorialfaq0nk.png"&gt;&lt;/CENTER&gt;&lt;BR&gt;&lt;STRONG&gt;Have a question and want an answer from me?&lt;BR&gt;&lt;BR&gt;Q:&lt;/STRONG&gt; How do I make a layout?&lt;BR&gt;&lt;STRONG&gt;A:&lt;/STRONG&gt; LOOK AT THE FIRST ENTRY, IT'S RIGHT IN FRONT OF YOUR FACE!&lt;BR&gt;&lt;BR&gt;&lt;STRONG&gt;Q:&lt;/STRONG&gt; What do I need to do to become a layout maker?&lt;BR&gt;&lt;STRONG&gt;A:&lt;/STRONG&gt; SECOND ENTRY, PEOPLE!&lt;BR&gt;&lt;BR&gt;&lt;STRONG&gt;Q:&lt;/STRONG&gt; How do I put a layout on my xanga?&lt;BR&gt;&lt;STRONG&gt;A:&lt;/STRONG&gt; ARE YOU BLIND OR SOMETHING?!&lt;BR&gt;&lt;BR&gt;&lt;STRONG&gt;Q:&lt;/STRONG&gt; I am trying to make a layout but I am having a problem because [insert problem here]. Can you help me?&lt;BR&gt;&lt;STRONG&gt;A:&lt;/STRONG&gt; No. I explained how to make a layout clearly in the first entry. Follow the instructions and you can make a layout easily. If you run into a problem figure it out yourself. I don't have time to be fixing your layout just because you want me to.&lt;BR&gt;&lt;BR&gt;&lt;STRONG&gt;Q:&lt;/STRONG&gt; What is your main site?&lt;BR&gt;&lt;STRONG&gt;A: &lt;/STRONG&gt;Look in the custom module at the top! *mutters* Idiots...&lt;BR&gt;&lt;BR&gt;&lt;STRONG&gt;Q:&lt;/STRONG&gt; Can I use the layout on this page? It's so pretty!&lt;BR&gt;&lt;STRONG&gt;A:&lt;/STRONG&gt; NO! You cannot use the layout on this page because I made it &lt;STRONG&gt;specifically for this site&lt;/STRONG&gt; and &lt;EM&gt;no one else is permitted to use it.&lt;BR&gt;&lt;/EM&gt;&lt;/DIV&gt;&lt;/DIV&gt;</description><comments>http://anime-layouts-4-u-tutorial.xanga.com/479231876/item/#firstcomment</comments></item></channel></rss>