Love and Pop

Using This Layout

For specific instructions read designer's comments

1. Disable Xanga themes (edit theme -> uncheck make this your active theme -> save)
2. Log into xanga.com (look & feel)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Layout Code

Copy and paste to Header HTML

<p><a href="http://www.createblog.com/xanga-layouts/" title="Grab Xanga Layouts and Xanga Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Xanga Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><script type="text/javascript">
document.title = ".::Love&Pop::."
</script>

<div style="position:static; width: 250px; height: 1991px; margin-top: -275px; margin-left: 10px; overflow: visible; ">

<div class="SKHeader">Information</div>
<div class="Module">
<i>Write about yourself here</i><br><br>
BlahBlahBlahBlahBlahBlahBlahBlahBlahBlah<br>
BlahBlahBlahBlahBlahBlahBlahBlahBlahBlah
</div><br>

<div class="SKHeader">Navigate</div>
<div class="Module">
<table border="0" width=238px>
<tr>
<td valign="top">
<A href="http://www.xanga.com">home</a><br>
<A href="http://www.xanga.com/Private/subs.aspx">subscriptions</a><br>
<A href="http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME">add me</a><br>
<A href="http://www.xanga.com/signin.asp">sign in</a><br>
<A href="http://www.xanga.com/Private/profilebasic.aspx">profile basic</a><br>
</td>
<td valign="top">
<A href="http://www.xanga.com/CLAF/default.asp">design</a><br>
<A href="http://www.xanga.com/private/home.asp">private</a><br> 
<A href="http://www.xanga.com/guestbook.asp?user=USERNAME">guestbook</a><br> 
<A href="http://www.xanga.com/Private/feedback.aspx">feedback</a><br>
<A href="http://www.xanga.com/logout.asp">logout</a><br>
</td>
</tr> 
</table>
</div><br>

<div class="SKHeader">Melody</div>
<div class="Module">
<marquee behavior=scroll direction="up" scrollamount="1" width="238" height="125" onmouseover="this.stop()" onmouseout="this.start()">
<b>Shh</b> - Frou Frou<br>
<br><br>
Sunbeam stop tugging me<br>
Pull that door shut quietly<br>
Darling what are you doing<br>
We don't have time for this<br>
<br><br>
Mmm dey mmm da mmm daaeeoo<br>
Mmm dey mmm da mmm daaeeoo<br>
<br><br>
Crazy well what are you then<br>
Give me an hour and I'll give you your dream...<br>
<br><br>
Don't make a sound shh listen<br>
Keep your head down - we're not safe yet<br>
Don't make a sound and be good for me<br>
'cause I know they're waiting somewhere out here<br>
<br><br>
Leave it I won't go back<br>
We have to do it cos there's nothing left here<br>
Don't care what do they know<br>
I've seen it baby and I know it's real<br>
Show time I knew they'd come<br>
Woah are we having fun or what yeah<br>
<br><br>
Don't make a sound shh listen<br>
Keep your head down - we're not safe yet<br>
Don't make a sound and be good for me<br>
'cause I know they're waiting somewhere out here<br>
<br><br>
I feel good all over<br>
I feel good all over<br>
I feel good all over<br>
<br><br>
Wear your inside out<br><br>

</marquee>
</div><br>

<div class="SKHeader">Now Playing</div>
<div class="Module">
<center><embed src="http://www.mp3asset.com/swf/mp3/minime.swf?myid=5757223&path=2007/11/04&mycolor=0xAFC0D4&mycolor2=0x422F21&mycolor3=0xFFFFFF&autoplay=true&rand=0&f=3&vol=100" quality="high" wmode="transparent" flashvars="" width="160" height="68"name="myflashfetish" align="middle"type="application/x-shockwave-flash"pluginspage="http://www.macromedia.com/go/getflashplayer" /><br></a><a href="http://www.myflashfetish.com" target="_blank">MyFlashFetish.com</a><br></center>
</div><br>

<div class="SKHeader">Credits</div>
<div class="Module">
Layout by <a href="http://shadowed_kurando.createblog.com/">shadowed_kurando</a><br>
Special Thanks to <a href="http://www.createblog.com/">Createblog</a><br>
</div><br>
</div>

body {
background-color: #fbedfb;
background-image: url();
background-repeat: repeat; 
scrollbar-arrow-color: #fbedfb;
scrollbar-track-color: #fbedfb;
scrollbar-shadow-color: #fbedfb;
scrollbar-face-color: #8f398c;
scrollbar-highlight-color: #fbedfb;
scrollbar-darkshadow-color: #fbedfb;
scrollbar-3dlight-color: #fbedfb;
}
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font: normal 10px Georgia;
color: #98289a;
text-align: left;
}
.blogbody b, .standard b, p b, strong {
/* edits bolded text in your entry */
font-weight: bold;
color: #a2299e;
letter-spacing: 2px;
}
u {
/*edits underlined text in your entry*/
color: #a2299e;
border-bottom: 1px dotted;
padding: 1px;
}
i, em {
/*edits italic text in your entry*/
color: #a2299e; 
font-style: italic;
}
.SKHeader {
/* edits headers in navigation*/
font: bold 12px MammaGamma;
color: #98289a;
text-transform: uppercase;
text-align: right;
letter-spacing: 3px;
line-height: 20px;
width: 250 px;
padding-right: 4px;
padding-top: 3px;
background-color: #fbedfb;
border-bottom: 2px dotted #98289a;
}
.Module{
font: normal 10px Georgia;
color: #98289a;
text-transform: none;
text-align: left;
width: 250 px;
padding: 3px; 
background-color: #fbedfb;
}
div.blogheader, .caption {
/* edits the dates */
font: bold 12px MammaGamma;
color: #98289a;
text-transform: uppercase;
text-align: right;
letter-spacing: 3px;
line-height: 16px;
width: 475 px;
padding-right: 4px;
padding-top: 4px;
padding-bottom: 3px;
background-color: #fbedfb;
border-bottom: 2px dotted #98289a;
}
a:link, .footernav.link, a.footernav:link, {
/* edits all links */
color: #b69ab6;
text-decoration: none;
}
a: active, a.footernav:active,  {
/*edits all links that are active*/
color: #b69ab6;
text-decoration: none;
}
a:visited, a.footernav:visited,  {
/* edits all links that the user has visited */
color: #b69ab6;
text-decoration: none;
}
a:hover {
/* edits when user hovers links */
color: #eae3e9;
text-decoration: none;
cursor: crosshair;
}
input, select, textarea, iframe.htmleditor, .textfield, .button {
/* buttons, textareas, etc. */
font: normal 10px Arial;
color: #a19079;
background-color: transparent;
border: 1px solid #3a2a34;
}
table.blogbody {
/* this edits the other the place where the  blog is */
width: 475px;
background-color: #fbedfb;
padding: 2px;
}
table.announcements, table.announcements TH,  {
/* this should be left alone */
/* unless you know what to do */
font: normal 10px Georgia;
width: 475px;
background-color: #513a3d;
}
table.blogbody tr td {
/* this edits the left margin of blog */
width:0px;
padding: 0px;
}
#rblEprops{display: none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops {
/*edits width of comment section*/
width: 460px;
}
table.left, table.left td, table.navigation, table.search, table.footer, hr
{display: none;}
</style>

Layout Comments

Showing latest 7 of 7 comments

this is super! i have this mp3 player, its quite common (x

By chinaberriie on Nov 11, 2007 10:43 pm

This is good. I love the banner image and layout colors. ^_^

By tokyo-rose on Nov 5, 2007 9:32 pm

very lovely image. but i gotta say...the tables are a bit too big?

By twodreamlovers on Nov 5, 2007 4:53 pm

This is pretty :)

By FoxLucky on Nov 5, 2007 12:52 pm

nice job i really like this one

By IVIike on Nov 5, 2007 8:45 am

Great concept, but it doesn't quite work with the big blog and the nav. You seem to re-use your code designs and with an unusual picture as the one in your header, you could do with matching the content to it.

By S-Majere on Nov 5, 2007 6:22 am

Very pretty graphic :)
One of my MP3 players
haha
good job!

By hjp on Nov 4, 2007 11:59 pm

Layout Details

Designer	Shadowed_Kurando
Submitted on	Nov 4, 2007
Page views	14,380
Favorites	34
Comments	7
Reviewer	karmakiller
Approved on	Nov 4, 2007

Love and Pop

Using This Layout

Layout Code

Layout Comments

Layout Details

Layout Tags

Layout Tools

Layout Affiliates