Cobweb

Designer's Comments

Look carefully for specific instructions

This is the nineth of my aunexamor series.

I would like to say thank you to Aelyn from aunexamor.net for giving me the sole rights to turn her wonderful websites into Myspace laoyuts. All the comments will go to her. All is HER praise. I am just making the adjustments, little changes in the design, color changes and fix it for myspace.

Warm thanks to Kevin for letting me use and study his stylesheet.

Best viewed and coded in IE.

Using This Layout

For specific instructions read designer's comments

This is a div overlay layout, html knowledge required!
1. Log into myspace.com
2. Click on Edit Profile (Profile 1.0)
3. Copy (ctrl c) and paste (ctrl v) code to the specified fields

Update Friend ID

Input Friend ID to automagically update code

Layout Code

Copy and paste to About Me

Help

<p><a href="http://www.createblog.com/myspace-layouts/" title="Grab Myspace Layouts and Myspace Codes"><img src="http://www.createblog.com/images/link1.gif" border="0" alt="Myspace Layouts" style="position:absolute;top:0px;left:0px;width:10px;height:27px;" /></a></p><style>
.contacttable,.whitetext12,.nametext,.lightbluetext8,
.orangetext15,.blacktext12,.btext,.redtext,.redbtext{
	display:none;
	visibility:hidden;
	height:0px!important;
}
table,td,tr{
	height:0px;
	padding:0px;
	background-color:transparent;
}
table table table{
	height:0px;
	padding:0px;
	visibility:hidden;
	float:none;
}
table table,table table table table{
	background-color:transparent;
	border:0px!important;
	height:0px!important;
}
a.text,table div font a,table div div,.navbar font,tr td font{
	display:none;
	visibility:hidden;
	height:0px!important;
}
table table table,div tr td form{
	visibility:hidden;
}
td.text td.text table table,td.text table table{
	display:inline;
	visibility:visible;
	width:392px;
}
table table td.text table td.text table table tbody td table,span.btext,a.redlink,a.redlink:active,a.redlink:visited,
a.redlink:link,a.redlink:hover{
	display:none;
	visibility:hidden;
} 
a:active img,a:hover img,a:visited img,a:link img{
	cursor:default;
	border:0px!important;
}
td td embed { 
        display:block;
        visibility:visible;
        width:0px;
        height:0px; 
}
body{ 
        background:url(http://cbimg9.com/layouts/08/11/32439aa.jpg);	
        background-attachment:scroll;
	background-position:center;
	background-repeat:repeat-y;
        background-color:c5c2bb;
        scrollbar-arrow-color:dbd8d3;
        scrollbar-track-color:c5c2bb;
        scrollbar-shadow-color:9fa9a0;
        scrollbar-face-color:7c786c;
        scrollbar-highlight-color:d0dbd7;
        scrollbar-darkshadow-color:d0dbd7;
        scrollbar-3dlight-color:0000000;
        overflow-x:hidden;
}
.image{
        position: absolute; 
        left: 50%; 
        margin-left: -473px; 
        top: 75px;  
        z-index: 0;
}
.comments{ 
        position: hidden; 
        left: 0%; 
        margin-left: 0px; 
        top: 10px; 
        z-index:0; 
        width: 10px; 
        height: 10px; 
        overflow: hidden;
}
.content{
        position: absolute; 
        left: 50%; 
        margin-left: -225px; 
        top: 225px;
        z-index:5; 
        width: 378px; 
        height: ; 
        overflow: hidden;
}
.navigation{
        position: absolute; 
        left: 50%; 
        margin-left: -413px; 
        top: 250px; 
        z-index:5; 
        width:  155px; 
        height: ; 
        overflow-x: hidden;
}
body,table, td, li, p, div{
        font:normal 11px verdana; 
        color:272e26; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
        line-height:12px;
}
textarea{
        background-color:d7d1bb; 
        width: px; 
        height:px; 
        color: 272e26; 
        font:11px verdana; 
        text-transform:; 
        border: ;
}
a.navigate:link,a.navigate:active,a.navigate:visited{
	padding:1px;
	color:848074;
	font-size:9px;
        background-color:d5d2cd;
	display:block;
	margin-top:1px;
	cursor:cross;
	line-height:12px;
	border:0px;
	text-align:center;
	font-weight:normal;
	letter-spacing:0px;
	font-family:verdana;
        border-left: 3px double;
        border-right: 3px double;
	border-color:848074;
	text-decoration:none;
	text-transform:none;
}
a.navigate:hover{
	padding:1px;
	color:d5d2cd;
	font-size:9px;
	display:block;
        background-color:848074;
	margin-top:1px;
	cursor:pointer;
	text-indent:0px;
	line-height:12px;
	text-align:center;
	font-weight:normal;
	letter-spacing:0px;
	font-family:verdana;
	border-left: 3px double;
        border-right: 3px double;
	border-color:d5d2cd;
	text-decoration:none;
	text-transform:uppercase;
}
a{
        font:normal 11px verdana; 
        color:272e26; 
        font-weight:none; 
        border:0px; 
        text-transform: none; 
}
a:link{
        font:normal 10px verdana; 
        color:272e26; 
        font-weight:none; 
        border:0px; 
        text-transform: uppercase; 
}
a:active{
        font:normal 11px verdana; 
        color:272e26; 
        font-weight:none; 
        border:0px; 
        text-transform: uppercase; 
}
a:visited{
        font:normal 11px verdana; 
        color:272e26; 
        font-weight:none; 
        border:0px; 
        text-transform: uppercase; 
}
a:hover{
        font:normal 11px verdana; 
        color:272e26;
        text-transform: uppercase;
}
a:link, a.man{
        font:normal 11px verdana; 
        color:272e26; 
        border:0px; 
        text-transform: none; 
}
b {
  font-family: verdana;
  font-weight: bold;
  font-size: 8pt;
  color: 272e26;
}
i {
  font-family: verdana;
  font-size: 7pt;
  font-weight: normal;
  color: 272e26;
}
u {
  font-family: verdana;
  font-size: 8pt;
  font-weight: normal;
  border-bottom: 1px double;
  color: 272e26;
}
h1 {
  border: 1px double;
  border-color: d7d4cf;
  background-color: 848074;
  font-family: verdana;
  font-weight: bold;
  margin-bottom: 7px;
  color: d7d4cf;
  line-height: 19px;
  font-size: 8pt;
  letter-spacing: 1px;
  text-align: center;
  align: center;
}
</style>

Layout Code

Copy and paste to I'd Like to Meet

Help

<div class="content">
<h1>Boring facts about me</h1>
<img src="http://cbimg9.com/layouts/08/11/32439ac.jpg" style="float: left; margin: 0px 5px 5px 0px;" />
<b>Name:</b> <br />
<b>Date of birth:</b> <br />
<b>Zodiac:</b> <br />
<b>Religion:</b> <br />
<b>Looks:</b> <br />
<b>Always ready for:</b> <br />
<b>Love:</b> <br />
<b>Here for:</b> <br />
<b>Status:</b> <br /><br /><br />

Proin vel ante. Nam condimentum volutpat lectus. Morbi consequat, nisi vel tristique aliquam, sapien ipsum varius lectus, vitae ornare dui quam non enim. Morbi tellus nulla, aliquet et, vehicula ut, molestie at, diam. Vivamus porttitor, est a cursus vestibulum, lacus sapien suscipit augue, et pellentesque mauris libero ac est. Quisque tellus arcu, fringilla ac, porta sit amet, ultricies non, augue. Aenean eu nibh. Donec massa dolor, ullamcorper vel, semper vel, condimentum ut, felis. Fusce vel mauris vitae quam congue facilisis. Vestibulum varius dolor et tellus. Suspendisse sodales. Phasellus id odio ac est blandit auctor. Fusce non justo. Proin sed dui. Cras placerat, augue eu tempus ultrices, mi leo tincidunt turpis, vel viverra purus pede ut sapien. Ut rutrum. Donec at lorem eu justo consectetuer auctor. 
<br /><br />

<h1>My other half</h1>
Nunc sagittis. Donec massa justo, congue at, laoreet at, viverra vitae, odio. Duis facilisis commodo sapien. Proin mattis nibh aliquam justo. Pellentesque dolor elit, tempor quis, venenatis nec, semper in, ipsum. Sed porttitor. Fusce sapien. Nullam sed nibh. Phasellus sapien erat, vestibulum in, hendrerit eget, molestie et, leo. In massa augue, commodo quis, pellentesque a, malesuada vestibulum, nisl. Donec ipsum purus, tincidunt a, dignissim vitae, consequat vel, quam. Sed ligula purus, aliquam ac, auctor auctor, tincidunt eu, nibh. 
<br /><br />

<h1>Meet my friends</h1><br />
<marquee><img src="http://cbimg9.com/layouts/08/11/32439ad.jpg" />  <img src="http://cbimg9.com/layouts/08/11/32439ad.jpg" />  <img src="http://cbimg9.com/layouts/08/11/32439ad.jpg" />  <img src="http://cbimg9.com/layouts/08/11/32439ad.jpg" />  <img src="http://cbimg9.com/layouts/08/11/32439ad.jpg" />  <img src="http://cbimg9.com/layouts/08/11/32439ad.jpg" />  <img src="http://cbimg9.com/layouts/08/11/32439ad.jpg" />  <img src="http://cbimg9.com/layouts/08/11/32439ad.jpg" />  <img src="http://cbimg9.com/layouts/08/11/32439ad.jpg" />   <img src="http://cbimg9.com/layouts/08/11/32439ad.jpg" />    <img src="http://cbimg9.com/layouts/08/11/32439ad.jpg" /> </marquee><br /><br />

<h1>A few of my favourite things</h1>
Duis quam. Sed ornare magna sit amet diam. Integer porttitor. Nulla tincidunt molestie quam. Maecenas aliquet interdum turpis. Sed id felis. Fusce congue. Vivamus aliquam auctor sapien. Duis dictum, arcu a dictum blandit, massa eros egestas libero, eget pulvinar libero eros non justo. Vestibulum nibh felis, aliquam eu, iaculis in, facilisis ac, arcu. Nunc purus mi, suscipit semper, euismod nec, pulvinar vitae, nisi. Duis mattis aliquet massa. Vivamus elementum. Nunc enim leo, accumsan quis, vestibulum vitae, facilisis sit amet, risus. Integer non tortor. Nullam ut eros. Donec vel tortor. Sed lacinia metus ac dui. Donec porttitor tempus nulla. 
<br /><br /><br />  <br /><br /><br /> </div>

<a href="http://messaging.myspace.com/index.cfm?fuseaction=mail.message&friendID=XXXXXXXX"class="navigate">Message Me</a>

<a href="http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=XXXXXXXX"class="navigate">Comment me</a>

<a href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXXXX"class="navigate">View My Friends</a>

<a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewAlbums&friendID=XXXXXXXX" class="navigate">View My Pictures</a>

<a href="http://comments.myspace.com/index.cfm?fuseaction=user.viewComments&friendID=XXXXXXXX"class="navigate">View My Comments</a>

<a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXXXX" class="navigate">Block me</a><br>
<h1>My friends</h1>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navigate">My friend</a>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=XXXXXXXX" class="navigate">My frined</a>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=
XXXXXXXX" class="navigate">My friend</a><br>

<h1>Affiliates</h1>

<a href="" class="navigate">Sitename</a>

<h1>Credits</h1>
<a href="http://www.aunexamor.net/" class="navigate">Aunexamor</a>
<a href="http://xxlilxkevxx.createblog.com/layouts/" class="navigate">xxlilxkevxx</a>
<a href="http://katinka.createblog.com/layouts/" class="navigate">Katinkalayouts</a></div>
<div class="comments">
<table><tr><td><table><tr><td>

Layout Comments

Showing latest 10 of 10 comments

These boxy layouts are getting kind of boring looking. I mean, please don't be mad or take serious offense to this because I'm not trying to be offensive at all but...this type of layout is easily found on any site that makes layouts really. It's not really...'different' or stand out. But I guess people need all types of layouts-artsy AND regular, too.

By Butterface89 on Sep 24, 2010 4:48 pm

Back when I was young and dumb with HTML and all its aspects, I came across this site looking for a blogging site. This was first layout that captivated my attention and while my layout has changed many times since last year, it was this one that captivated me so well that I'm pretty fluent in HTML now. This thank you is way overdue but I just wanted to say thank you very much for posting this.

By everlost on Apr 18, 2009 3:32 pm