[templates] - Curly Pastels

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>

2:45PM Wed Nov 15 2006 15,960 views
Tagged: , ,
Share: Add to del.icio.us  Digg This

Read More:

26 Responses to “[templates] - Curly Pastels”

Pages: « 1 [2]

  1. des 3:05 am Fri Nov 17 2006

    I cant get my song display to move or dissapear so it is smack in the middle of a template I want to use on here.
    Any suggestions? I cant change anything on the template because it is another artists

  2. izzie 1:02 am Sat Nov 18 2006

    sick ass page sole

  3. christina 10:07 am Sun Nov 19 2006

    I cant get my song display to move or dissapear so it is smack in the middle of a template I want to use on here.
    Any suggestions?

  4. Soledad 4:02 am Mon Nov 20 2006

    with this code (between tags) you can hide the player and it still play the music

    td td embed, td td object {width:0px; height:0px;}

  5. Aliciax Hox 7:08 am Fri Nov 24 2006

    Why is it my blogs dont actually link to mine but yours…???
    How to change it so that the blog button can link straightly to my blogs ???

  6. Soledad 8:44 pm Fri Nov 24 2006

    Why is it my blogs dont actually link to mine but yours…???
    How to change it so that the blog button can link straightly to my blogs ???

    You have to change the XXXXXX with your own FRIENDID

  7. Lindsey 10:59 pm Fri Nov 24 2006

    Why is it my blogs dont actually link to mine but yours…???
    How to change it so that the blog button can link straightly to my blogs ???

    You have to change the XXXXXX with your own FRIENDID

    I had the same problem. The problem is here

  8. Aliciax Hox 2:54 am Fri Dec 1 2006

    I’ve done that but still don’t see any different ???
    Guide me exactly on how to do it….
    Please >>>> Really adore this layout….

  9. Soledad 11:33 am Fri Dec 1 2006

    Please take in mind that this layouts requires some html/css knowledge, if you aren’t familiar with those it would be a pain to do it, just copy and paste the codes in the right sections, then replace the XXXXXX’s with your FRIENDID and look for the code and the Music section to change the About me part, read the codes slowly and if you need extra help you can ask your questions in this group >

    http://groups.myspace.com/inde.....=100003021

    Thanks

  10. J.Johnson 12:41 am Wed Dec 6 2006

    This is so innnovative, creative, and displays the unlimited capabilities your mind allows you to exercise. God bless and be sure to use your gifts for his glory. Lata!

  11. Danielle 3:47 pm Mon Dec 11 2006

    I am trying to edit this profile for my page, everything works but I dont have my top friends pictures. If any one can tell me how to get ther pictures up there I would be so happy.

  12. Jamie 9:44 pm Mon Dec 11 2006

    Where is the best place to host the pics from for this lay? I am using imageshack and where the little ‘thumbnail’ of my friend is supposed to go, there are just two little dots (periods). Argh!! What do I do?? I am using the URL. And how can I add music without the music player all up in the middle of the page? Can I add my own pic anyhow? Thanks in advance :)

  13. Steffy 9:56 pm Fri Jan 26 2007

    i Love U Steffy!

  14. Jesse D 8:53 am Fri Mar 2 2007

    I always wondered how people make that artistic effect in the upper-right corner. It looks awesome. Nice work :)

  15. Suzy 8:13 pm Sun Apr 29 2007

    I love the layout! I’m going to use it. I was just wondering if there was a way to make the “about me” box wider. It makes the rest of that green box seem empty… If not, it’s ok.

  16. meli 7:38 am Fri Jun 1 2007

    I didn’t change anything in the word break break all part of the comment section but i was wondering, shouldn’t my comments break to the next line when the line gets too long? cuz they’re not breaking.. is it something i did?

    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; }

  17. nikki 4:20 pm Fri Jun 22 2007

    how do you put your own friends in the top 6 friend space?

  18. shawtie 2:57 pm Sun Jul 8 2007

    so cute

  19. Jessie 8:02 pm Tue Jul 17 2007

    how would you put a visible slideshow on this type of page like from slide.com??? Is there anyway?? everytime i try to insert a slideshow it doesnt show up Ive tried what i believe to be everything. ANY HELP????

  20. Jennifer Bedard 6:54 pm Fri Aug 31 2007

    I think I like this….BUT I’ve got a few questions.
    1)How do I change my friends so I can see them? instead of hitting on the photo and it going to your friends.
    2)how do i change the BLAH BLAH in about me?
    3)and the last thing how do I use my picture?

    Other than that, this is so different than any other layout I’ve seen. I really like it even without the changes that need be made.

    I hope to hear from you with the answers to my questions. Thank you Jennifer Bedard

  21. kelseymae 1:15 am Sat Sep 1 2007

    umm i cant get my own friends on here.

  22. Lauren 6:19 am Tue Dec 25 2007

    Really great layout but i can’t see the pictures of my top friends, they all just say no photo. How do i make it put the pictures up?

  23. Kristi 12:53 pm Sun Jan 6 2008

    Very nice and easy to use.

  24. jerry 7:12 am Fri Feb 1 2008

    how do i get my own picture up on this one?

  25. jerry 9:35 am Fri Feb 1 2008

    awesome layout… this is EXACTLY what i was searching for this whole time!! i got my friends links up and pics by reading through all these comments and seeing your answers but i didn’t see one for putting up my own pic next to my blurb about me. please help a korean out!! ;)

Pages: « 1 [2]

Trackbacks/Pingbacks

Leave a Reply