Instructions: Copy entire code and paste it into your look & feel. To view a preview of the layout, click on the picture. Do NOT claim these layouts as your own.

Television:

Movies:

Celebrities:

Adam Brody

Put this in your Look & Feel section.

<div style="border:1px solid #000000; width:650px;background-color:#FFFFFF; border-bottom: 1px solid #000000; background-repeat: repeat;"> <img src=" http://img.photobucket.com/albums/v259/XoFiloSweetsoX/abrody_banner.gif"></br> <style type="text/css"> body { background-color: #734D35; scrollbar-arrow-color: #000000; scrollbar-track-color: #734D35; scrollbar-shadow-color: #000000; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #000000; scrollbar-darkshadow-color: #734D35; scrollbar-3dlight-color: #734D35; cursor: crosshair; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:10px; 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 { /* edits the dates */ background-image: url(URL HERE); background-repeat: no-repeat; background-position: bottom right; width:300px; font-family:arial; text-transform:lowercase; font-size:16px; line-height:18px; font-weight:regular; color:#000000; letter-spacing:0px; background-color: #FFFFFF; text-align: left; border: none; border-width: 1px 1px 0px 1px; padding-right: 45px; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#9F3A26; font:normal 11px arial;line-height:10px; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#9F3A26; font:normal 11px arial; line-height:10px; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#000000; font:bold 16px arial; line-height:10px; cursor: crosshair; text-decoration: none; } input, select, textarea, iframe.htmleditor, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #000000; font:normal 11px arial; background-color: #734D35; letter-spacing:0px; color: #FFFFFF; filter: alpha(style=0,opacity=50); } table.left { /* this edits the menu module */ border: 1px solid #000000; width:160px; background-color: none; } table.blogbody { /* this edits the other the place where the blog is */ border: 2px solid #000000; background-color: #734D35; width:400px; border-width: 2px 2px 2px 2px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(URL HERE); background-repeat: no-repeat; background-position: top left; background-color: #734D35; width:160px; font: 18px arial; line-height: 18px; text-transform: lowercase; color: #ffffff; border: 1px solid #000000; border-width: 1px 1px 1px 1px; text-align: right; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: none; border: 1px solid #000000; border-width: 1px 1px 1px 1px width:160px; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #ffffff; border: 1px solid #000000; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #000000; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 600px; } hr { /* horizontal divider */ border: 1px line #000000; } </style>

Gwen Stefani

<div style="border:1px solid #000000; border bottom: 1px solid #000000; width:325px; background-color:#FFFFFF; background-repeat: repeat;"> <img src="http://i23.photobucket.com/albums/b380/LovelyxLayouts/gwen_banner.gif"> </div> <br> <br> <div style="border:1px solid #000000; width:325px; background-color:#333333; background-repeat: repeat;"> <center><font-family: arial><font size: 11px> + <a href="http://www.xanga.com">xanga</a> + <a href="http://www.xanga.com/login.aspx">in</a> + <a href="http://www.xanga.com/CLAF/default.asp">claf</a> + <a href="http://www.xanga.com/private">private</a> + <a href="http://www.xanga.com/profile.aspx?user=xofilosweetsox">me</a> + <a href="http://www.xanga.com/private/subscriptions.aspx">subs</a> + <a href="http://www.xanga.com/private/subscribeto.aspx?user=USERNAME">add</a> + <a href="http://www.xanga.com/logout.aspx">sign-out</a> +</center> <center> <br><style type="text/css"> table.left, td.mainleft, table.navigation, table.footer, table.search, #SearchBar1_pnlYouAreHere {display: none;} body { background-image: url(http://i23.photobucket.com/albums/b380/LovelyxLayouts/gwen_bg.gif); background-attachment: fixed; background-repeat: repeat; background-position: left; background-color: #FFFFFF; scrollbar-arrow-color: #E8E9E2; scrollbar-track-color: #000000; scrollbar-shadow-color:#E8E9E2; scrollbar-face-color: #3F3F3F; scrollbar-highlight-color: #E8E9E2; scrollbar-darkshadow-color: #000000; scrollbar-3dlight-color:#000000; cursor: se-resize; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:11px; color:E8E9E2; letter-spacing:0px; text-align:left; } 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: Bradley Hand ITC; color: #E8E9E2; font-size: 20px; HEIGHT: 22PX; WIDTH: 320PX; text-decoration: blur; font-weight: bold; padding-top: 4pt; border-bottom:#000000 0px solid; text-align: center; letter-spacing:0; text-transform: regular; backround-color:#000000; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#E8E9E2; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#E8E9E2; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#000000; border: 0px solid black; cursor: ne-resize; text-decoration: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #000000; font:normal 11px arial; background-color: #000000; letter-spacing:0px; color: #E8E9E2; } table.left { /* this edits the menu module */ border: 2px solid #FFFFFF; width:0px; background-color: transparent; } table.blogbody { /* this edits the other the place where the blog is */ border: 1px solid #E8E9E2; background-color: #949494; width:318px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: transparent; font: bold 11px arial; text-transform: lowercase; color: #FFFFFF; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: transparent; border: none; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #FFFFFF; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 201 px; } hr { /* horizontal divider */ border: 0px solid #FFFFFF; } </style>

Bands/Artists:

Death Cab for Cutie

Put this in your Look & Feel section:

<div style="border:1px solid #000000; width:600px;background-color:#FFFFFF; border-bottom: 1px solid #000000; background-repeat: repeat;"> <img src=" http://img.photobucket.com/albums/v259/XoFiloSweetsoX/dcfc_banner.gif"></br> <style type="text/css"> body { background-color: #A2D8E3; scrollbar-arrow-color: #000000; scrollbar-track-color: #A2D8E3; scrollbar-shadow-color: #000000; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #000000; scrollbar-darkshadow-color: #A2D8E3; scrollbar-3dlight-color: #A2D8E3; cursor: crosshair; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:10px; 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 { /* edits the dates */ background-image: url(URL HERE); background-repeat: no-repeat; background-position: bottom right; width:300px; font-family:arial; text-transform:lowercase; font-size:16px; line-height:18px; font-weight:regular; color:#000000; letter-spacing:0px; background-color: #FFFFFF; text-align: left; border: none; border-width: 1px 1px 0px 1px; padding-right: 45px; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#000000; font:normal 11px arial;line-height:10px; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#000000; font:normal 11px arial; line-height:10px; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#495D39; font:bold 16px arial; line-height:10px; cursor: crosshair; text-decoration: none; } input, select, textarea, iframe.htmleditor, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #000000; font:normal 11px arial; background-color: #A2D8E3; letter-spacing:0px; color: #FFFFFF; filter: alpha(style=0,opacity=50); } table.left { /* this edits the menu module */ border: 1px solid #000000; width:160px; background-color: none; } table.blogbody { /* this edits the other the place where the blog is */ border: 2px solid #000000; background-color: #A2D8E3; width:380px; border-width: 2px 2px 2px 2px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(URL HERE); background-repeat: no-repeat; background-position: top left; background-color: #A2D8E3; width:160px; font: 18px arial; line-height: 18px; text-transform: lowercase; color: #ffffff; border: 1px solid #000000; border-width: 1px 1px 1px 1px; text-align: right; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: none; border: 1px solid #000000; border-width: 1px 1px 1px 1px width:160px; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #ffffff; border: 1px solid #000000; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #000000; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 600px; } hr { /* horizontal divider */ border: 1px line #000000; } </style>

Hot Hot Heat

Put this in your Look & Feel section:

<div style="border:1px solid #000000; width:750px;background-color:#FFFFFF; border-bottom: 1px solid #000000; background-repeat: repeat;"> <img src=" http://img.photobucket.com/albums/v259/XoFiloSweetsoX/hhheat_banner.gif"><br /> </div> <br> <div style="border:1px solid #000000; width:750px;background-color:#FFFFFF; border-bottom: 1px solid #000000; background-repeat: repeat;"> <style type="text/css"> body { background-color: #AB160A; scrollbar-arrow-color: #000000; scrollbar-track-color: #AB160A; scrollbar-shadow-color: #000000; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #000000; scrollbar-darkshadow-color: #AB160A; scrollbar-3dlight-color: #AB160A; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:10px; 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 { /* edits the dates */ background-image: url(URL HERE); background-repeat: no-repeat; background-position: bottom right; width:300px; font-family:arial; text-transform:capitalize; font-size:14px; line-height:20px; font-weight:regular; color:#AB160A; letter-spacing:0px; background-color: #FFFFFF; text-align: left; border: none; border-width: 1px 1px 0px 1px; padding-right: 45px; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#000000; font:normal 11px arial;line-height:10px; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#000000; font:normal 11px arial; line-height:10px; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#000000; font:16px arial; line-height:10px; cursor: crosshair; text-decoration: none; } input, select, textarea, iframe.htmleditor, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #000000; font:normal 11px arial; background-color: #AB160A; letter-spacing:0px; color: #FFFFFF; filter: alpha(style=0,opacity=50); } table.left { /* this edits the menu module */ border: 1px solid #000000; width:160px; background-color: none; } table.blogbody { /* this edits the other the place where the blog is */ border: 1px #000000; background-color: none; width:450px; border-width: 1px 1px 1px 1px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(URL HERE); background-repeat: no-repeat; background-position: top left; background-color: #AB160A; width:160px; font: 18px arial; line-height: 18px; text-transform: lowercase; color: #ffffff; border: 1px solid #000000; border-width: 1px 1px 1px 1px; text-align: right; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: none; border: 1px solid #000000; border-width: 1px 1px 1px 1px width:160px; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #ffffff; border: 1px solid #000000; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #669933; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 700px; } hr { /* horizontal divider */ border: 1px line #000000; } </style>

The Killers

Put this in the Look & Feel section.

<div style="border:1px solid #000000; width:550px; background-color:#FFFFFF; background-repeat: repeat;"> <img src="http://i23.photobucket.com/albums/b380/LovelyxLayouts/killers_banner.gif"> <center><font-family: arial><font size: 11px> + <a href="http://www.xanga.com">xanga</a> + <a href="http://www.xanga.com/login.aspx">in</a> + <a href="http://www.xanga.com/CLAF/default.asp">claf</a> + <a href="http://www.xanga.com/private">private</a> + <a href="http://www.xanga.com/profile.aspx?user=xofilosweetsox">me</a> + <a href="http://www.xanga.com/private/subscriptions.aspx">subs</a> + <a href="http://www.xanga.com/private/subscribeto.aspx?user=USERNAME">add</a> + <a href="http://www.xanga.com/logout.aspx">sign-out</a> +</center> <center> <br><style type="text/css"> table.left, td.mainleft, table.navigation, table.footer, table.search, #SearchBar1_pnlYouAreHere {display: none;} body { background-image: url(http://i23.photobucket.com/albums/b380/LovelyxLayouts/killers_bg.gif); background-attachment: fixed; background-repeat: repeat; background-position: left; background-color: #FFFFFF; scrollbar-arrow-color: #765A36; scrollbar-track-color: #765A36; scrollbar-shadow-color:#765A36; scrollbar-face-color: #765A36; scrollbar-highlight-color: #765A36; scrollbar-darkshadow-color: #765A36; scrollbar-3dlight-color:#765A36; cursor: se-resize; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:11px; color:white; letter-spacing:0px; text-align:left; } 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: arial; color: #765A36; font-size: 18px; HEIGHT: 18PX; WIDTH: 350PX; text-decoration: blur; font-weight: bold; padding-top: 4pt; border-bottom:#000000 0px solid; text-align: center; letter-spacing:0; text-transform: regular; backround-color:#000000; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#765A36; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#765A36; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#83744D; border: 0px solid black; cursor: ne-resize; text-decoration: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 2px solid #FFFFFF; font:normal 11px arial; background-color: #765A36; letter-spacing:0px; color: #FFFFFF; } table.left { /* this edits the menu module */ border: 2px solid #FFFFFF; width:100px; background-color: transparent; } table.blogbody { /* this edits the other the place where the blog is */ border: 1px solid #000000; background-color: #CFB88F; width:400px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: transparent; font: bold 11px arial; text-transform: lowercase; color: #FFFFFF; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: transparent; border: none; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #FFFFFF; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 400 px; } hr { /* horizontal divider */ border: 0px solid #FFFFFF; } </style>

Seasonal:

Brands:

Starbucks

Put this in the Look & Feel section.

<br> <br> <br> <br> <br> <div style="border:2px solid #FFFFFF; width:391px; background-color:#BE895D; background-repeat: repeat;"> <img src="http://img.photobucket.com/albums/v259/XoFiloSweetsoX/starbucks_banner.gif"> </div> <br> <div style="border:2px solid #FFFFFF; width:391px;background-color:#1F5736; background-repeat: repeat;"> <center><font-family: arial><font size: 11px> + <a href="http://www.xanga.com">xanga</a> + <a href="http://www.xanga.com/login.aspx">in</a> + <a href="http://www.xanga.com/CLAF/default.asp">claf</a> + <a href="http://www.xanga.com/private">private</a> + <a href="http://www.xanga.com/profile.aspx?user=xofilosweetsox">me</a> + <a href="http://www.xanga.com/private/subscriptions.aspx">subs</a> + <a href="http://www.xanga.com/private/subscribeto.aspx?user=USERNAME">add</a> + <a href="http://www.xanga.com/logout.aspx">sign-out</a> +</center> <center> <br><style type="text/css"> table.left, td.mainleft, table.navigation, table.footer, table.search, #SearchBar1_pnlYouAreHere {display: none;} body { background-image: url(http://img.photobucket.com/albums/v259/XoFiloSweetsoX/starbucks_bg.gif); background-attachment: fixed; background-repeat: no-repeat; background-position: bottom right; background-color: #BE895D; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #BE895D; scrollbar-shadow-color:#BE895D; scrollbar-face-color: #BE895D; scrollbar-highlight-color: #BE895D; scrollbar-darkshadow-color: #BE895D; scrollbar-3dlight-color:#BE895D; cursor: se-resize; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:11px; color:white; letter-spacing:0px; text-align:left; } 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: arial; color: #FFFFFF; font-size: 18px; HEIGHT: 18PX; WIDTH: 350PX; text-decoration: blur; font-weight: bold; padding-top: 4pt; border-bottom:#000000 0px solid; text-align: center; letter-spacing:0; text-transform: regular; backround-color:#000000; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#FFFFFF; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#FFFFFF; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#373030; border: 0px solid black; cursor: ne-resize; text-decoration: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 2px solid #FFFFFF; font:normal 11px arial; background-color: #BE895D; letter-spacing:0px; color: #FFFFFF; } table.left { /* this edits the menu module */ border: 2px solid #FFFFFF; width:100px; background-color: transparent; } table.blogbody { /* this edits the other the place where the blog is */ border: 1px solid #FFFFFF; background-color: #BE895D; width:350px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: transparent; font: bold 11px arial; text-transform: lowercase; color: #FFFFFF; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: transparent; border: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #transparent; border: 1px solid #FFFFFF; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #FFFFFF; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 360 px; } hr { /* horizontal divider */ border: 0px solid #FFFFFF; } </style>

Miscellaneous:

Air Guitar

Put this in the Look & Feel section.

<br> <br> <br> <br> <br> <div style="border:2px solid #FFFFFF; width:500px; background-color:#2A0404; background-repeat: repeat;"> <img src="http://img.photobucket.com/albums/v259/XoFiloSweetsoX/airguitar_banner.gif"> </div> <br> <div style="border:2px solid #FFFFFF; width:500px;background-color:#2A0404; background-repeat: repeat;"> <center><font-family: arial><font size: 11px> + <a href="http://www.xanga.com">xanga</a> + <a href="http://www.xanga.com/login.aspx">in</a> + <a href="http://www.xanga.com/CLAF/default.asp">claf</a> + <a href="http://www.xanga.com/private">private</a> + <a href="http://www.xanga.com/profile.aspx?user=xofilosweetsox">me</a> + <a href="http://www.xanga.com/private/subscriptions.aspx">subs</a> + <a href="http://www.xanga.com/private/subscribeto.aspx?user=USERNAME">add</a> + <a href="http://www.xanga.com/logout.aspx">sign-out</a> +</center> <center> <br><style type="text/css"> table.left, td.mainleft, table.navigation, table.footer, table.search, #SearchBar1_pnlYouAreHere {display: none;} body { background-image: url(http://img.photobucket.com/albums/v259/XoFiloSweetsoX/airguitar_bg.gif); background-attachment: fixed; background-repeat: no-repeat; background-position: bottom right; background-color: #DE8E42; scrollbar-arrow-color: #2A0404; scrollbar-track-color: #DE8E42; scrollbar-shadow-color:#DE8E42; scrollbar-face-color: #DE8E42; scrollbar-highlight-color: #DE8E42; scrollbar-darkshadow-color: #DE8E42; scrollbar-3dlight-color:#DE8E42; cursor: se-resize; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:11px; color:white; letter-spacing:0px; text-align:left; } 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: arial; color: #FFFFFF; font-size: 18px; HEIGHT: 18PX; WIDTH: 350PX; text-decoration: blur; font-weight: bold; padding-top: 4pt; border-bottom:#000000 0px solid; text-align: center; letter-spacing:0; text-transform: regular; backround-color:#000000; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#FFFFFF; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#FFFFFF; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#DE8E42; border: 0px solid black; cursor: ne-resize; text-decoration: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 2px solid #FFFFFF; font:normal 11px arial; background-color: #DE8E42; letter-spacing:0px; color: #FFFFFF; } table.left { /* this edits the menu module */ border: 2px solid #FFFFFF; width:100px; background-color: transparent; } table.blogbody { /* this edits the other the place where the blog is */ border: 1px solid #FFFFFF; background-color: #DE8E42; width:380px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: transparent; font: bold 11px arial; text-transform: lowercase; color: #FFFFFF; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: transparent; border: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #transparent; border: 1px solid #FFFFFF; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #FFFFFF; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 380 px; } hr { /* horizontal divider */ border: 0px solid #FFFFFF; } </style>

Explain Me

Put this in the Look & Feel section.

<div style="border:2px solid #FFFFFF; width:380px;background-color:#000000; background-repeat: repeat;"> <img src="http://img.photobucket.com/albums/v259/XoFiloSweetsoX/explain_banner.gif"> </div> <br> <div style="border:2px solid #FFFFFF; width:380px;background-color:#000000; background-repeat: repeat;"> <center><font-family: arial><font size: 11px> + <a href="http://www.xanga.com">xanga</a> + <a href="http://www.xanga.com/login.aspx">in</a> + <a href="http://www.xanga.com/CLAF/default.asp">claf</a> + <a href="http://www.xanga.com/private">private</a> + <a href="http://www.xanga.com/profile.aspx?user=xofilosweetsox">me</a> + <a href="http://www.xanga.com/private/subscriptions.aspx">subs</a> + <a href="http://www.xanga.com/private/subscribeto.aspx?user=USERNAME">add</a> + <a href="http://www.xanga.com/logout.aspx">sign-out</a> +</center> <center> <br><style type="text/css"> table.left, td.mainleft, table.navigation, table.footer, table.search, #SearchBar1_pnlYouAreHere {display: none;} body { background-image: url(URL HERE); background-attachment: fixed; background-repeat: repeat; background-position: left; background-color: #696969; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #000000; scrollbar-shadow-color:#FFFF00; scrollbar-face-color: #000000; scrollbar-highlight-color: #FFFF00; scrollbar-darkshadow-color: #000000; scrollbar-3dlight-color:#000000; cursor: se-resize; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:11px; color:white; letter-spacing:0px; text-align:left; } 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: arial; color: #FFFF00; font-size:16px; HEIGHT: 16PX; WIDTH: 350PX; text-decoration: blur; font-weight: normal; padding-top: 4pt; border-bottom:#000000 0px solid; text-align: center; letter-spacing:0; text-transform: regular; backround-color:#000000; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#FFFFFF; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#FFFFFF; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#FFFF00; border: 0px solid black; cursor: ne-resize; text-decoration: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 2px solid #FFFFFF; font:normal 11px arial; background-color: #00000; letter-spacing:0px; color: #FFFFFF; } table.left { /* this edits the menu module */ border: 2px solid #FFFFFF; width:100px; background-color: transparent; } table.blogbody { /* this edits the other the place where the blog is */ border: 1px solid #FFFFFF; background-color: #969696; width:350px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: transparent; font: bold 11px arial; text-transform: lowercase; color: #FFFFFF; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: transparent; border: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #transparent; border: 1px solid #FFFFFF; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #FFFFFF; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 380px; } hr { /* horizontal divider */ border: 0px solid #FFFFFF; } </style>