<style… | HTML_layouts_4U's Xanga Site

About this Entry
Posted by: HTML_layouts_4U Original: 7/22/2004 3:23 PM Views: 1 Comments: 8 eProps: 12 Read Comments Post a Comment Back to Your Xanga Site

Who gave the eProps?
2 eProps from: PunkShop bEacHBeBe1414 PoPonVic4Eva xKaLi_cHiK_4_LiFex la0sgerl2tyte4u DizKooVietBoiBeiJames

Read or Post Comments

Thursday, July 22, 2004

<style type="text/css"> /* Mary Kate and Ashley layout */ /* by kitz03 */ body { background-color: #ffffff; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #ffffff; scrollbar-shadow-color: #ff99cc; scrollbar-face-color: #ff99cc; scrollbar-highlight-color: #ff99cc; scrollbar-darkshadow-color: #ff99cc; scrollbar-3dlight-color: #ff99cc; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 12px arial; line-height:11px; color:#ff9999; letter-spacing:0px; text-align:justify; } .blogbody b, .standard b, p b, strong { font-weight: bold; color: #cc9900; } 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 */ border: 1px solid #cccccc; font-family:arial; text-transform:uppercase; font-size:18px; line-height:14px; font-weight:bold; color:#663300; letter-spacing:0px; background-color: #ffffff; text-align: center; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#ff9999; font:normal 12px arial; line-height: 11px; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#ffcccc; font:normal 12px arial; line-height:11px; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#ffffcc; font:normal 12px arial; line-height:11px; cursor: crosshair; text-decoration: none; filter: blur; height:2; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #cccccc; font:normal 12px arial; background-color: #ffffff; letter-spacing:0px; color: #ff9999; } table.left { /* this edits the menu module */ border: 1px solid #cccccc; width:120px; background-color: #ffffff; } table.blogbody { /* this edits the other the place where the blog is */ border: 1px solid #cccccc; background-color: #ffffff; width:380px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(http://url.com/to/the/site/image.gif); background-color: #ffffff; font: bold 11px arial; text-transform: uppercase; color: #663300; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: url(); background-color: #ffffff; border: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #ffffff; border: 1px solid #cccccc; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #cccccc; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 380px; } hr { /* horizontal divider */ border: 1px solid #cccccc; } BODY{cursor:transparent} table.footer {display: none;} </style>

<div style="border:15px solid #FFA2E8; width:800px;background-image: url(http://img47.photobucket.com/albums/v143/LittoDreamer/Xanga%20Stuff/af89a2c4.jpg); background-repeat: repeat;"> <img src=http://img47.photobucket.com/albums/v143/LittoDreamer/Xanga%20Stuff/AshleeSimpson.jpg> <style type="text/css"> /* Ashlee Simpson: Fall To Pieces by Th1nk1n_hurts AkA x HUSTLUH x*/ /* Blogring.net */ body { cursor: crosshair; body { background-color: #FFFFFFF; scrollbar-arrow-color: #000000; scrollbar-track-color: FFFFFF; scrollbar-shadow-color: #666666; scrollbar-face-color: #FFA2E8; scrollbar-highlight-color: #FFA2E8; scrollbar-darkshadow-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; } .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; } .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: bold; color: #FFC0E0; } 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; text-transform: lowercase; font-size:13px; font-weight: bold; line-height: 13px; color: #FFFFFF; letter-spacing: 5px; background-color: #FFC0E0; text-align: center; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color: #FF8BD5; font:normal 11px arial;line-height:11px; text-decoration: none; cursor:crosshair; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color: #FF8BD5; font:normal 11px arial; line-height:11px; text-decoration: none; cursor:crosshair; } a:hover { /* edits when user mouseovers the links */ color: #000000; font:normal 11px arial; line-height:11px; text-decoration:none; border-top: 1px dashed #FF8BD5; border-bottom: 1px dashed #FF8BD5; cursor:crosshair; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px dashed #FFC0E0; font:normal 11px arial; background-color: #FFFFFF; letter-spacing:0px; color: #FFC0E0; } table.left { /* this edits the menu module */ border: 1px solid #FFC0E0; width:160px; background-color: #FFFFFF; } table.blogbody { /* this edits the other the place where the blog is */ border: 1px dashed #FFC0E0; background-image:; background-repeat: no-repeat; background-position: bottom left; background-color: #FFFFFF; width:450px; border: 1px solid #FFC0E0; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ font: normal 11px arial; text-transform: lowercase; color: #FFFFFF; letter-spacing: 3px; text-align: center; background-color: FFC0E0; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: #FFFFFF; border: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #FFFFFF; border: 1px solid #FFC0E0; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #FF8BD5; } table.navigation, table.main { /* the width of your blog with modules */ width: 450px; } hr { /* horizontal divider */ border: 1px solid #FFC0E0; } table.footer {display:none;} </style>

<center> <div style="border: 15px solid #9ED1EC; width: 451px;"> <img src="http://img39.photobucket.com/albums/v120/heathertroutman/beach.png"> <a href="http://www.xanga.com/">xanga</a> // <a href="http://www.xanga.com/CLAF/default.asp">look&feel</a> // <a href="http://www.xanga.com/private/home.aspx">private</a> // <a href="http://www.xanga.com/private/SubscribeTo.aspx?user=username">add me</a> // <a href="http://www.xanga.com/Private/subs.aspx">subs</a> // <A href="http://www.xanga.com/logout.aspx">log out</a><br /><hr><br /> <style type="text/css"> /* Another Sunny Day by Heather T*/ /*http://www.BlogRing.net*/ body { background-color: #1A8DD6; scrollbar-arrow-color: #1A8DD6; scrollbar-track-color: #ffffff; scrollbar-shadow-color: #1A8DD6; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #1A8DD6; scrollbar-darkshadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 14px tahoma; line-height:14px; color:9ED1EC; letter-spacing:0px; text-align:justify; } .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: bold; color: #000000; } 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; text-transform:capitalize; font-size:16px; line-height:16px; font-weight:bold; color:#ffffff; letter-spacing:1px; background-color: transparent; text-align: Center; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#9ED1EC; font:normal 10px arial;line-height:10px; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#000000; font:normal 10px arial; line-height:10px; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#ffffff; font:normal 10px arial; line-height:10px; cursor: ne-resize; text-decoration: none; } input, select, textarea, iframe.htmleditor, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #9ED1EC; font:normal 11px arial; background-color: transparent; letter-spacing:0px; color: #1A8DD6; } table.left { /* this edits the menu module */ border: 3px solid #9ED1EC; width:145px; background-color: transparent; } table.blogbody { /* this edits the other the place where the blog is */ border: 1px solid #ffffff; background-color: transparent; width: 100%; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url (http://url.com/to/the/site/image.gif); background-color: transparent; font: bold 11px arial; text-transform: capitalize; color: #ffffff; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: url (http://url.com/to/the/site/image.gif); background-color: tansparent; border: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: transparent; border: 1px solid #1A8DD6; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #1A8DD6; } table.navigation, table.main, table.footer, td.maincenter { /* the width of your blog with modules */ width: 451px; } hr { /* horizontal divider */ border: 1px solid #9ED1EC; } table.blogbody tr td { /* this edits the left margin of blog */ width:0px; padding: 0px; }table.navigation, table.footer {display: none;} </style>

<img src="http://img23.imageshack.us/img23/7802/rooney.jpg" width=600 height=500 border=0 ismap usemap="#rooney.jpg"> <map name="rooney.jpg"> <area shape="rect" coords="2,445,60,495" href="http://www.xanga.com/"> <area shape="rect" coords="204,287,296,359" href="http://www.xanga.com/claf/"> <area shape="rect" coords="106,291,176,308" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME"> <area shape="rect" coords="278,371,293,427" href="http://www.xanga.com/default.aspx?mode=logout"> <area shape="rect" coords="3,294,70,358" href="http://www.xanga.com/private"> <area shape="rect" coords="228,441,293,493" href="http://www.xanga.com/profile.aspx?user=USERNAME"> <area shape="rect" coords="4,380,18,425" href="http://www.xanga.com/signin.aspx"> </map> <div align=left> <div style="margin-top: -495px; margin-left: 485px; width: 302px;overflow: auto; height:292px; background-color: transparent"> <style type="text/css"> /* Rooney Stylesheet */ /* by Ginny (xanga.com/sexyspinningsprees) */ /* <a href='http://BlogRing.Net' target='_blank'>http://BlogRing.Net</a> */ table.left, td.mainleft, table.navigation, table.footer, table.search, #SearchBar1_pnlYouAreHere {display: none;} body { background-color: #FFFFFF; scrollbar-arrow-color: #000000; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: #B4B4B4; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #B4B4B4; scrollbar-darkshadow-color: #B4B4B4; scrollbar-3dlight-color: #000000; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 13px times new roman; line-height:13px; color: #000000; 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:times new roman; font-size:25px; line-height:27px; color:#000000; letter-spacing:0px; background-color: #B4B4B4; text-align: right; border: 1px solid #000000; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#B4B4B4; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#000000; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#000000; cursor: crosshair; text-decoration: none; } table.blogbody { /* this edits the other the place where the blog is */ border: 0px; background-color: transparent; width:272px; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 1px solid #000000; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 272px; } hr { /* horizontal divider */ border: 2px solid #000000; } </style>

<img src="http://img65.photobucket.com/albums/v199/heathert/picture.png" width=600 height=500 border=0 ismap usemap="#picture.png"> <map name="picture.png"> <area shape="rect" coords="353,439,403,421" href="http://www.xanga.com/claf/"> <area shape="rect" coords="481,441,557,419" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME"> <area shape="rect" coords="508,467,568,450" href="http://www.xanga.com/default.aspx?mode=logout"> <area shape="rect" coords="414,437,472,420" href="http://www.xanga.com/private"> <area shape="rect" coords="272,437,338,418" href="http://www.xanga.com/"> <area shape="rect" coords="252,471,294,449" href="http://www.xanga.com/Private/subs.aspx"> <area shape="rect" coords="392,468,497,452" href="http://www.xanga.com/guestbook.aspx?user=USERNAME"> <area shape="rect" coords="305,469,381,448" href="http://www.xanga.com/profile.aspx?user=USERNAME"> </map> <div align=left> <div style="margin-top: -465px; margin-left: 430px; width:350px;overflow: auto; height:362px; background-color: transparent"> <style type="text/css"> /* A Picture is Worth 1000 Words Stylesheet */ /* by Heather T(xanga.com/heathertroutman) */ /* <a href='http://BlogRing.Net' target='_blank'>http://BlogRing.Net</a> */ table.left, td.mainleft, table.navigation, table.footer, table.search, #SearchBar1_pnlYouAreHere {display: none;} body { background-color: #FFFFFF; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color:#FFFFFF; scrollbar-shadow-color:#ff3399; scrollbar-face-color: #ff3399; scrollbar-highlight-color: #ff3399; scrollbar-darkshadow-color: #ff3399; scrollbar-3dlight-color: #ffffff; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:bold 11px tahoma; line-height:11px; color: #ff3399; 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:tahoma; font-size:20px; line-height:20px; color:#ff3399; letter-spacing:0px; background-color: transparent; text-align: center; border: 1px dashed #adadad; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#ff3399; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#adadad; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#000000; cursor: crosshair; text-decoration: none; } table.blogbody { /* this edits the other the place where the blog is */ border: 0px; background-color: transparent; width:300px; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 1px solid #ffffff; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 300px; } hr { /* horizontal divider */ border: 2px solid #ff3399; } </style>

<STYLE type=text/css> /*My Love For you by mz_dOrkee_jEnnii*/ /*Blogring.net*/ BODY { SCROLLBAR-FACE-COLOR: #ffffff; SCROLLBAR-HIGHLIGHT-COLOR: #C87475; SCROLLBAR-SHADOW-COLOR: #ffffff; SCROLLBAR-3DLIGHT-COLOR: #ffffff; SCROLLBAR-ARROW-COLOR: #C87475; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #ffffff; } </STYLE> <BR><BR> <center> <IMG SRC="http://hompyc.sayclub.co.kr/files/hp/blob6/245/424/37/37424245/article/746/371/103/103371746/loveferyu.gif" WIDTH=752 HEIGHT=506 BORDER=0 ISMAP USEMAP="#book.jpg"> <MAP NAME="book.jpg"> <AREA SHAPE="RECT" COORDS="92,35,105,131" HREF="http://www.xanga.com/private/home.aspx"> <AREA SHAPE="RECT" COORDS="95,146,113,244" HREF="http://www.xanga.com/claf/default.asp"> <AREA SHAPE="RECT" COORDS="617,259,635,363" HREF="http://www.xanga.com/private/subscribeto.aspx?user=USERNAME"> <AREA SHAPE="RECT" COORDS="629,377,643,473" HREF="http://www.xanga.com/USERNAME"> </MAP> <div align=left> <DIV style="margin-top: -426px; margin-left: 247px; width: 210px;OVERFLOW: auto; height:374px; BACKGROUND-COLOR: transparent"> <style type=text/css> .blogbody {font-size:8pt; width: 200px; line- height:5px;} .blogheader {font-family:verdana; color: #000000; font-size: 6pt; text-transform: uppercase; padding-bottom: 0px; letter-spacing: 2px; text-align: right;} .caption, .blogheader { /* edits the dates */ background-image: url(none); background-color: #transparent; font: 12pt arial; text-transform: UPPERcase; color: #000000; border-bottom: 0px solid #000000; text-align: left; padding-bottom: 0px; padding-left: 0px; line-height: 100%; width:190px} #pnlEnabled table, .htmleditor { width:100%; } .container { width:200px;} .mainleft { display:none; } input, option, select{ font-family: trebuchet MS; font-size:6pt; color:#000000; background:#transparent; border-top: solid 1px #000000; border-bottom: solid 1px #000000; border-right: solid 1px #000000; border-left: solid 1px #000000;} </style> <STYLE> /* top bar remover - xanga.com/add_ons */ .leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.navigation, table.footer {display: none;};</STYLE> <style type="text/css"> BODY{cursor: crosshair;} a {cursor: crosshair;} </STYLE> <STYLE type="text/css">  </style> <STYLE type="text/css"> </STYLE>

<style type="text/css"> /* Sisters Stylesheet */ /* by x_brilliant_brunette_x (xanga.com/x_brilliant_brunette_x) */ /* <a href='http://BlogRing.Net' target='_blank'>http://BlogRing.Net</a> */ body { background-color: #FFFFFF; scrollbar-arrow-color: #DDDDDD; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: #DDDDDD; scrollbar-face-color: #DDDDDD; scrollbar-highlight-color: #DDDDDD; scrollbar-darkshadow-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:10px; color:#BBBBBB; 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:geneva; text-transform:uppercase; font-size:16px; line-height:10px; font-weight:bold; color:#6d6968; letter-spacing:0px; background-color: #BBBBBB; text-align: left; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#DDDDDD; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#6d6968; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#EEEEEE; cursor: ne-resize; text-decoration: none; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 4px solid #EEEEEE; font:normal 11px arial; background-color: #6d6968; letter-spacing:0px; color: #FFFFFF; } table.left { /* this edits the menu module */ border: 4px solid #c0c0c0; width:160px; background-color: #6d6968; } table.blogbody { /* this edits the other the place where the blog is */ border: 4px solid c0c0c0; background-color: #6d6968; width:400px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(http://i.xanga.com/x_briLLiant_bruneTTe_x/t/sisters%20aidan.jpg); background-color: #150517; font: bold 11px arial; text-transform: uppercase; color: #150517; border: none; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: url(); background-color: #FFFFFF; border: none; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #150517; border: 4px solid #c0c0c0; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #c0c0c0; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #FCEBFF; } </style> <center><img src="http://i.xanga.com/x_briLLiant_bruneTTe_x/t/sisters%20aidan.jpg" /></center> <meta HTTP-EQUIV="imagetoolbar" CONTENT="no"> <body ondragstart="return false"> <style type="text/css"> body { border: 10px outset silver; } </style>

Example: http://www.xanga.com/home.aspx?user=Example_SunsetIsland

<style type="text/css"> /* sunset island stylesheet */ /* by ASHLEY (xanga.com/distortedandlovly) */ /* <a href='http://BlogRing.Net' target='_blank'>http://BlogRing.Net</a> */ body { background-color: #FFFFFF; scrollbar-arrow-color: #666666; scrollbar-track-color: #ff9900; scrollbar-shadow-color: #666666; scrollbar-face-color: #ff9900; scrollbar-highlight-color: #666666; scrollbar-darkshadow-color: #FFFFFF; scrollbar-3dlight-color: #FFFFFF; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 13px arial; line-height:12px; color:ffffff; letter-spacing:1px; filter:alpha(style=0,opacity=80); } table.footer TD { /* this makes the footer at the bottom centered */ /* leave it alone unless you know what to do*/ text-align: center; filter:alpha(style=0,opacity=60); } div.blogheader, .caption { /* edits the dates */ font-family:impact; text-transform:uppercase; font-size:13px; line-height:11px; font-weight:bold; color:#FF9900; letter-spacing:0px; background-color: #000000; text-align: center; filter:alpha(style=0,opacity=60); } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#FF9900; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#666666; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#000000; cursor: move; text-transform: uppercase; border: 1px solid #666666; {filter:blur; .alpha {width: inherit; height: 1; filter: alpha (Opacity=100, FinishOpacity=20, Style=1, StartX=0, StartY=0, FinishX=580, FinishY=0);} } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #c0c0c0; font:normal 11px arial; background-color: #000000; letter-spacing:0px; color: #ff6600; filter:alpha(style=0,opacity=90); } table.left { /* this edits the menu module */ border: 1px solid #c0c0c0; width:180px; background-color: #666666; filter:alpha(style=0,opacity=90); } table.blogbody { /* this edits the other the place where the blog is */ border: 0px solid c0c0c0; background-color: #000000; width:350px; filter:alpha(style=0,opacity=90); } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-color: #000000; font: bold 11px arial; text-transform: uppercase; color: #ff9900; border: none; filter:alpha(style=0,opacity=90); } table.left TD { /* on your menu module, this edits the body part of IT; background-color: #000000; border: ff9900; filter:alpha(style=0,opacity=90); } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: #000000; border: 1px solid #c0c0c0; filter:alpha(style=0,opacity=90); } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #c0c0c0; filter:alpha(style=0,opacity=90); } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; filter:alpha(style=0,opacity=90); } hr { /* horizontal divider */ border: 1px solid #FF9900; } body { /* picture */ background-image:url(http://www.wapers.com/placennature/sunset/sunset1024.jp g); background-repeat: no-repeat; background-position: top right; background-attachment:fixed; } </style>

Example: http://www.xanga.com/home.aspx?user=Example_ThePerfectIsland

<style type="text/css"> /* The Perfect Island */ /* xanga.com/silenceXme */ /* <a href='http://BlogRing.Net' target='_blank'>http://BlogRing.Net</a> */ body { background-image: url("http://images2.deviantart.com/i/2004/05/8/3/Under_the_Coconut_Shade.jpg"); background-color: #FFFFFF; scrollbar-arrow-color: #FF9900; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: #FF9900; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FF9900; scrollbar-darkshadow-color: #FF9900; scrollbar-3dlight-color: #FFFFFF; } texttable.left, td.mainleft, table.left, table.navigation, table.search{display:none} table.blogbody tr td {width:0px; padding: 0px;} /* deletes the modules and the search bar */ table.module /* edits custom module colors*/ { border: 1px solid #FFFFFF; width:160px; background-color: #ff9900; filter:alpha (opacity=85,style=0); } table.module th { background-color: #FFffff; filter:alpha (opacity=85,style=0); font: bold 10px arial; text-transform: uppercase; color: #ff9900; border: none; } table.module td {color: #ffffff; text-align: left; border: 1px; background-image: none; } table.blogbody tr td { width:0px; padding:5px; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 9px verdana; line-height:10px; color: #FFFFFF; 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: right; } div.blogheader, .caption { /* edits the dates */ width:400px; font-family:verdana; text-transform:uppercase; font-size: 12pt; line-height:15px; font-weight:bold; color:#FFFFFF; letter-spacing:0px; background-color: #FF9900; filter:alpha (opacity=85,style=0); text-align: right; BORDER-LEFT: #FFFFFF 0px solid; BORDER-BOTTOM: #FFFFFF 0px solid; BORDER-RIGHT: #FFFFFF 0px solid; BORDER-TOP: #FFFFFF 0px solid; } .blogbody b, .standard b, p b, strong { /*make the bold text a different color*/ font-weight: bold; color: #FFFFFF; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color: #FFFF00; font:normal 9px verdana;line-height:10px; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color: #FFFF00; font:normal 9px verdana; line-height:10px; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color: #FFCC00; font:bold 9px verdana; line-height:10px; cursor: crosshair; text-decoration: line-through; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 0px solid #FFFFFF; font:normal 8pt arial; color: #FFFFFF; background-color: #FF9900; filter:alpha (opacity=85,style=0); letter-spacing: 1px; } table.left { /* this edits the menu module */ border: 1px solid #FFFFFF; width:160px; background-color: transparent; } table.blogbody { /* this edits the other the place where the blog is */ background-color: #FF9900; width:400px; filter:alpha (opacity=85,style=0); BORDER-LEFT: #FFFFFF 1px solid; BORDER-BOTTOM: #FFFFFF 1px solid; BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #FFFFFF 1px solid; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(); background-color: transparent; font: bold 9px verdana; text-transform: lowercase; color: #FFFFFF; border: none; align: right; } table.left TD { /* on your menu module, this edits the body part of it */ border: 1px solid #FFFFFF; width:160px; background-color: transparent; } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-image: url(); background-color: transparent; border: 0px solid #FFFFFF; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ background-color: transparent; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ border: 0px solid #FFFFFF; } hr { /* horizontal divider */ border: 1px solid #FFFFFF; </style> <body style="border: 21px ridge #FF9900;"> <table border=0 width="660"><tr><td valign="top" width="160"> <table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>About Me</b></th></tr><tr><td valign="top" class="module"> <p> <b>Location:</b> The Perfect island<br /> </td></tr></table><br /> <table border="1" cellspacing="0" cellpadding="4" width="100%" class="module"><tr><th valign="top" align="left" class="module"><b>Navigation</b></th></tr><tr><td valign="top" class="module"> <A href="http://www.xanga.com/signin.asp">Sign In</font></A><br /> <A href="http://www.xanga.com/Private/SubscribeTo.aspx?user=sv2">Subscribe</ A><br /> <A href="http://www.xanga.com/CLAF/default.asp">Look and Feel</A><br /> <A href="http://www.xanga.com/Private/Subscriptions.aspx">Sites I Read</A><br /> <A href="http://www.xanga.com/private/feedback.asp">Feedback</A><br /> <A href="http://www.xanga.com/private/mycomments.asp">My Unheard Wishes</A><br /> <A href="http://www.xanga.com/logout.asp">Sign Out</font></A><br /> <A href="http://www.xanga.com/private/home.aspx?user=">Private</ A><br /> </td></tr></table><br /> </td><td width="500" valign="top" align="left">

Example: http://www.xanga.com/private/home.aspx?user=Example_ParadiseIsland

<style type="text/css"> /* Paradise Island */ /* by Cristina Cabiles (xanga.com/bloomingepiphany) */ /* <a href='http://blogring.net' target='_blank'>http://blogring.net</a> */ body { border: 20px solid black; background:black url(http://www.fabuloussavers.com/wallpapers/318b.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: Middle; scrollbar-arrow-color: #ffffff; scrollbar-track-color: #000000; scrollbar-shadow-color: #ffffff; scrollbar-face-color: #000000; scrollbar-highlight-color: #ffffff; scrollbar-darkshadow-color: #ffffff; scrollbar-3dlight-color: #ffffff; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 11px arial; line-height:10px; color:#ffffff; 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 */ width:330px; font-family:arial; text-transform:capitalize; font-size:14px; line-height:20px; font-weight:regular; color:#ffffff; letter-spacing:0px; background-color: #000000; text-align: center; border: 1px solid #ffffff; border-width: 1px 1px 0px 1px; filter: alpha(style=0,opacity=60); } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#ff9900; font:normal 11px arial;line-height:10px; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:#ffff66; font:normal 11px arial; line-height:10px; text-decoration: line-through; } a:hover { /* edits when user mouseovers the links */ color:#ffffff; font:bold 14px arial; line-height:10px; cursor: hand; text-decoration: none; } input, select, textarea, iframe.htmleditor, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #ffffff; font:normal 11px arial; background-color: #ffffff; letter-spacing:1px; color: #000000; } table.left { /* this edits the menu module */ border: 1px solid #ffffff; width:160px; background-color: #; filter: alpha(style=0,opacity=60); } table.blogbody { /* this edits the other the place where the blog is */ border: 1px solid #ffffff; background-color: #000000; width:330px; border-width: 1px 1px 1px 1px; filter: alpha(style=0,opacity=60); } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(http://www.sunsetcelebration.org/catalogue/sunset_two.jpg); background-repeat: no-repeat; background-position: middle; background-color: #ffffff; width:160px; font: bold 14px arial; line-height: 33px; text-transform: capitalize; color: #000000; border: 1px solid #ffffff; border-width: 1px 1px 1px 1px; text-align: middle; } table.left TD { /* on your menu module, this edits the body part of it */ background-color: #000000; 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: #000000; border: 2px solid #000000; filter: alpha(style=0,opacity=60); } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 1px solid #; filter: alpha(style=0,opacity=60); } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 400px; } hr { /* horizontal divider */ border: 1px solid #000000; } </style> <div align=right style="width:100%; text-align:right;">

Posted 7/22/2004 3:23 PM - 1 view - 8 comments

recommend
recs0
give stars
votes0
share
email
sent0

Give eProps or Post a Comment

8 Comments

Hey nice site

Posted 7/22/2004 8:16 PM by PunkShop - reply

I LOVE the backgrounds. You don't even knowhow long it took me to find your site. I have one tiny problem. I like that purple and orange layout with the palm trees...but the background won't show up. I copy pasted everything right, but I don't know what's the matter!!! I like it so much...please help!

(I tried putting my own pic in the background, but it won't show up)

thanks

<3 miss nicole

Posted 8/5/2004 6:05 AM by bEacHBeBe1414 - reply

for the layouts.. how do you set everything up? where do you paste evrything? i need major help.

Posted 8/15/2004 9:42 PM by PoPonVic4Eva - reply

hey i like your site, and i have been looking for that palm tree backround EVEYWHERE! but i doesn't work. Do you know where I can find someone who does know that code, or do you know the mistake you made? please somment me on my xanga. thanks!

Posted 8/21/2004 1:09 PM by xKaLi_cHiK_4_LiFex - reply