Log In · Register

 
 
Closed TopicStart new topic
I want to show ONLY my comments in a DIV layout
cherrinkim
post Aug 4 2008, 02:45 AM
Post #1


Newbie
*

Group: Member
Posts: 8
Joined: Nov 2004
Member No: 61,418



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
post Aug 4 2008, 03:15 AM
Post #2


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



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
post Aug 4 2008, 03:35 AM
Post #3


Newbie
*

Group: Member
Posts: 8
Joined: Nov 2004
Member No: 61,418



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
post Aug 4 2008, 04:05 AM
Post #4


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



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
post Aug 4 2008, 05:29 AM
Post #5


Senior Member
******

Group: Member
Posts: 1,237
Joined: May 2008
Member No: 648,123



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
post Aug 4 2008, 12:58 PM
Post #6


Newbie
*

Group: Member
Posts: 8
Joined: Nov 2004
Member No: 61,418



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?
 
cherrinkim
post Aug 4 2008, 01:49 PM
Post #7


Newbie
*

Group: Member
Posts: 8
Joined: Nov 2004
Member No: 61,418



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
post Aug 4 2008, 03:15 PM
Post #8


Treasure Pleasure
********

Group: Head Staff
Posts: 11,193
Joined: Oct 2005
Member No: 281,127



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.
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: