Help - Search - Members - Calendar
Full Version: Div Layout 1.0
Forums > Resource Center > Support Center > MySpace Support > Myspace Resolved Topics
ShizukaHio
I'm having a problem with the code from the tutorial. I'm using the one that shows comments as I want my comments to show but I'm having 2 problems with it.

1. I can't get the comment writing to show, and I want the color to be the color I have everything else as.
2. Its also showing top friends and I only want comments to show. Also, I only want 1 comment on the page to be visible.

Basically this is what's happening - I posted 2 to make the problem clear in case I didn't do a good description:




and

Mickey
Add this code to your stylesheet:

CODE
.friendSpace {display: none;}
.friendsComments td, .friendsComments a:link, a:active, a:visited {color: FFFFFF;}
.friendsComments a:hover {color: FF0000;}

The first line hides the Friends section. The second line changes the colour of the text and links. The third line changes the colour of the links when they're hovered. To display only the latest comment, try this code, although I don't think it works in all browsers.
ShizukaHio
Its still showing my friends and its not showing any of my comments its only showing the add comment and view all buttons for comments.
Mickey
Can you post a link to your page along with all of your codes?
ShizukaHio
About Me:

CODE
<div style="position: absolute; left:37.3%; top:200px; width:500px; height:200px; font-family:Monotype Corsiva; color:darkgoldenrod; font-size:20pt; text-transform:none; border:2px solid; border-color:navy; background-color:black; overflow: auto;"><center>

<h1 class="header">Title</h1>

</div>

<div style="position: absolute; left:10%; top:200px; width:300px; height:550px; font-family:Monotype Corsiva; color:darkgoldenrod; font-size:20pt; text-transform:none; border:2px solid; border-color:navy; background-color:black; overflow: auto;"><center>

<h1 class="header">Title</h1>

</div>

<div style="position: absolute; left:10%; top:100px; width:800px; height:100px; font-family:Kunstler Script; color:darkgoldenrod; font-size:18pt; text-transform:none; border:2px solid; border-color:navy; background-color:black; overflow: auto;"><center>

<h1 class="header">Navigation</h1><br />
Home
<a href="link" target="_self">[x]</a>

Add
<a href="link" target="_self">[x]</a>

Message
<a href="link" target="_self">[x]</a>

Comment
<a href="link" target="_self">[x]</a>

Blog
<a href="link" target="_self">[x]</a>

Pictures
<a href="link" target="_self">[x]</a>

Block
<a href="link" target="_self">[x]</a>

</div>

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


Who I'd Like to Meet:

CODE
<style>
.header {background-color:black; font-family: Kunstler Script; font-size: 18pt; color:goldenrod;}
</style>


<style>
body{
background:000000;
scrollbar-arrow-color:black;
scrollbar-track-color:black;
scrollbar-face-color:navy;
scrollbar-darkshadow-color:navy;
scrollbar-highlight-color:navy;
scrollbar-3dlight-color:navy;
scrollbar-shadow-color:navy;}
</style>


<style>
div div table div {display:none;} .clearfix table div div {display:block;}
tr td div, div td, div tr, div table {background-color:transparent !important;}
.profile, div ul {display:none !important; }</style>


<style>
{hide myspace logo on navbar | Adiman @ createblog.com}
.mslogo {display: none;}
</style>


.friendSpace {display: none;}
.friendsComments td, .friendsComments a:link, a:active, a:visited {color: FFFFFF;}
.friendsComments a:hover {color: FF0000;}


<style>
table.friendsComments table table tr:first-child {display:block;}
table.friendsComments table table tr {display:none;}
</style>


<style>
table table,table table table table,table table{background-color:transparent;width:;border:0px;}
div,table,tr,td,th{background-color:transparent;text-align:left;border:0px;}
a.navbar,font,.whitetext12,.btext,.orangetext15,
.redbtext,.redtext,.blacktext12,.blacktext10,
.lightbluetext8,strong,.nametext,div b font font,
div font font u,table table table table, table.contacttable{display:none;}
div table form tr td,td.text table,a.text, table div font a,table div div,{visibility:hidden;di-splay:none}
table td table tr td.text table {visibility:hidden;}
table td table tr td.text table table, table td table tr td.text table table td.text {visibility:visible;}
td.text table table {display:inline; visibility:visible;}
embed{position:absolute;top:0px;left:0px;display:block;width:0px; height:0;}
.comments{visibility:visible;width:500px; height: 350px;position:absolute;
top:400px; left:37.3%;
overflow:auto;background-color:transparent;
border:black 0px solid;z-index:2px;}
</style>


This is the original code that I was using before the problem I just told you about. And finally the link:

Link
Mickey
Look for this in your codes:

CODE
.friendSpace {display: none;}
.friendsComments td, .friendsComments a:link, a:active, a:visited {color: FFFFFF;}
.friendsComments a:hover {color: FF0000;}


<style>
table.friendsComments table table tr:first-child {display:block;}
table.friendsComments table table tr {display:none;}
</style>

Replace it with this:

CODE
<style>
table.friendsComments table table tr:first-child {display:block;}
table.friendsComments table table tr {display:none;}
.friendSpace {display: none!important;}
.friendsComments td, .friendsComments a:link, a:active, a:visited {color: 000000;}
.friendsComments a:hover {color: FF0000;}
</style>
ShizukaHio
I did do that, its like that on my profile. I'm trying different codes to see if any any can work. Thats why in here it does't have the style sheet in it. But I used the codes you gave me with the style sheet and it gave me the same problem that I'm also having with the newer codes.
ShizukaHio
http://www.myspace.com/princess_kaguya

Just copy and paste it instead.
Mickey
You have this in your codes:

CODE
<style>
table.friendsComments table table tr:first-child {display:block;}
table.friendsComments table table tr {display:none;}
</style>

Replace it with this:

CODE
<style>
table.friendsComments table table tr:first-child {display:block;}
table.friendsComments table table tr {display:none;}
.friendSpace {display: none!important;}
.friendsComments td, .friendsComments a:link, a:active, a:visited {color: 000000;}
.friendsComments a:hover {color: FF0000;}
</style>
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.