Changing Commnt Table Background, Can't control the format ofcomments table! Options

[thedynamix]

I have tried so many things and I have come to the conclusion that it is impossible to change the comments background format.

But, I've seen others do it, so I must be losing my mind.

Please have a look at MySpace and have a look at the comments table.

I want to black it out but I cannot find the CSS selector anywhere and I when I do change it, the entire page changes too.

I have guessed that the CSS which controls the comments table background is "table table table td" but this seems to change everything with it.



Any help is greatly appreciated!

[freeflow]

What are you trying to do? Make the comment background black? You have to change all the tables to do so, but if you have a div layout it won't matter.

CODE

table table table {background-color: ######; }

(add style tags and edit)

[thedynamix]

That code doesn't effect it all unfortunately..

But yea, my aim is to change the omments background colours from default to black.

Any other ideas?

[clarity]

I don't think thats possible, I think you have to change all of the tables backgrounds, then again I could be wrong.

[freeflow]

That code doesn't effect it all unfortunately..

But yea, my aim is to change the omments background colours from default to black.

Any other ideas?

Whats left over with that code? Like whats still not changed. Try using that above along with:

CODE

table, tr, td {background-color: transparent; border: 0px; padding:2;}
table table {border: 0px;}
table table table table{border: 0px;}

[thedynamix]

toyo_loco, you are a Goddess!

Thank you, thank you and thank you again!

Really do appreciate it!

[thedynamix]

While I kinda have your attention, can I ask two more questions please?

1. If you have a look at MySpace, you will notice your code has worked. Basically, what part of my CSS do I need to edit to control the format of the comments table and more specifically, how do I left align everything in my comments table.

2. How do I insert my default pic ture block on to the page? If you know what I mean..?


Thanks so much again!

[freeflow]

1. Can you elaborate on what you mean by left align?
2. You can't insert your default pic table, but you can and what you have to do is upload another photo or take your default pic url. Put it in a div and use:

CODE

<img src="urltopic">

or if you want to make it a link:

CODE

<a href="urlhere"><img src="urltopicture"></a>

[thedynamix]

Will the picture automatcally change once I make the default photo change in MySpace control panel?

Thanks so much for your help.

[freeflow]

No it won't, thats not possible. You have to change it manually.

[thedynamix]

Okay, thanks alot.

And for what is hopefully my last question:

If you take a quick look at My Space and have a look t the top of my comments table.

The text

"View All of Urban 's Friends
Urban's Friends Comments
Displaying 3 of 3 comments View/Edit All"

Is all jumbled together. How do I sort this problem out?

Also, IE is showing the bottom part of 'My Friends' table, which should not be happening as I used the 'hide friends' code..?

Thanks alot!

[freeflow]

Post your code. I don't have IE so I can't help you there plus by the way you describe there may not be a solution.

[thedynamix]

My Code:

I'D LIKE TO MEET:

CODE

<div class="comt"><table><tr><td><table>

INTERESTS:

CODE

</td></tr></table></td></tr></table></td></tr></table></div>
<style>
BASIC INSTRUCTIONS:
You can delete this section from the code if you don't need it, but it won't affect the looks of your profile in any way.

For every div class (.div1, .div2, etc) you will notice a lot of common properties. To move the layer, use:
** margin-top to move it up and down
** margin-left to  move it left and right

margin-left begins from the center of your page. If you set it to 0px, the top left corner of the div will be located in the center of the profile. If you want the layer in the center of your profile take the width of the div, divide it by 2, and multiply it by -1. (In other words, divide it by 2 and make it a negative number.) For example, your div is 400px wide. Give it a margin-left of -200px and the div layer will sit in the middle of the screen. Now, if you want to move it somewhere else, you will have to experiment with the position.

margin-top should be no less than 150px since anything above that may overlap the MySpace advertisment.

The rest is self explanatory, width for width,  height for height, colors and so on.

Style and Format:
The divs will automatically align everything to the center, in order to make the text and pictures aligned to right or left, look for "text-align:center;" and replace center with left, right, or justify.

If you want your comments to flow automatically rather than have them stuffed in a scroll box, look for the comments selector, named .comt {} inside .comt, you will fine overflow:auto; change auto to overflow:none;

To move the personal song player, look for the embed {}

To add a background image to each div (box), add this to your div selector:

background-image:url(URL to background);
background-position:center center;
background-repeat:repeat;
background-attachent:scroll;


Good Luck!

bbz Overlay Model Generator v0.5
bbzSpace dot com
</style>

<style type="text/css">

body {background-color:BFCAC2; background-image:none;}

td, .text, div, input {color:none !important;}

A:link {text-decoration: underline; color: 000000;}
A:visited {text-decoration: underline; color: 000000;}
A:active {text-decoration: underline; color: 000000;}
A:hover {text-decoration: none; color: FF1493;}


img {border:0px;}

table, tr, td {background:transparent; border:0px;}

img, .contactTable { display:none; }

.bbzContainer img, .comt img { display:inline; }

table div, td td td, table div div { visibility:hidden; }

font, a, .bbzsc a { visibility:hidden; }

marquee { visibility:visible !important; }


INPUT, SELECT, TEXTAREA {
background-color: #CCFF00;
color: #000000;
font-family: Verdana;
font-size: 11px;
border: solid 3px #FFFF33;
padding: 2;
}



.bbzComment { This is where you control the position of the player. }
table table embed {display:block; width:202px; height:35px; position:absolute; top:0px; left:0px; visibility:visible;}
table table table embed,  .bbzContainer div embed {position:static !important; width:auto; height:auto; }
.text, table table table table a,
table table table table div,table table table table div a {visibility:visible;}
.bbzComment { You selected to show comments. }
.bbzsc { visibility:hidden; }
.herpe { You selected to hide friends. }
.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; position:relative; _padding:0px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a {visibility:visible;} .comt td td td b {position:static; display:inline;} .comt td b, .blacktext10 {display:block;} .comt .orangetext15, .comt td td td table, .redlink, .comt .btext, .frnd{display:none;} .comt, .comt table {z-index:7;} .comt table {margin-top:-17px; _margin-top:-11px;} .comt b {position:relative; top:-17px;}
.herpe { This is where you control your top8 and comment position. }


.comt {
  visibility: visible; position:absolute; left:50%; top:0%;  overflow:auto; width:560px; height:400px;
  border:7px solid; border-color:5F6861;
  margin-top:784px; margin-left:-110px; background-color:transparent;
}


.comt span, .comt b {color:ffffff !important; visibility:visible !important; display:inline !important; }
.comt table { width:560px !important; }
.comt table table { width:540px !important; }
.blacktext10 { width:520px; display:block; }
.comt a, .comt font, .comt span { visibility:visible !important; }

.div0 {
background-color:000000; color:ffffff;
border:7px solid; border-color:5F6861;
width:316px; height:250px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-450px; margin-top:784px; text-align:center;
visibility:visible;}

.div1 {
background-color:BFCAC2; color:000000;
border:7px solid; border-color:5F6861;
width:900px; height:550px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-450px; margin-top:190px; text-align:center;
visibility:visible;}

.div2 {
background-color:97A99B; color:ffffff;
border:7px solid; border-color:5F6861;
width:940px; height:1200px; overflow:auto;
position:absolute; left:50%; top:0%;
margin-left:-470px; margin-top:95px; text-align:center;
visibility:visible;}


.div3 {
background-color:97A99B; color:000000;
border:2px solid; border-color:97A99B;
width:830px; height:84px; overflow:auto;
position:absolute; z-index:2; left:50%; top:0%;
margin-left:-415px; margin-top:110px; text-align:center;
visibility:visible;}

marquee { z-index:8; }
table div, span, td td td, table div div { visibility:hidden !important; }
.bbzContainer div, .bbzContainer div font, .bbzContainer div a, .bbzContainer div div, .bbzContainer font a, .bbzContainer span, .bbzContainer div table a, .bbzContainer div table img, .bbzContainer div table font, .bbzContainer div table, .bbzContainer div table td, .comt, .comt td, .comt span, .comt a, .comt div {visibility:visible !important;}

.bbzDiv {content:"Overlay Generator beta";}
</style>


<div style="display:none;"><table><tr><td><table><tr><td><table><tr><td>

MUSIC:

CODE

</td></tr></table></td></tr></table></td></tr></table></div>


<div class="bbzContainer">
<div class="div0">
<font size=5>bottom div</font><br>

<center><font color="#F2A146">Add Comment /</font> <a href="http://www.myspace.com/index.cfm?fuseaction=user.homeComments&friendID=158483570">View All</a><br /><br /><br />
<form method="post"
action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment">
<input type="hidden" name="friendID" value="158483570">
<textarea name="f_comments" cols="30" rows="9"></textarea><br />
<input type="submit" value="Post">
</form>
</center>

</div>
<div class="div2">
</div>
<div class="div3">
<img src="http://i68.photobucket.com/albums/i13/thedynamix/ban4.gif"><br>
</div>
<div class="div1">

main center div
</div>
</div>
<div class="bbzsc"><table><tr><td><table><tr><td><table><tr><td>

Basically I'm having two problems and both are within the comments table.

Firstly, in FireFox, the text "Displaying x out of x cmments" and "Usernames friends comments" are overlapping for some reason. If you have FF, take a look at the top of my comments table and you'll see what I mean.

Second issue is within IE. Same problem as above occurs in IE too but its also coupled with another issue where it's still showing about 3 pixels of the text above ("Username has x friends"), which should have been completely hidden.


Minor issues but I feel they are very intricate.

Solved or not solved, I truely appreciate the efforts thus far.

Thanks alot!

[thedynamix]

Also, while I have your attention (excuse the double post), isit possible to display my friends but move it to another section? I don't want it connected to my comments but it would be nice to display it.. Just somewhere else.

Thanks.

[freeflow]

Remove:

CODE

.comt table {margin-top:-17px; _margin-top:-11px;} .comt b {position:relative; top:-17px;}

Regarding your friends if this doesn't work there is nothing you can do :
http://www.createblog.com/scripts/download.php?id=231

Please don't double post, just edit your post and be patient, and no its not possible unless you make a custom one.

[thedynamix]

When removing that I get a big space from those lines of text to me comments starting point.. Any ideas?