Mamma Mia

Designer's Comments

Look carefully for specific instructions

All comments are in the codes provided.

Layout Code

Copy and paste to Template HTML

<html><head><title>Mamma Mia!</title>
<style>body{font-family: georgia;font-size: 11px;color: #000; text-align: justify;background-repeat: repeat-x; background-attachment: fixed;background-image: url(http://cbimg6.com/layouts/11/06/36660ad.png);background-color: #6b8cff; background-position: left bottom}

h1 {font-family: arial; color:#d92601; font-weight:bold;font-size: 20pt; letter-spacing: -2px;  text-align: left; text-transform: uppercase; padding: 10px 0px 15px 55px; background-image: url(http://cbimg6.com/layouts/11/06/36660ae.png); background-repeat: no-repeat;}

b{color: #000;font-weight:bolder; font-style:bold;}

i{color: #000;}

u{line-height: 100%; text-decoration: none;color:#000;border-bottom: 1px solid #000;}

s{color:#000}

a:link, a:visited, a:active{color: #00ad00; text-decoration:none }

a:hover{color:#6b8cff;font-style:italic; text-decoration: none}

img {border: 0; text-decoration: none}

.navlink:link, .nav:active, .nav:visited{color: #40ad5d;font: 12px arial black;text-decoration: none; text-transform: lowercase;background-color: transparent;letter-spacing: 1px;}

.navlink:hover
{color: #fff;font: 12px arial black;text-decoration: none; background-color: #40ad5d;text-transform: lowercase;letter-spacing: 1px;}

#sidebar{text-align: justify; background-image:url(http://cbimg6.com/layouts/11/06/36660af.png); background-repeat: repeat; background-color: transparent; color:#000; padding-right: 3px; padding-left: 3px;}
#body{text-align:justify; background-image:url(http://cbimg6.com/layouts/11/06/36660af.png); background-repeat: repeat; background-color: transparent; color: #000; padding-right: 3px; padding-left: 3px}
#navigation{text-align: center}

</style></head>
<body>

<div style="position: absolute; left: 450px; top: 50px; color: #000000">
<h1>Mamma Mia!</h1>

(Body content goes here, obviously. Just delete what I wrote and add your own. Also, this will keep scrolling, so ADD AS MUCH AS YOU WANT. The text won't overlap the cloud or anything.)<p>
This is Zan's eighth (non-IF) skin that is free for public consumption, featuring <u>Mario</u>, the most badass Italian around. You can use it, but

remember a few things first.<p>
<b>001}.</b> Leave the credit in place. You can not move or change it in any way, shape, or form. It must be on every page.<br>
<b>002}.</b> That being said, do not try to pass it off as your own. Really -- it's not

cool.<br>
<b>003}.</b> You are allowed to make changes, but don't remove the credit, even if it looks

entirely different when you're done.<br>
<b>004}.</b> A comment posted on the cbox of my website (link found on the credit image in the upper right hand corner of the page) would be <i>wonderful</i>. Just to see where they're being used.<br>
<b>005}.</b> Have fun!<p>

I think this skin has been my favorite to code, so far. The cloud shape was both a challenge and a blast. Interesting fact: I totally drew that cloud. Yupyup. That was all Zan.<p>
It will keep scrolling down.<p>
It will keep scrolling down.<p>
It will keep scrolling down.<p>

</div>
</div>

<div style="position:absolute; left: 860px; top: 175px; width: 75px;">
<a class="navlink" href="link here">home</a><br>
<a class="navlink" href="link here">about</a><br>
<a class="navlink" href="link here">gallery</a><br>
<a class="navlink" href="link here">nav link</a><br>
<a class="navlink" href="link here">nav link</a><br>
<a class="navlink" href="link here">nav link</a><br>
<a class="navlink" href="link here">nav link</a><br>
</div>

<div style="position: absolute; left: 550px; top: 500px; width: 200px"><b>Affiliates:</b><br>
<a href="link"><img src="http://cbimg6.com/layouts/11/06/36660ac.png"></a> <a href="link"><img src="http://cbimg6.com/layouts/11/06/36660ac.png"></a> <a href="link"><img src="http://cbimg6.com/layouts/11/06/36660ac.png"></a> <a href="link"><img src="http://cbimg6.com/layouts/11/06/36660ac.png"></a> <a href="link"><img src="http://cbimg6.com/layouts/11/06/36660ac.png"></a> <a href="link"><img src="http://cbimg6.com/layouts/11/06/36660ac.png"></a><br>
<a href="link">more/apply?</a>
</div>

<div style="position:absolute; left: 220px; top: 300px; width: 200px">You will need to provide your own cbox for this part. It's easy and free, though. Just go to <a href="http://cbox.ws">this web site</a> and register an account. Under "Look & Feel" go to "Colours & Fonts." Your color codes should match <a href="http://i328.photobucket.com/albums/l324/LenoreBanners/ccR%20Images/installmariocbox.jpg">this</a>. Now, when you copy and paste your codes into this area, after of course deleting this bit of text, change the height and width in the code so that it looks like <a href="http://i328.photobucket.com/albums/l324/LenoreBanners/ccR%20Images/installmariocboxcode.jpg">this</a>. The yellowed parts are what you have to change.

</div>

<div style="position: absolute; left: 280px; top: 150px; width: 150px; height: 100px;">This is where you can write a <b>short</b> blurb about yourself. Or you can just leave this area blank. No big deal either way.
</div>

</body>

</html>

Layout Comments

Showing latest 3 of 3 comments

we are a whoelsaler of all kinds of ugg boots. You can enjoy 75% off price and free shipping from our website.
http://ugglowprices. com

By Amazonsen on Nov 26, 2011 8:29 am

This is so cute. How nostalgic...

By iatevia on Jul 2, 2011 12:19 am

Wow this layout is amazing. I really hope myspace decides to put back the CSS thingy so I can put cool layouts like this one. I am so upset with myspace yet I cannot fully abandon it lol

By spiderpig on Jun 27, 2011 4:33 pm