My Space Master code?, sorry if this has been posted before Options

[danielkraus]

I was wondering if there is any place or anyone who would be able to show me how the myspace coding works. I have seen tables and divs in changing an existing layout( not a div layout), and am having trouble decifering the code. Thanx

[karmakiller]

First things first: Have you checked out this pinned topic?

http://www.createblog.com/forums/index.php?showtopic=144829

It usually is easier for us to help you if you read over that topic and attempt it yourself. Then when you get a part that you don't really understand, post back here and we can help you

Otherwise, if you understand that and get the results that you want but there is another modifcation that you need help with try to explain what you need, or show an example, and we can help you.

As far as the DIVs in regular layouts are concerned, you could do something like this:

CODE

<div style="position:absolute;width:150px;height:200px;background-color:000000;">TYPE HERE</adiv>

You can change a lot of things, like right now the background color is black.

[danielkraus]

Thanx, I will read that link in a few minutes. I am familiar with using a div overlay, and am trying to get my comments to display in a div. I have tried several posted codes here but I end up getting, what seems to be, infinite space to the right of the comments. I will read over this and if I have problems I will be back. Thanx again.

[karmakiller]

Personally, I've found that this code is the easiest to use for comments.

<style>
.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .orangetext15, .redlink, .comt .btext, .rid, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}


.comt {width:718px; height:250px; overflow:auto;
background-color:3C3C3C; border:0px solid; border-color:000000;
position:absolute; top:1410px; left:152px; font-face:arial; font-color:000000;}
.blacktext10 {width: 550px;}


.comt td img {width:100px; max-width:150px; width:auto; _width:120px !important;border-color:000000;border:0px;}
.comt td a img {width:80px; max-width:80px; width:auto; _width:80px !important;}
.comt td a:hover img {width:80px; max-width:80px; width:auto; _width:80px !important;}
.comt div img {width:80px !important;}
</style>

Change only the bolded stuff. So don't worry about the first part of the code, it's the way it should be. .cmt is the placement of the div that has the comments in it. Position it like you would any other div. Make sure that you change the background color and all that jazz (I was too lazy to edit it out of my code, haha). .blacktext10 changes the width of the date in the comments. You can also add more style to that like you would the rest of your text.

The third part of the code changes the pictures in your comments, including the display pictures for your friends and the pictures that they leave in the comments.

Then, at the bottom of your Who I'd like to Meet, put this code. Don't change anything with it. If you have other codes in your Like to Meet section, just place this at the bottom of them.

CODE

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

Let me know if that works for you.

[danielkraus]

I am curious, what is the table class rid? I do not see it in the posted code. Do I need css for it, or is it a class inherit in My Space? Thanx.

[karmakiller]

That part of the code makes it so that it is a scrolling table. All the things you change are bolded.

[danielkraus]

Thanx, I tried changing the font-color in the .comt, but the text for the comments and the date are in black, I need them to be a different color. I have .text as white in my css. Am I changing the wrong element?
Thanx, Daniel

[karmakiller]

Nevermind, I'm assuming the text in the comments changed to the color you wanted, but just not the date.

And to change the timestamp text color, add the font css to the timestamp code.

CODE

.blacktext10 {width: 550px; font-face:arial; font-color:000000;}

Right now, the text is black. But I don't know what color you want, haha.

This post has been edited by karmakiller: Aug 15 2008, 07:08 PM

[danielkraus]

Here is what I have, but the text is still black on the profile.

CODE

.blacktext10 {
width:400px;
font-family:"ChocolateBox" Arial;
font-color:6999c9;}

Here is all my css for the overlay

CODE

<style>
body {
background-image: url ("http://i35.tinypic.com/t8rv60.jpg");
background-repeat:repeat;
width:100%;}
.contactTable {
visibility:hidden;
display:none;}
.userProfileApp {
visibility:hidden;
display:none;}
.text {
color:FFFFFF;}

.orangetext15{
visibility:hidden;
display:none;}

.lightbluetext8{
visibility:hidden;
display:none;}

.blacktext12 {visibility:hidden;
display:none;}

.btext {visibility:hidden;
display:none;}

a, a:link, a:visited, {
font-family:"ChocolateBox" Arial;
font-size:14px;
color:6999c9;}

a:hover, a:active {
font-family:"ChocolateBox" Arial;
font-size:14px;
color:6999c9;}

h1 {
font-family:"ChocolateBox" Arial;
font-size:26px;
text-align:left;
margin-right:30px;
z-index:2;
color:FFFFFF;}

h2 {
font-family:"ChocolateBox" Arial;
font-size:24px;
text-align:right;
margin-top:5px;
margin-right:20px;
color:FFFFFF;}

h3 {
font-family:"ChocolateBox" Arial;
font-size:24px;
text-align:left;
margin-top:5px;
margin-right:20px;
color:6999c9;}

h4 {
font-family:"ChocolateBox" Arial;
font-size:20px;
text-align:left;
margin-top:5px;
margin-right:20px;
color:FFFFFF;}

h5 {font-family:"ChocolateBox" Arial;
font-size:14px;
text-align:center;
color:FFFFFF;}

h6 {font-family:"ChocolateBox" Arial;
font-size:21px;
text-align:left;
margin-left:22px;
color:FFFFFF;}





.page {
position:absolute;
width:100%;
left:0;
top:170px;
z-index:1;
margin-left:0px;
padding:2px;
border:0;
background-color:000000;}

.header {
margin-top:0;
background-color:000000;
height:190px;
padding:0 30px;
text-transform:capitalize;
color:FFFFFF;}

.header img {
float:left;
margin-left:-36px;}


.content {
height:1850px;
margin:5px 5px;
padding:10px 10px;
background-color:000000;}

.top {
height:360px;
margin-left:3px;
background-image: url("http://i35.tinypic.com/t8rv60.jpg");}
.content-about {
position:absolute;
width:302px;
height:314px;
margin-left:28px;
margin-top:20px;
padding:12px 8px;
background-color:transparent;
color:FFFFFF;}

.content-about p {
margin-left:160px;
margin-right:8px;
margin-top:-180px;
font-family: "ChocolateBox" Arial;
font-size:16px;
color:FFFFFF;}

.content-about img {
float:left:}

.feature {
float:right;
width:570px;
height:344px;
margin-right:20px;
margin-top:12px;
margin-bottom:5px;
background-color:tansparent;}

.feature h1 {
font-family:"ChocolateBox" Arial,
font-size:17px;
color:6999c9;
text-align:right;}


.feature img{
float:right;
margin-top:12px;
margin-right:10px;}

.midfeature {
margin:12px 12px;
width:320px;
background-color:transparent;}

span {
font-family:"ChocolateBox" Arial;
color:FFFFFF;
font-size:15px;}

.mid {
height:850px;
margin-top:10px;
margin-left:10px:
margin-right:10px;
background-color:000000;}


.midleft {
float:left;
width:390px;
height:380px;
margin-left:15px;
margin-top:10px;
background-image: url("http://i34.tinypic.com/28s1tdu.jpg");}

.midleft p {
color:FFFFFF;
padding:4px;
font-family:"ChocolateBox" Arial;
font-size:13px;}
.midleft img {
float:right;}

.midquotes {
position:absolute;
width:310px;
height:290px;
margin-top:70px;
margin-left:325px;
background-image: url("http://i37.tinypic.com/143kztc.jpg");}
.quips {
width:230px;
margin-top:22px;
margin-left:10px;
padding:3px;
color:6999c9;
background-color:transparent;}
.seethrough {
font-family:"ChocolateBox" Arial;
color:6999c9;
font-size:15px;}
span.quotes {
position:absolute;
color:6999c9;
font-size:18px;
margin-top:0;
margin-left:0;
padding-left:6px;
z-index:2;
background-color:000000;}



.midcontact {
position:absolute;
width:260px;
height:420px;
margin-left:28px;
margin-top:10px;
background-image: url("http://i34.tinypic.com/28s1tdu.jpg");}


.navigationone {
position:absolute;
background-color:transparent;
z-index:2;
padding-top:10px;
padding-left:19px;
visibility:visible;}

span.contact {
font-family:"ChocolateBox" Arial;
color:6999c9;
font-size:17px;}
.lowermid {
position:absolute;
width:1050px;
height:375px;
margin-top:445px;
margin-left:-398px;
background-image: url("http://i35.tinypic.com/14mbaqs.jpg");}

.feed {
float:left;
overflow:hidden;
width:410px;
height:375px;}

.slideshow {
overflow:hidden;
float:right;
width:500px;
height:375px;
margin-left:55px;
background-color:transparent;}

.bottom {
position:absolute:
width:1100px;
height:920px;
margin-top:20px;
color:FFFFFF;
background-color:000000;}

.friends {
float:left;
width:415px;
height:740px;
margin-top:16px;
margin-left:0;
color:000000;
background-image: url("http://i35.tinypic.com/10x97us.jpg");}


.friendsarea {
overflow:auto;
width: 420px;
height: 500px;
scrollbar-arrow-color:9900FF;
scrollbar-track-color:000000;
scrollbar-shadow-color:9900FF;
scrollbar-face-color:000000;
scrollbar-highlight-color:9966FF;
scrollbar-darkshadow-color:transparent;
scrollbar-3dlight-color:transparent;
margin-top:20px;
padding:4px;
background-color:transparent;}

.friendsareabar {
width:386px;
margin-top:14px;
background-color:transparent;}
.ffriendsareabar {
width:386px;
margin-top:14px;
background-color:transparent;}

.friendsarealeft {
float:left;
width:120px;
margin-left:5px;
background-color:transparent;
color:6999c9;}
.ffriendsarealeft {
float:left;
width:120px;
margin-left:5px;
margin-top:14px;
background-color:transparent;
color:6999c9;}
.fffriendsarealeft {
float:left;
width:120px;
margin-left:5px;
margin-top:11px;
background-color:transparent;
color:6999c9;}
.ffffriendsarealeft {
float:left;
width:120px;
margin-left:5px;
margin-top:15px;
background-color:transparent;
color:6999c9;}



.friendsareacenter {
width:120px;
margin-left:131px;
margin-right:4px;
margin-top:38px;
background-color:transparent;
color:6999c9;}
.ffriendsareacenter {
width:120px;
margin-left:131px;
margin-right:4px;
margin-top:18px;
background-color:transparent;
color:6999c9;}

.friendsarearight {
float:right;
width:120px;
margin-left:0;
margin-right:4px;
margin-top:-150px;
background-color:transparent;
color:6999c9;}

.ffriendsarearight {
float:right;
width:120px;
margin-left:0;
margin-right:4px;
margin-top:-174px;
background-color:transparent;
color:6999c9;}
.fffriendsarearight {
float:right;
width:120px;
margin-left:0;
margin-right:4px;
margin-top:-170px;
background-color:transparent;
color:6999c9;}
.ffffriendsarearight {
float:right;
width:120px;
margin-left:0;
margin-right:4px;
margin-top:-176px;
background-color:transparent;
color:6999c9;}
.credits {
position:absolute;
width:340px;
height:260px;
margin-left:-712px;
margin-top:575px;
background-color:transparent;
color:6999c9;}


.favs {
position:absolute;
width:620px;
height:840px;
margin-top:16px;
margin-left:18px;
color:FFFFFF;
background-color:000000;}

.blogs {
float:left;
width:295px;
height:390px;
margin-top:5px;
margin-left:2px;
color:FFFFFF;
background-image: url("http://i33.tinypic.com/2elaxhi.jpg");}

.blogsdescription {
width:200px;
margin-top:12px;
margin-left:46px;
padding:3px;
color:6999c9;
background-color:transparent;}

.blogsinfo {
font-family:"ChocolateBox" Arial;
color:6999c9;
font-size:12px;}

.favsites {
float:right;
width:285px;
height:390px;
margin-top:5px;
margin-right:2px;
color:FFFFFF;
background-image: url("http://i33.tinypic.com/2elaxhi.jpg");}
.favsitesdescription {
width:200px;
margin-top:6px;
margin-left:46px;
padding:3px;
color:6999c9;
background-color:transparent;}
.favsitesinfo {
font-family:"ChocolateBox" Arial;
color:6999c9;
font-size:12px;}
span.mystyle a, a:link, a:visited {
font-family:"ChocolateBox" Arial;
font-size:16px;
color:6999c9;}

span.mystyle a:hover, a:active {
text-decoration:underline;
color:6999c9;
font-size:20px;}

.comt td, .comt table{width:0px!important; height:0px!important; background-color:transparent!important; border:0px!important; _padding:2px!important;} .comt, .comt td, .comt table, .comt td a img, .comt td td td a, .comt td b a, .comt td .redlink{visibility:visible;} .comt td td td b{top:0px; display:inline;} .comt td td td table, .comt .orangetext15, .redlink, .comt .btext, .rid, .frnd{display:none;} .comt td b, .blacktext10 {display:block;} .comt {z-index:7;}
.comt table, .comt b {position:relative; top:-39px; _top:-30px;}


.comt {
width:500px;
height:400px;
overflow:auto;
scrollbar-arrow-color:9900FF;
scrollbar-track-color:000000;
scrollbar-shadow-color:9900FF;
scrollbar-face-color:000000;
scrollbar-highlight-color:9966FF;
scrollbar-darkshadow-color:transparent;
scrollbar-3dlight-color:transparent;
background-image: url("http://i36.tinypic.com/kvlfc.jpg");
border:0px solid;
border-color:000000;
position:absolute;
top:2086px;
left:525px;
font-family:"ChocolateBox" Arial;
font-color:6999c9;}

.blacktext10 {
width:400px;
font-family:"ChocolateBox" Arial;
font-color:6999c9;}

.comt td img {
width:100px;
max-width:150px;
width:auto;
_width:120px !important;
border-color:000000;
border:0px;}

.comt a, a:link, a:visited {
font-family:"ChocolateBox" Arial;
font-size:24px;
color:6999c9;}

.comt a:hover, a:active {
text-decoration:underline;
color:6999c9;
font-size:26px;}

.comt td a img {
width:80px;
max-width:80px;
width:auto;
_width:80px !important;}
.comt td a:hover img {
width:80px;
max-width:80px;
width:auto;
_width:80px !important;}
.comt div img {
width:80px !important;}

.s_style a, a:link, a:visited {
font-family:"ChocolateBox" Arial;
font-size:24px;
color:6999c9;}

.s_style a:hover, a:active {
text-decoration:underline;
color:6999c9;
font-size:26px;}




</style>

Sorry for all the spacing in the code, its easier for me that way.
Thanx, Daniel

*************************
I just got it to change. I used

CODE

table.friendsComments * {color:white !important;}

Thanx for the help. I gave you credit on our layout for your help. Here is the link: http://www.myspace.com/directorysexy.

[karmakiller]

Aw, you didn't have to do that

I'm glad that everything worked out for you.

Topic Closed.