I want to show ONLY my comments in a DIV layout |
![]() ![]() |
I want to show ONLY my comments in a DIV layout |
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... |
|
|
|
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>
|
|
|
|
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..!] |
|
|
|
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. |
|
|
|
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> |
|
|
|
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? |
|
|
|
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? |
|
|
|
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. |
|
|
|
![]() ![]() |