Help - Search - Members - Calendar
Full Version: I want to show ONLY my comments in a DIV layout
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
cherrinkim
I've searched the scripts...etc but I haven't found anything to specifically satisfy my needs. The script that shows comments almost did, but...well it didn't work out, because "Add Comments" doesn't seem to disappear.
What I need is a script that shows comments, but it doesn't show "Add Comments."

If anyone could find one for me, I will be most grateful. Also, it would be nice if a pro would add some other stuff to it, to change the font/size/etc of it...
Mickey
Well I have a script in the scripts section to show the Comments in a DIV. I tweaked it a bit to hide the Add Comment link. Place this in your About Me:

CODE
<style>
.comments {position:absolute; left:50%; top:350px; _top:363px; margin-left:-422px; _margin-left:-430px; width:415px; _width:419px;}
.friendspace, .orangetext15 {display:none;}
.friendscomments {margin-top:-80px;}
table.friendsComments img {max-width:365px}
table.friendsComments a {max-width:90px}
td.text td.text td td a, .redlink, td.text td.text td b a {visibility:visible!important;}
td.text td.text td a {visibility:hidden;}
.friendscomments table, .friendscomments td {background-color:000000; color:ffffff; font:normal 8pt Arial; border:0px;}
.blacktext10 {display:block; background-color:ffffff; color:000000; font:normal 8pt Arial; border:0px;}
.friendscomments a {color:FF0000;}

</style>

If you want to change how it looks, just edit the text in bold. Now, place this at the bottom of your Who I'd Like To Meet:

CODE
<div class="comments"><table><tr><td><table><tr><td></div>
cherrinkim
Thanks so much for the fast reply! I'll try this right now.

--

I don't know why but it doesn't seem to work. Comments aren't showing at all, and I've deleted the part that hides comments in the script.

.friendspace, .friendscomments, table div

-deleted those. Was I correct to?

Anyway, no comments are coming up... eh. I'm getting frustrated.

My about me:
CODE
<div style="position: absolute; top:100px; left:214px;">
<img src="http://img237.imageshack.us/img237/9391/mrbobcopycopysz6.jpg" width="832" border="0" usemap="#imap_65" />
<map id="imap_65" name="imap_65">
<area shape="rect" coords="13,724,200,788" alt="Home" title="Home" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" />
<area shape="rect" coords="228,720,359,786" alt="Add" title="Add" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFhYWA==" />
<area shape="rect" coords="394,726,650,794" alt="Pictures" title="Pictures" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtczImZnJpZW5kSUQ9WFhYWFhYWFhYJnZpZXc9dHJ1ZQ==" />
<area shape="rect" coords="675,727,807,794" alt="Message" title="Message" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD1YWFhYWFhYJk15VG9rZW49MTUzZmY4MjEtYzg0NC00MWViLWEwZWYtMTNlNDZkZ
Q0YzZh" />
<area shape="rect" coords="9,1467,37,1491" alt="download" title="download" href="http://www.msplinks.com/MDFodHRwOi8vcGlzdG9yeS5hZXJpYWdhbWVzLmNvbS9kb3dubG9hZA==" />
<area shape="rect" coords="8,1524,37,1548" alt="homepage" title="homepage" href="http://www.msplinks.com/MDFodHRwOi8vcGlzdG9yeS5hZXJpYWdhbWVzLmNvbS8=" />
<area shape="rect" coords="7,1575,37,1599" alt="forums" title="forums" href="http://www.msplinks.com/MDFodHRwOi8vZm9ydW1zLmFlcmlhZ2FtZXMuY29tLz9mPTI5Mw==" />
</map>



</div>


<div style="border :none; background : transparent; color : ff6666; padding : 0px; width : 413px; height : 387px; overflow : auto; position: absolute; top:1065px; left:220px;
scrollbar-face-color: transparent;
scrollbar-highlight-color: transparent;
scrollbar-darkshadow-color: transparent;
scrollbar-shadow-color: transparent;
scrollbar-3dlight-color: transparent;
scrollbar-darkshadow-color: transparent;">


Write anything you want here. <br /><b>bold</b><i>italics</i><u>underline</u>
<br />
This layout was made by Cherrynkinnz in pistory forums, aka CherrinXD in PiStory.
All images were taken from the fansite kit.






</div>


<style>
.clearfix ul, .mslogo, .clearfix form, .clearfix a, .clearfix select, .profileinfo, .contacttable, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .extendednetwork, .latestblogentry, .blurbs td.text, .orangetext15, {display:none!important;}
table table div, .clearfix {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;}
.bodycontent div {_filter:alpha(opacity:100)!important;}
.clearfix div {background:none!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
</style>



<style>

body {
background-color: c7d0ef;
background-image: url("http://img521.imageshack.us/img521/6889/tttep9.jpg");
background-position: center;
background-repeat: repeat;
background-attachment: fixed;
scrollbar-arrow-color:transparent;
scrollbar-track-color: transparent;
scrollbar-shadow-color: transparent;
scrollbar-face-color:transparent;
scrollbar-highlight-color:transparent;
scrollbar-darkshadow-color:transparent;
scrollbar-3dlight-color:transparent;}

font, body, table, td, div, h1, h2, br, a, p
{font-family: Arial;
font-size: 14px;
color: c7d0ef;
background-color: NONE
text-transform: NORMAL;
text-decoration: nONE;
font-weight: NONE;
}

A:link , A:visited , A:active {
text-decoration:none;
color: ffffff;
background: none;
}
a:hover {
color: ffffff;
background: none;
font-size: 14px;
text-decoration:none;
}



</style>





<style>
.comments {position:absolute; left:50%; top:350px; _top:363px; margin-left:400px; _margin-left:400px; width:415px; _width:419px;}
.friendspace, .orangetext15 {display:none;}
.friendscomments {margin-top:1500px;}
table.friendsComments img {max-width:365px}
table.friendsComments a {max-width:90px}
td.text td.text td td a, .redlink, td.text td.text td b a {visibility:visible!important;}
td.text td.text td a {visibility:hidden;}
.friendscomments table, .friendscomments td {background-color:000000; color:ffffff; font:normal 8pt Arial; border:0px;}
.blacktext10 {display:block; background-color:ffffff; color:000000; font:normal 8pt Arial; border:0px;}
.friendscomments a {color:FF0000;}
</style>






my "i'd like to meet"
CODE
<div style="border :none; background : transparent; color : c7d0ef; padding : 0px; width : 280px; height : 280px; overflow : auto; position: absolute; top:945px; left:738px;
scrollbar-face-color: transparent;

<center><form method="> <input type="hidden" name="friendID" value="XXXXXXX" /> <textarea name="f_comments" style="height:240 ;width:270; background-color:transparent !important;color:ff6666 !important;background-image:url();font-size:14px;font-family:arial !important">Comment here. You can also change the text here if you want.
</textarea> <br /><input type="submit" value="Comment" style="height: ; width:270; background-color: transparent !important;background-image:url(); font-size:14px;font-family:Georgia !important; color: white !important" /> </form>
</div>


<div class="content" style="position: absolute; left:220px; top:1800px; width:360px; height:290px; overflow: auto;"><center>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="290" width="360" data="http://www.youtube.com/v/CyRRTfsfoPE&hl=en&fs=1&color1=0xcc2550&color2=0xe87a9f&border=1">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/CyRRTfsfoPE&hl=en&fs=1&color1=0xcc2550&color2=0xe87a9f&border=1" />
</object>
</div>
<div class="bg" style="position: absolute; left:600px; top:1500px; width:284px; height:650px; overflow: hidden;">
<img src="http://i38.tinypic.com/2nvarra.gif" />
</div>



<div class="comments"><table><tr><td><table><tr><td></div>


Incase anyone's wondering...it's a layout for a contest. I hope someone has the time to point out some errors/[HELP ME..!]
Mickey
Replace all your About Me codes with this:

CODE
<div style="position: absolute; top:100px; left:214px;">
<img src="http://img237.imageshack.us/img237/9391/mrbobcopycopysz6.jpg" width="832" border="0" usemap="#imap_65" />
<map id="imap_65" name="imap_65">
<area shape="rect" coords="13,724,200,788" alt="Home" title="Home" href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2Vy" />
<area shape="rect" coords="228,720,359,786" alt="Add" title="Add" href="http://www.msplinks.com/MDFodHRwOi8vZnJpZW5kcy5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj1pbnZpdGUuYWRkZnJpZW5kX3ZlcmlmeSZmcmllbmRJRD1YWFhYWFhYWA==" />
<area shape="rect" coords="394,726,650,794" alt="Pictures" title="Pictures" href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld0FsYnVtczImZnJpZW5kSUQ9WFhYWFhYWFhYJnZpZXc9dHJ1ZQ==" />
<area shape="rect" coords="675,727,807,794" alt="Message" title="Message" href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD1YWFhYWFhYJk15VG9rZW49MTUzZmY4MjEtYzg0NC00MWViLWEwZWYtMTNlNDZkZ
Q0YzZh" />
<area shape="rect" coords="9,1467,37,1491" alt="download" title="download" href="http://www.msplinks.com/MDFodHRwOi8vcGlzdG9yeS5hZXJpYWdhbWVzLmNvbS9kb3dubG9hZA==" />
<area shape="rect" coords="8,1524,37,1548" alt="homepage" title="homepage" href="http://www.msplinks.com/MDFodHRwOi8vcGlzdG9yeS5hZXJpYWdhbWVzLmNvbS8=" />
<area shape="rect" coords="7,1575,37,1599" alt="forums" title="forums" href="http://www.msplinks.com/MDFodHRwOi8vZm9ydW1zLmFlcmlhZ2FtZXMuY29tLz9mPTI5Mw==" />
</map>



</div>


<div style="border :none; background : transparent; color : ff6666; padding : 0px; width : 413px; height : 387px; overflow : auto; position: absolute; top:1065px; left:220px;
scrollbar-face-color: transparent;
scrollbar-highlight-color: transparent;
scrollbar-darkshadow-color: transparent;
scrollbar-shadow-color: transparent;
scrollbar-3dlight-color: transparent;
scrollbar-darkshadow-color: transparent;">


Write anything you want here. <br /><b>bold</b><i>italics</i><u>underline</u>
<br />
This layout was made by Cherrynkinnz in pistory forums, aka CherrinXD in PiStory.
All images were taken from the fansite kit.






</div>


<style>
.clearfix ul, .mslogo, .clearfix form, .clearfix a, .clearfix select, .profileinfo, .contacttable, .userprofileurl, .interestsanddetails, .userprofiledetail, .userprofilenetworking, .userprofileschool, .userprofilecompany, .extendednetwork, .latestblogentry, .blurbs td.text, .orangetext15, {display:none!important;}
table table div, .clearfix {display:block!important;}
table, tr, td, .clearfix {background:none!important;}
.clearfix tr td div {filter:alpha(opacity:0)!important;}
.bodycontent div {_filter:alpha(opacity:100)!important;}
.clearfix div {background:none!important;}
div[id="topnav"], div[id="shortcuts"] {opacity:0!important;}
</style>



<style>

body {
background-color: c7d0ef;
background-image: url("http://img521.imageshack.us/img521/6889/tttep9.jpg");
background-position: center;
background-repeat: repeat;
background-attachment: fixed;
scrollbar-arrow-color:transparent;
scrollbar-track-color: transparent;
scrollbar-shadow-color: transparent;
scrollbar-face-color:transparent;
scrollbar-highlight-color:transparent;
scrollbar-darkshadow-color:transparent;
scrollbar-3dlight-color:transparent;}

font, body, table, td, div, h1, h2, br, a, p
{font-family: Arial;
font-size: 14px;
color: c7d0ef;
background-color: NONE
text-transform: NORMAL;
text-decoration: nONE;
font-weight: NONE;
}

A:link , A:visited , A:active {
text-decoration:none;
color: ffffff;
background: none;
}
a:hover {
color: ffffff;
background: none;
font-size: 14px;
text-decoration:none;
}



</style>





<style>
.comments {position:absolute; left:50%; top:1265px; _top:1265px; margin-left:23px; _margin-left:23px; width:381px; _width:385px; height:825px; overflow-y:auto; overflow-x:hidden;}
.friendspace, .orangetext15 {display:none;}
.friendscomments {margin-top:-85px; margin-left:-25px;}
table.friendsComments img {max-width:365px}
table.friendsComments a {max-width:90px}
td.text td.text td td a, .redlink, td.text td.text td b a {visibility:visible!important;}
td.text td.text td a {visibility:hidden;}
.friendscomments table, .friendscomments td {background-color:000000; color:ffffff; font:normal 8pt Arial; border:0px;}
.blacktext10 {display:block; background-color:ffffff; color:000000; font:normal 8pt Arial; border:0px; width:230px;}
.friendscomments a {color:FF0000;}
body {z-index:0;}
.bg {z-index:1;}
</style>

And your Who I'd Like To Meet codes with this:

CODE
<div style="border :none; background : transparent; color : c7d0ef; padding : 0px; width : 280px; height : 280px; overflow : auto; position: absolute; top:945px; left:738px;
scrollbar-face-color: transparent;">

<center><form method="> <input type=" name="friendID"> <textarea name="f_comments" style="height:240 ;width:270; background-color:transparent !important;color:ff6666 !important;background-image:url();font-size:14px;font-family:arial !important">Comment here. You can also change the text here if you want.
</textarea> <br /><input type="submit" value="Comment" style="height: ; width:270; background-color: transparent !important;background-image:url(); font-size:14px;font-family:Georgia !important; color: white !important" /> </form>
</div>


<div class="content" style="position: absolute; left:220px; top:1800px; width:360px; height:290px; overflow: auto;"><center>
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="290" width="360" data="http://www.youtube.com/v/CyRRTfsfoPE&hl=en&fs=1&color1=0xcc2550&color2=0xe87a9f&border=1">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.youtube.com/v/CyRRTfsfoPE&hl=en&fs=1&color1=0xcc2550&color2=0xe87a9f&border=1" />
</object>
</div>



<div class="comments"><table><tr><td><table><tr><td></div>


<div class="bg" style="position: absolute; left:600px; top:1500px; width:284px; height:650px; overflow: hidden;">
<img src="http://i38.tinypic.com/2nvarra.gif" />
</div>

I believe the animation will cover your comments. I don't know if that's what you wanted but that should do it.
fixtatik
you can also use this to adjust your comments area (it hides the "add comment" link, as well):
CODE
<style>
.friendsComments { display:block; any other properties for your comments go here }
.friendsComments td td a { display:none; }
.friendsComments td td td a { display:inline; }
</style>
cherrinkim
Wow, thanks! You did exactly what I wanted to do! lol
If only I found a way to keep the animation on top...

But if you don't mind me asking, what script(s) did you use/just exactly what did you do?

heh. I'm still learning, and something like this will probably help me in the future x]

--

Btw...why are there doubles of widths and heights?

Another quick question...The links and names are still orange. How do I fix this?
Mickey
Well, I believe I put the animation on top already using z-index codes. (I thought it was disabled by MySpace but it worked somehow. On FF, anyway.) To position the animation over everything else, I added this to your stylesheet:

CODE
body {z-index:0;}
.bg {z-index:1;}

The first part puts everything at the bottom, while the second part puts the animation on top. And I couldn't find any doubles of widths and heights, so I'm not sure what you were talking about. Would you care to elaborate?
cherrinkim
CODE
<style>
.comments {position:absolute; left:50%; top:1265px; _top:1265px; margin-left:35px; _margin-left:35px; width:370px; _width:370px; height:825px; overflow-y:auto; overflow-x:auto;}
.friendspace, .orangetext15 {display:none;}
.friendscomments {margin-top:-85px; margin-left:-25px;}
table.friendsComments img {max-width:365px}
table.friendsComments a {max-width:90px}


heh, now I know I'm missing something XD

The top parts of what I bolded: There seems to be doubles..? I'm not sure if they're supposed to be there. Can you explain why they're there?

Lower bolded area: Why are there negative numbers?

Also...something else I had in mind...



Links "comment back, send message...etc," and the user name (lala) are orange. Any way to fix this?
Mickey
To answer your first question, the first bold text is for positioning the scrollbox. The second bold text is for bringing up the comments INSIDE the scrollbox. It was to hide the text that says "Friends Comments" and the text that says "Displaying # of Comments (View All/Add Comments)". The code contains negative numbers because I wanted to pull it further up and pull it further to the left. If it wasn't negative, it'd go further down and further to the right.

To answer your second question, they're actually red. If you'd like to change their color, edit this part of the code:

CODE
.friendscomments a {color:FF0000;}

Just change FF0000 to the hex code of your choice.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.