Curly Pastels DIV - Designed by: Soledad

screenshot!

copy the code below and paste into your “I’d Like To Meet”

</td></tr></table></td></tr></table>
<div class="comt"><table class="off"><tr><td><table><tr><td>

copy the code below and paste into your “Interests”

</td></tr></table></td></tr></table></td></tr></table></div>
<style type="text/css">
.note{background properties}
body {background-color:ffffff;
background-image:url(http://xs108.xs.to/xs108/06446/dfrv.jpg);
background-attachment:scroll;
background-position:top center;
background-repeat:repeat-y;
scrollbar-face-color: FFFFFF;
scrollbar-highlight-color: B6CDB0;
scrollbar-3dlight-color: FFFFFF;
scrollbar-shadow-color: FFFFFF;
scrollbar-darkshadow-color: FFFFFF;
scrollbar-arrow-color: B6CDB0;
scrollbar-track-color: FFFFFF;}

.note{text}
td, span, div, input, a, table td div div font,
body div table tbody tr td font {font-family:georgia, serif;
font-size:8pt;
font-style:normal;
font-weight:normal;}

td, span, div, table td div div font,
body div table tbody tr td font {color:5B5A55!important;}
.nametext, .whitetext12, .lightbluetext8, .orangetext15{display:none;}
.blacktext12, .redtext, .redbtext, .btext{color:5B5A55!important;}

a {color:CB998E!important;
font-family:georgia, serif;
font-size:8pt;
font-weight:normal;
text-decoration:none; 
text-transform:none; 
font-style:normal;}

a:hover {color:B6CDB0!important;
font-family:georgia, serif;
font-size:8pt;
font-weight:normal;
text-decoration:none!important; 
text-transform:none;
font-style:normal;}

.note{image props}
a img {border:0px;}
a:hover img {border:0px;}

.note{table properties}
table, tr, td, tbody {background-color:transparent; border:0px;}
div table td font {visibility:hidden;}
div table table table td font {visibility:visible;}
table table table td {visibility:hidden;}
marquee, table table table div td {visibility:visible;}
table div div, table tr td div font a {visibility:hidden;}

.note{hide stuff}
.text, table table table table a,
table table table table div,.frm1 {visibility:hidden;} 
table table table table div a, .frm1 input{visibility:visible;}
.contactTable{display:none;border:0px;}
table div , table div div {visibility:hidden;}
table div div div {visibility:visible;}

.note{hide more stuff}
.frm2 {visibility:hidden;} 
.frm2 input {visibility:visible;}

.backdrop{width:800px; 
height:600px; 
overflow:hidden;
position:absolute; 
z-index:0; 
left:50%;
top:0%; 
margin-left:-400px; 
margin-top:150px;
visibility:visible!important;}

* html .backdrop{margin-left:-399px;}

.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .orangetext15, .redlink, .comt .btext, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}

JB{The Main: comment div;}
.comt {width:800px;overflow:visible;
background-color:FFFFFF; border:0px solid; position:absolute; top:750px; left:50%; margin-left:-400px;word-wrap:break-word; word-break:break-all; }

* html .comt{margin-left:-399px;}

JB {Timestamp: width;}
.blacktext10 {width: 600px;}

JB{hides: online now images in comments & top 8}
.comt td td td div{display:none;}

JB{hides: online now images only in top 8}
.comt td td td td div{display:none;}

JB{hides: comment timestamp}
.blacktext10{visibility:visible!important;}

JB{hides: Displaying XX of XX comments(View/Edit All Comments)}
.comt td b{display:visible!important;letter-spacing:7px;}

* html .comt td b{display:visible!important;letter-spacing:5px;}

JB{hides: name has XXX friends}
.comt .btext{display:none;}

JB{hides: View All of names Friends link}
.redlink{display:none;}

JB{hides: friend name links}
.comt td td td a{visibility:hidden!important;font-size:0px!important;}

JB{unhides: friend name links in top 8 (fix for above code)}
.comt td td td td a{visibility:visible!important; font-size:10px !important;}

JB{hides: friends name links only in top 8}
.comt td td td td a{visibility:hidden!important; font-size:0px !important;}

JB{hides: the Add Comment link}
.comt td a{visibility:hidden;}

JB{resizes: images posted in comments}
.comt td td td img {width:100px; max-width:100px; _width:100px !important;}

JB{resizes: linked images including friends profile pic}
.comt td td td a img {width:90px; max-width:260px; _width:90px !important;}

.comt td td td a img {filter:none;border-width:0px;}

.comt td td td a img:hover {filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; -khtml-opacity:0.5;border-width:0px;}

JB{resizes: online now image}
.comt td td td div img {width:80px!important;}

JB{resizes: top 8 friend pics}
.comt td td td td img {width:80px!important;}

JB{moves comment timestamp down}
.blacktext10 {position:relative; top:17px;}

* html .blacktext10 {top:6px;}

JB{adds comment spacer line}
.blacktext10{
color:FFFFFF!important;
font-family:georgia, serif;
font-size:1pt;
font-weight:normal;
text-decoration:none!important; 
text-transform:none;
font-style:normal;}

JB{add background image to timestamp}
.blacktext10{background-image:url(http://xs108.xs.to/xs108/06446/comsep.jpg);
background-repeat:no-repeat;
display:block;
height:25px;width:700px;}

JB{center Displaying XX of XX comments View Edit All Comments}
.comt td b {text-align:center;}

.about{width:220px; 
height:150px; 
overflow:auto;
position:absolute; 
left:50%;
top:0%; 
margin-left:-350px; 
margin-top:323px;
text-align:justify;
scrollbar-face-color: B6CDB0;
scrollbar-highlight-color: B6CDB0;
scrollbar-3dlight-color: B6CDB0;
scrollbar-shadow-color: B6CDB0;
scrollbar-darkshadow-color: B6CDB0;
scrollbar-arrow-color: FFFFFF;
scrollbar-track-color: B6CDB0;
visibility:visible!important;}

.navi{width:600px; 
height:40px; 
overflow:visible;
float:left;
position:absolute; 
left:50%;
top:0%; 
margin-left:-220px; 
margin-top:655px;
visibility:visible!important;}

.friends{width:400px; 
height:200px; 
overflow:visible;
float:left;
position:absolute; 
left:50%;
top:0%; 
margin-left:80px; 
margin-top:390px;
filter:alpha(opacity=60);
-moz-opacity:0.6; 
opacity:0.6; 
-khtml-opacity:0.6;
visibility:visible!important;}

.roll1{height: 40px; 
width: 80px; 
text-indent: 15px; 
overflow: hidden;
float:left; 
background: url(http://i6.photobucket.com/albums/y242/Soledavid/mailroll.jpg) 
bottom left no-repeat; 
display: block;}
.roll1:hover{background-position: top left;}

.roll2{height: 40px; 
width: 80px; 
text-indent: 15px; 
overflow: hidden; 
float:left; 
background: url(http://i6.photobucket.com/albums/y242/Soledavid/addroll.jpg) 
bottom left no-repeat; 
display: block;}
.roll2:hover{background-position: top left;}

.roll3{height: 40px; 
width: 80px; 
text-indent: 15px; 
overflow: hidden; 
float:left; 
background: url(http://i6.photobucket.com/albums/y242/Soledavid/blockroll.jpg) 
bottom left no-repeat; 
display: block;}
.roll3:hover{background-position: top left;}

.roll4{height: 40px; 
width: 80px; 
text-indent: 15px; 
overflow: hidden; 
float:left; 
background: url(http://i6.photobucket.com/albums/y242/Soledavid/picsroll.jpg) 
bottom left no-repeat; 
display: block;}
.roll4:hover{background-position: top left;}

.roll5{height: 40px; 
width: 80px; 
text-indent: 15px; 
overflow: hidden; 
float:left; 
background: url(http://i6.photobucket.com/albums/y242/Soledavid/frendroll.jpg) 
bottom left no-repeat; 
display: block;}
.roll5:hover{background-position: top left;}

.roll6{height: 40px; 
width: 80px; 
text-indent: 15px; 
overflow: hidden; 
float:left; 
background: url(http://i6.photobucket.com/albums/y242/Soledavid/blogsroll.jpg) 
bottom left no-repeat; 
display: block;}
.roll6:hover{background-position: top left;}

.roll7{height: 40px; 
width: 80px; 
text-indent: 15px; 
overflow: hidden; 
float:left; 
background: url(http://i6.photobucket.com/albums/y242/Soledavid/homeroll.jpg) 
bottom left no-repeat; 
display: block;}
.roll7:hover{background-position: top left;}

textarea{background-color:FFFFFF!important;
color:B6CDB0;
font-family:georgia, serif;
font-size:8pt;
font-style:normal;
font-weight:bold;
border-style:solid;
border-color:pink;
border-width:1px;
overflow:hidden;
text-align:center;
width:340px;
height:60px;}

.boton{color:5B5A55;
font-family:georgia, serif;
font-size:8pt;
font-style:normal;
font-weight:bold;
background-color:B6CDB0;
border-width:1px;
border-style:solid;
border-color:CCCCCC;
text-align:center;
width:170px;}

.box{width:340px; 
height:100px; 
overflow:hidden;
position:absolute; 
left:50%;
top:0%; 
margin-left:-320px; 
margin-top:535px;
visibility:visible !important;}

.top{width:600px; 
height:26px; 
overflow:visible;
position:absolute; 
left:50%;
top:0%;
float:left; 
margin-left:-100px; 
margin-top:5px;
visibility:visible!important;}

</style>

<div class="frm1"><table><tr><td><table><tr><td><table><tr><td>

copy the code below and paste into your “Music”

</td></tr></table></td></tr></table></td></tr></table></div>

<div class="backdrop">
<img src="http://xs208.xs.to/xs208/06445/top26boner.jpg">
</div>

<div class="about">blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah 
</div>  

<div class="navi">
<a href="http://blog.myspace.com/index.cfm?fuseaction=blog.view&friendID=XXXXXX" class="roll1"></a><a href="http://collect.myspace.com/index.cfm?fuseaction=invite.addfriend_verify&friendID=XXXXXX" class="roll2"></a><a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=XXXXXX" class="roll3"></a><a href="http://viewmorepics.myspace.com/index.cfm?fuseaction=user.viewPicture&friendID=XXXXXX" class="roll4"></a><a href="http://home.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=XXXXXX" class="roll5"></a><a href="http://blog.myspace.com/index.cfm?fuseaction=blog.view&friendID=32193458&blogID=XXXXXX" class="roll6"></a><a href="http://home.myspace.com/index.cfm?fuseaction=user" class="roll7"></a>
</div>

<div class="box">
<center><form method="post" 
action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" 
name="friendID" 
value="XXXXXX">
<textarea name="f_comments">
</textarea>
<br>
<input class="boton" type="submit"  value="Post"><input class="boton" type="reset"  value="Reset"></center>
</form>
</div>

<div class="top">
<a href="http://www.joyboner.com">.joyboner.</a>&nbsp;|&nbsp; <a href="http://groups.myspace.com/index.cfm?fuseaction=groups.groupProfile&groupid=101740343">.div space.</a>&nbsp;|&nbsp;<a href="http://groups.myspace.com/index.cfm?fuseaction=groups.groupProfile&groupid=100752777">.rate profile.</a>&nbsp;|&nbsp;<a href="http://www.bbzspace.com">.bbz.</a>&nbsp;|&nbsp;<a href="http://jchysteria.com/">.jchysteria.</a>&nbsp;|&nbsp;<a href="http://skem9.com/">.skem9.</a>&nbsp;|&nbsp;<a href=" http://www.myspace.com/csstuts">.csstuts.</a></div>

<div class="friends">
<a href="http://www.myspace.com/XXXXXX"><img src="http://xs208.xs.to/xs208/06436/nophoto.jpg"></a>
<a href="http://www.myspace.com/XXXXXX"><img src="http://xs208.xs.to/xs208/06436/nophoto.jpg"></a>
<a href="http://www.myspace.com/XXXXXX"><img src="http://xs208.xs.to/xs208/06436/nophoto.jpg"></a>
<a href="http://www.myspace.com/XXXXXX"><img src="http://xs208.xs.to/xs208/06436/nophoto.jpg"></a><br>
<a href="http://www.myspace.com/XXXXXX"><img src="http://xs208.xs.to/xs208/06436/nophoto.jpg"></a>
<a href="http://www.myspace.com/XXXXXX"><img src="http://xs208.xs.to/xs208/06436/nophoto.jpg"></a>
<a href="http://www.myspace.com/XXXXXX"><img src="http://xs208.xs.to/xs208/06436/nophoto.jpg"></a>
<a href="http://www.myspace.com/XXXXXX"><img src="http://xs208.xs.to/xs208/06436/nophoto.jpg"></a>
</div>

<div class="frm2"><table><tr><td><table><tr><td><table><tr><td>

26 Responses to “[templates] - Curly Pastels”

Pages: [1] 2 »

  1. this is the cuttes layout ever!!

Pages: [1] 2 »

Trackbacks/Pingbacks

Leave a Reply