Log In · Register

 
The mysterious line, and her coloured friends
Nadiyya
post Sep 1 2008, 07:50 AM
Post #1


Senior Member
***

Group: Member
Posts: 59
Joined: Aug 2008
Member No: 681,928



Hello, masters of Myspace!

I used to be part of Myspace a while ago, way before they put in their fancy new navigation. Now I'm apparently a total noob at designing a Myspace profile and could use some help.

Three problems:
1. Under the advertisement (next to the search bar), there's a cute little pink line that I have no idea how to get rid of.
2. I can't seem to figure out how to move the entire right side of my profile UP, so the comment box is in line with my info. Anarchy <3
3. How in the hell do you change the background colour of the links in the new navigation? That hovering blue seriously has no belonging with my mulberry. =( Thank you, ninja =)

Here's my profile:
http://www.myspace.com/403088763

And here are my (not-so-much) fantastical codes:
CODE
<style type="text/css" media="screen">
/* body properties */
body {
background:rgb(17,17,17);
text-align:center;
}

/* navigation properties */
.clearfix a:hover, .open {
background:rgb(153,0,75)!important;
color:rgb(10,10,10)!important;
}
.clearfix ul {
border:0!important;
}
.clearfix ul small {
color:rgb(10,10,10)!important;
}

/* table properties */
.clearfix table {
background:rgb(153,0,75);
}
div[id="shortcuts"] {
background:none!important;
}
.clearfix {
border:10px solid rgb(102,0,51);
border-top:0;
border-bottom:0;
width:810px;
_width:850px; /* stupid, stupid IE */
}
.clearfix .clearfix {
border:0;
width:auto;
}
table {
background:rgb(51,51,51) url(http://a357.ac-images.myspacecdn.com/images01/37/l_a6b2781542d7b08e58c5d4331b658c04.gif) right repeat-y;
border:10px solid rgb(34,34,34);
border-top:0;
border-bottom:0;
margin:0 auto;
padding:0;
text-align:left;
width:800px;
_width:850px; /* stupid, stupid IE */
}
table table {
background:none;
width:auto;
}
.clearfix div, table table, tr, td {
background:none;
border:0;
vertical-align:top;
}
.clearfix h1, .clearfix form, .clearfix select, .clearfix option, .clearfix input, .clearfix span,
.ImgOnlineNow, .contactTable .text, .contactTable table td, .contactTable img, .extendedNetwork, .latestBlogEntry,
.orangetext15, .interestsAndDetails .text, .interestsAndDetails .lightbluetext8, .userProfileDetail .text, .btext, .redbtext {
display:none;
}
.contactTable table td.text {
display:table-cell;
_display:block;
}
.contactTable a {
display:block;
height:14px;
margin:3px 6px;
width:138px;
}
.profileInfo, .contactTable, .friendSpace {
border:1px solid rgb(85,85,85);
padding:10px;
}
.profileInfo {
background:rgb(68,68,68) url(http://a731.ac-images.myspacecdn.com/images01/40/l_e0174329041185cfebd753a3c1c37142.gif) bottom center no-repeat;
border-bottom:0;
margin:0 0 -15px;
width:322px;
}
.profileInfo .text {
border-bottom:1px dotted rgb(204,204,204);
padding:0 0 3px;
}
.profileInfo table .text {
border:0;
padding:0;
}
.profileInfo a img {
margin:3px 0 0;
}
.profileInfo br {
line-height:3px;
}
.contactTable {
background:rgb(68,68,68) url(http://a254.ac-images.myspacecdn.com/images01/127/l_8bec9661cec5d08afa0c43a271272f65.gif) center center no-repeat;
border-top:0;
height:80px;
_height:100px; /* stupid, stupid IE */
width:280px;
_width:300px; /* stupid, stupid IE */
}
.interestsAndDetails {
position:relative;
top:-40px;
}
.interestsAndDetails td {
width:100%;
}
.userProfileDetail td {
width:50%;
}
.blurbs {
margin-top:-80px;
}
.friendSpace {
background:rgb(68,68,68) url(http://a886.ac-images.myspacecdn.com/images01/98/l_3133e36ddd4b62b03739d2b41d3573e5.gif) top center no-repeat;
margin:0 10px 0 0;
padding:70px 0 0;
width:410px;
_width:405px; /* stupid, stupid IE */
}
.friendSpace table {
height:0;
}
.friendSpace div {
background:none;
}
table div {
display:none;
}
table table div {
display:block;
}

/* google search properties */
.google {
left:50%;
margin:99px 0 0 -470px;
position:absolute;
top:0;
width:780px;
}
.google div {
background:url(http://a147.ac-images.myspacecdn.com/images01/95/l_c05c0d22d5f877ef11323bc58ec7b57a.png) right no-repeat;
float:right;
height:19px;
padding:0 0 0 27px;
text-align:right;
width:750px;
}
.google div span {
color:rgb(204,204,204);
font:normal 11px/13px helvetica, 'trebuchet ms', sans-serif;
padding:0 5px 0 0;
}
.google div input {
background:none;
}
.google-search {
border:0;
color:rgb(99,99,99);
font:normal 9px/11px helvetica, 'trebuchet ms', sans-serif;
height:19px;
padding:1px 0 0 27px;
width:430px;
}
.google-submit {
display:none;
}
.google-reset {
border:0;
height:15px;
width:15px;
}

/* comment table properties */
.comment textarea, .comment input {
background:rgb(68,68,68);
border:1px solid rgb(85,85,85);
color:rgb(204,204,204);
font:normal 11px/13px helvetica, 'trebuchet ms', sans-serif;
}
.comment textarea {
padding:5px;
height:50px;
width:420px;
_width:430px; /* stupid, stupid IE */
}
.comment input {
padding:5px;
}

/* text properties */
.profileInfo .text, .profileInfo td, .searchMonkey-lastLogin {
color:rgb(204,204,204);
font:normal 9px/11px helvetica, 'trebuchet ms', sans-serif;
}
.profileInfo a:link, .profileInfo a:visited {
color:rgb(255,255,255);
font:normal 9px/11px helvetica, 'trebuchet ms', sans-serif;
}
.profileInfo a:active, .profileInfo a:hover {
font:normal 9px/11px helvetica, 'trebuchet ms', sans-serif;
}
.nametext {
color:rgb(204,204,204);
font:normal 18px/19px 'trebuchet ms', sans-serif;
letter-spacing:-1px;
text-transform:lowercase;
}
.nametext:after {
content:"RED™";
font:normal 9px/11px helvetica, 'trebuchet ms', sans-serif;
text-transform:uppercase;
vertical-align:super;
}
.nametext br, .friendSpace br {
display:none;
}
td, p, span, font, div, h4, h5, h6 {
color:rgb(204,204,204);
font:normal 12px/14px helvetica, 'trebuchet ms', sans-serif;
}
p {
text-align:justify;
text-indent:5px;
}
.interestsAndDetails h4, h1, h2, h3 {
border-bottom:1px dotted rgb(204,204,204);
color:rgb(114,114,114);
font:normal 19px/19px georgia, times, serif;
padding:15px 0 0;
text-align:left;
}
.lightbluetext8 {
color:rgb(114,114,114);
font:normal 14px/14px georgia, times, serif;
margin:0;
}
a:link, a:visited, a.redlink:link, a.redlink:visited {
color:rgb(255,255,255);
font:normal 12px/14px helvetica, 'trebuchet ms', sans-serif;
}
a:active, a:hover, a.redlink:active, a.redlink:hover {
color:rgb(197,8,114);
font:normal 12px/14px helvetica, 'trebuchet ms', sans-serif;
}
a.friendtext:active, a.friendtext:hover, a.friendtext:link, a.friendtext:visited {
color:rgb(204,204,204);
}


/* image properties */
a img, .interestsAndDetails img, .blurbs img {
background:rgb(68,68,68);
border:1px solid rgb(85,85,85);
padding:5px;
}
a:hover img {
background:rgb(68,68,68);
border:1px solid rgb(34,34,34);
padding:5px;
}
.friendSpace img {
width:75px;
}

/* music player properties */
table table div {
background:url(http://a430.ac-images.myspacecdn.com/images01/32/l_9c02da731ffc1704b51350cd13939c35.gif);
width:322px;
height:51px;
}
table div table div, table table td.text div, div table table div, table table table div {
width:auto;
height:auto;
}
table table div object, table table div embed {
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity:0;
}
table table table div object, table table table div embed, table table td.text div object, table table td.text div embed {
filter:none;
-moz-opacity:1.0;
-khtml-opacity:1.0;
opacity:1.0;
}

/* lists properties */
.interestsAndDetails p {
border-left:10px solid rgb(102,0,51);
border-right:10px solid rgb(25,25,25);
font:normal 14px/14px georgia, times, serif;
margin:0;
padding:20px 4px 2px 4px;
}
.interestsAndDetails p.first {
padding:2px 4px;
}
.interestsAndDetails ul {
list-style:none;
margin:0;
padding:0;
text-align:left;
}
.interestsAndDetails ul li {
margin:0;
_margin:0 0 -14px; /* stupid, stupid IE */
padding:0;
}
.interestsAndDetails ul li a {
border-left:10px solid rgb(102,0,51);
border-right:10px solid rgb(25,25,25);
display:block;
padding:2px 15px;
text-decoration:none;
text-transform:lowercase;
}
.interestsAndDetails ul li a:hover {
background:rgb(57,57,57);
border-left:10px solid rgb(136,0,68);
border-right:10px solid rgb(41,41,41);
text-decoration:none;
}
.interestsAndDetails div {
background:none;
left:-4px;
position:relative;
text-align:center;
width:322px;
}

/* big ad */
.bigad {
left:50%;
margin:0 0 0 -364px;
position:absolute;
top:0;
}
.bigad-link {
display:block;
height:33px;
left:50%;
margin:30px 0 0 168px;
position:absolute;
top:0;
width:111px;
}

/* stop IE */
.stop-ie {
_background:url(http://a285.ac-images.myspacecdn.com/images01/25/l_4c315b32149964ee1b30870bc0328e84.gif);
_display:block;
_height:50px;
_width:430px;
}
</style>

Thank you so much in advance!
 
 
Start new topic
Replies
Nadiyya
post Sep 1 2008, 05:29 PM
Post #2


Senior Member
***

Group: Member
Posts: 59
Joined: Aug 2008
Member No: 681,928



Ohh, dang. It's gorgeous =)
The background was a little off (you could see the top left corner of it), so I just made a couple adjustments to it. It's absolutely perfect now! ...Except for IE being IE, of course.

Thank you much, guys =)
 

Posts in this topic


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