Log In · Register

 
Need scrolling comments code for DIV
dezignx
post Jul 2 2009, 02:01 AM
Post #1


Member
**

Group: Member
Posts: 25
Joined: Jun 2009
Member No: 733,596



Hi,

I tried searching on here for a code for my comments ONLY to scroll on my div layout (friends hidden)...every code I tried isn't working. The comments dont show up and it seems to cut my layout short.... I initially had a code working that I used from a previous layout but I don't like how the code displays my comments (like in a table with a border and this big distorted online now)

Can someone provide a Div code for scrolling comments with friends hidden......

Here is the only code that worked.....is there a more simple code to use??

CODE
<span class="off">!-Display Comments-!</span><style>
table table.friendsComments td.text table,
table table.friendsComments {display:block}
</style>
<span class="off">!-END Display Comments-!</span>




<span class="off">!-Display Friends-!</span>
<style>
{! display friends !}
table table td.text table.friendSpace,
table table td.text table.friendSpace td.text table {display:none}
{! restore width in FireFox and Opera; assumes default friendSpace width !}
table table td.text table.friendSpace td.text table table td {width:107px !important}
{! view friend link; override positioning for shows !}
table table td.text table.friendSpace td.text table div {position:static !important; height:auto !important;}
</style>
<span class="off">!-END Display Friends-!</span>




<span class="off">START Block to Put Comments in Div</span>
<style>
{!- comment div style stuff -!}
div.myDclassFC {width:550px; height:400px; overflow:scroll; overflow-x:hidden;}
div.myDclassFC {position:absolute; top:1540px; left:20px;}

table.friendsComments, table.friendsComments td, table.friendsComments table, table.friendsComments table td {width:100% !important}
table.friendsComments table table td {width:auto !important; border:1px silver solid; border-collapse:collapse}
{!- OPTIONAL: size control to keep comment images small -!}
table.friendsComments img {width:230px !important;}
table.friendsComments a img {width:50px !important;}
table.friendsComments .ImgOnlineNow {width:10px !important;}
</style>

</td></tr></table></td></tr></table></td></tr></table>
<div class="myDclassFC" style="border:0px purple dashed">
<table class="myTclassFC"><tr><td class="text">
<table class="off"><tr><td>
<table class="off"><tr><td>
<span class="off">END Block to Put Comments in Div</span>

 
 
Start new topic
Replies
dezignx
post Jul 2 2009, 03:42 AM
Post #2


Member
**

Group: Member
Posts: 25
Joined: Jun 2009
Member No: 733,596



Thanx alot biggrin.gif looks much better

Helped out alot, the only one that didn't work was the border one but I went inside the code and put 0px and it removed the border.

Last two things, lol, What if I wanted to add like a line to separate each comment. I've seen it on profiles....instead of the outside border around the comments it will just have the middle line

and how would I keep the comments where you don't have to scroll over to finish reading it?? (instead maybe make it wrap to the next line)
 

Posts in this topic


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