Change or Remove Table Border Colors in Myspace 2.0

MYSPACE HELP & TWEAKS

MYSPACE QUESTION

How do I change the table border colors of my myspace tables in Myspace 2.0? How do I get rid of the borders in 2.0?

MYSPACE ANSWER

If you want to change the BORDER colors of your myspace tables (the boxes that hold your info in two columns on your myspace profile) in Myspace 2.0 just look into the following code and adjust the border-color number in the DIV.moduleMid2 section.

Here is an example of one of our 2.0 layout codes below:

/*Layout by PROFILErehab.com*/ BODY { font-family: verdana, helvetica, arial, sans-serif; font-size: 11px; background: #020202 url(http://www.profilerehab.com/pb/myspace/blue_bows_pink_hearts_theme.jpg) no-repeat fixed center top; margin-bottom: 0px; margin-left: 10px; } DIV.wrap { background-color: transparent; } DIV.profileDemographics { clear: both; min-height: 65px; padding-right: 10px; padding-top: 9px; padding-left: 0; } DIV#header * { font-size: 11px; color: #749ac1; } #topnav ul li a:hover small,#topnav ul li a.hover small{} #topnav { background-color: #020202; color: #749ac1} #topnav UL { border-right: #749ac1; color: #749ac1; } #topnav UL LI { border-left: #749ac1; color: #749ac1; } #topnav UL LI A:hover { background-color: #020202; color: #749ac1; } #topnav UL LI.dropDown:hover A, #topnav UL LI.hover A, #topnav UL LI.hover A:hover { background-color: #020202; color: #749ac1; } #topnav LI.dropDown UL.subMenu A { background: #020202 center center; color: #749ac1; } #topnav LI.dropDown:hover UL.subMenu A:hover, #topnav LI.hover UL.subMenu A:hover { background: #020202; color: #749ac1; } DIV#header, DIV#googlebar { background: transparent; color: #749ac1; width: 779px; } DIV#googleLogo_Header{border-right:0;border-top:0;display:inline;background:no-repeat 0 50%;float:left;border-left:0;width:46px!important;text-indent:-10000em!important;border-bottom:0;height:24px;} DIV#footer { background-color: transparent; padding: 0 0 20px; color: #749ac1; } div#header.clearfix.globalWidth{ width: 790px; } DIV#footer A { color: #749ac1; } DIV#footer DIV { padding: 10px 0; color: #749ac1; } H1, H2, H3, H4 { font-weight: bold; } DIV.blogsModule UL.moduleList LI SPAN.date { display: block; float: left; width: auto; padding-right: 20px; } H3.moduleHead { color: #749ac1; text-align: center; padding-right: 0; padding-left: 0; height: 38px; font: 170% Georgia, "Times New Roman", Times, serif; text-transform: uppercase; padding-top: 10px; } DIV.module A:hover { color: #749ac1; text-decoration: none; padding: 1px 2px; } DIV.basicInfoDetails { min-height: 170px; padding-left: 200px; padding-right: 5px; background: transparent url(http://www.profilerehab.com/pb/myspace/pink_black_heart_design_TB.jpg) no-repeat center top; padding-top: 80px; width: auto; } DIV.photo { position: absolute; overflow: hidden; text-align: center; width: 200px; height: 200px; margin-top: 90px; } DIV.photo IMG { max-height: 170px; max-width: 150px; } DIV.contentMid2 { width: 800px; margin-right: auto; margin-left: auto; position: relative; } DIV.photo IMG.nophoto { width: 170px; height: 170px; } DIV.moduleMid2 { background: #020202 url(http://www.profilerehab.com/pb/myspace/black_blue_hearts_theme_TT.jpg) no-repeat right top; border-color: #000000; border-style: solid; border-width: 2px; } DIV.basicInfoModule DIV.moduleTop DIV { background: transparent no-repeat center bottom; height: 0; margin-top: 0; margin-left: auto; margin-right: auto; position: relative; z-index: 3; width: 100%; } DIV.module UL.contactLinks LI A:link, DIV.module UL.contactLinks LI A:visited, DIV.module UL.contactLinks LI A:hover { padding: 6px 2px 1px 25px; } DIV.module A.url:link, DIV.module A.url:visited, DIV.module A.url:hover { padding-left: 35px; } /*@group Text Color*/ DIV.profileHeaderDetails H2 { font-size: 18px; font-weight: bold; line-height: 1.2em; color: #749ac1; } H4 { font-size: 110%; color: #749ac1; } DIV.module { padding: 10px; color: #749ac1; line-height: 18px; font-size: 12px; font-family: "Lucida Grande", Verdana, sans-serif; } DIV.basicInfoDetails H2 { color: #749ac1; font-size: 190%; font-family: Georgia, "Times New Roman", Times, serif; padding: 20px 0 0px; text-transform: uppercase; background-position: 30px top; background-repeat: no-repeat; margin-top: -16px; } DIV.module A:link, DIV.module A:visited { color: #749ac1; padding: 1px 2px; } DIV.module .count { color: #749ac1; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; } DIV.detailsModule LI STRONG { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; color: #749ac1; font-weight: bold; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; } DIV.blogsModule UL.moduleList SPAN.date { color: #749ac1; } /*@end*/ DIV.moduleMid2 LI.moduleItem { background-color: transparent; } DIV.moduleBody LI { } DIV.musicPlayerModule H3.moduleHead { display: none; } DIV.musicPlayerModule DIV { padding: 0; background: none; } DIV.detailsModule LI { line-height: 0; } SPAN.pilRealName { color: #749ac1; } DIV.detailsModule LI SPAN { display: inline-block; line-height: 1.2em; padding-right: 0; padding-bottom: 20px; padding-left: 0; } DIV.blogsModule UL.moduleList, DIV.calendarModule UL.moduleList { padding: 20px 0 0; } DIV.blogsModule UL.moduleList LI, DIV.calendarModule LI.moduleItem { } DIV.commentsModule A.profileLink, DIV.commentsModule P.datePosted { font-weight: bold; } DIV.commentsModule UL.moduleList DIV.userComment { background: url() no-repeat left top; padding: 18px 10px 10px 30px; } DIV.commentsModule P.datePosted { color: #749ac1; text-transform: uppercase; letter-spacing: 1px; font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: ; padding: 1px 2px; display: inline; } DIV.commentsModule DIV.user A:link, DIV.friendSpaceModule .moduleList A:link, DIV.commentsModule DIV.user A:visited, DIV.friendSpaceModule .moduleList A:visited { padding: 0 px; border: none; background: transparent; } DIV.commentsModule DIV.user A:hover SPAN, DIV.friendSpaceModule .moduleList A:hover SPAN { text-decoration: underline; padding-right: 0; padding-left: 0; } DIV.commentsModule UL.moduleList LI UL.commentsInfo LI { font-size: 80%; line-height: 1.2em; background-color: transparent; border-right: 1px solid #749ac1; } DIV.commentsModule UL.moduleList LI UL.commentsInfo LI.last { border-right: none; } OL.squarePhotos LI.odd { background-color: transparent; } DIV.friendSpaceModule OL.moduleList LI { width: 105px; }

Look through the layout code until you see where the section is that starts with "DIV.moduleMid2" (in the middle of the code). Underneath DIV.moduleMid2 you will see "border-color:" Right now the border-color number is set to black. The color number for black is 000000. You can change this to any color number you want or to make it easier you can just write border-color: black or border-color: pink but if you choose to write pink instead of using a color number you can only get one generic color of pink. For Myspace 2.0 use the # number sign before the color if you are using color numbers and if you are using a word like black or green, then don't use the number sign. Example: border-color: black; or border-color: #020202 - both of these are correct.

To have NO borders on your tables just replace the color number or word with the word transparent like this: border-color: transparent;

Here is the DIV.moduleMid2 section separated from the code to show you specifically what to change:

DIV.moduleMid2 { background: #020202 url(http://www.profilerehab.com/pb/myspace/black_blue_hearts_theme_TT.jpg) no-repeat right top; border-color: #000000; border-style: solid; border-width: 2px; }

Change the color number next to "border-color: #000000;" to choose a different color. Here are some common colors: 000000 is black and ffffff is white. You can also write black, white, pink, green, red, yellow, blue, teal, hotpink, etc. In this case it would look like "border-color: black;" or "border-color: #020202;"You can play around until you find a color that works. For a wider range of color options we will be adding a color picker to this section so you can choose more specific colors.

To change the table border colors in Myspace 1.0 go to www.profilerehab.com/help/change_table_border_color

While you are here, check out some of our myspace layouts. Don't forget to Like Us on facebook and follow us on Twitter!

MYSPACE QUESTION

MYSPACE ANSWER

MYSPACE RELATED TOPICS

PAGE DESCRIPTION