normal

underline

italics

bold

input own html:
<a href="http://xanga.com/LAYOUTKITCHEN" target="_blank">LayoutKitchen</a><br /> <img src="http://img278.imageshack.us/img278/2727/happy9om.png"> <style type="text/css"> body { background-color: #ffffff; background-image: url(); background-repeat: no-repeat; background-position: bottom right; background-attachment: fixed; scrollbar-arrow-color: FF0000; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: 51C000; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: 51C000; scrollbar-darkshadow-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; cursor: crosshair; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:11px; color:#FF0000; 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; } .left B, { font: bold arial; color: "#FF0000";} .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: NORMAL; color: #51C000; } b, strong {font-weight:bold; letter-spacing:0px; color: #51C000;} u {font-weight:normal; letter-spacing:0px; color: #FF0000;border-bottom: 1pt dashed #51C000;} em,i {font-weight:normal; lefter-spacing: 0px; font-family: arial; color:51C000;} div.blogheader, .caption { /* edits the dates */ font-family: arial; text-transform:Capitalize; font-size:11px; line-height:16px; font-weight:bold; color: #FF0000; letter-spacing:1px; text-align: center; background-color: ffffff; border-top: 1px solid #51C000; border-left: 1px solid #51C000; border-right: 1px solid #FF0000; border-bottom: 0px solid #FF0000; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#51C000; text-decoration: none; font:normal 11px arial; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#000000; text-decoration: none; font:normal 11px arial; } a:hover { /* edits when user mouseovers the links */ color:#FF0000; text-decoration: none; font:normal 11px arial; cursor: crosshair; background-color: #ffffff; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #FF0000; font:normal 11px arial; background-color: ffffff; letter-spacing:0px; color: #51C000; } table.left { /* this edits the menu module */ border: 1px solid #FF0000; width:160px; } table.blogbody { /* this edits the other the place where the blog is */ border-bottom: 1px solid #51C000; border-right: 1px solid #51C000; border-top: 1px solid #FF0000; border-left: 1px solid #FF0000; background-color:ffffff; width:400px; font:normal 11px arial; line-height:11px; color: #51C000; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: none; background-color: #ffffff; font: bold 11px arial; color: #51C000; border: none; BORDER-BOTTOM: #51C000 1px solid; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: none; background-color: #ffffff; border: none; font:normal 11px arial; line-height:11px; color:#51C000; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #ffffff; border: 1px solid #FF0000; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #FF0000; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #FF0000; } </style>


different banner:
<a href="http://xanga.com/LAYOUTKITCHEN" target="_blank">LayoutKitchen</a><br /> <img src="http://img47.imageshack.us/img47/3135/happy24cd.png"> <style type="text/css"> body { background-color: #ffffff; background-image: url(); background-repeat: no-repeat; background-position: bottom right; background-attachment: fixed; scrollbar-arrow-color: FF0000; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: 51C000; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: 51C000; scrollbar-darkshadow-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; cursor: crosshair; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:11px; color:#FF0000; 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; } .left B, { font: bold arial; color: "#FF0000";} .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: NORMAL; color: #51C000; } b, strong {font-weight:bold; letter-spacing:0px; color: #51C000;} u {font-weight:normal; letter-spacing:0px; color: #FF0000;border-bottom: 1pt dashed #51C000;} em,i {font-weight:normal; lefter-spacing: 0px; font-family: arial; color:51C000;} div.blogheader, .caption { /* edits the dates */ font-family: arial; text-transform:Capitalize; font-size:11px; line-height:16px; font-weight:bold; color: #FF0000; letter-spacing:1px; text-align: center; background-color: ffffff; border-top: 1px solid #51C000; border-left: 1px solid #51C000; border-right: 1px solid #FF0000; border-bottom: 0px solid #FF0000; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#51C000; text-decoration: none; font:normal 11px arial; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#000000; text-decoration: none; font:normal 11px arial; } a:hover { /* edits when user mouseovers the links */ color:#FF0000; text-decoration: none; font:normal 11px arial; cursor: crosshair; background-color: #ffffff; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #FF0000; font:normal 11px arial; background-color: ffffff; letter-spacing:0px; color: #51C000; } table.left { /* this edits the menu module */ border: 1px solid #FF0000; width:160px; } table.blogbody { /* this edits the other the place where the blog is */ border-bottom: 1px solid #51C000; border-right: 1px solid #51C000; border-top: 1px solid #FF0000; border-left: 1px solid #FF0000; background-color:ffffff; width:400px; font:normal 11px arial; line-height:11px; color: #51C000; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: none; background-color: #ffffff; font: bold 11px arial; color: #51C000; border: none; BORDER-BOTTOM: #51C000 1px solid; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: none; background-color: #ffffff; border: none; font:normal 11px arial; line-height:11px; color:#51C000; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #ffffff; border: 1px solid #FF0000; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #FF0000; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #FF0000; } </style>
banner preview

do not remove credits on any of them!