MYSPACE QUESTION

How do I edit the colors in the stream module? How do I style the stream menu in 2.0?

MYSPACE ANSWER

To style the stream module, add the codes below to the CSS box in customize profile. Change the colors to match your profile.

/*controls the color of the word More and the down arrow in Stream Menu*/ .horizontalMenu .dropdown span, .horizontalMenu .dropdown small { color: #fd7957; } /*controls the color of the word Mood: in the Stream Module*/ div.streamContainer .moodLabel { color: #fd7957; } /*controls the color of the links in the Stream Module*/ div.activityStreamModule a:link, div.module a:visited { color:#FD7957; } /*controls the color of the Stream Module Background & Border*/ div.activityStreamModule DIV.moduleMid2{ background: #000000; border-color: #FD7957; border-style: solid; border-width: 2px; } /*controls the color of the Stream Module Header*/ div.activityStreamModule h3{ color:#FD7957; } /*controls the color of the Mood text in the Stream Module*/ div.activityStreamModule .activityFooter{ color:#FD7957; } /*controls the color of the Status text in the Stream Module*/ div.activityStreamModule .activityHeader{ color:#FD7957; } /*controls the color of the Hover Text in the Stream Menu*/ div.activityStreamModule a:hover{ color:#FD7957; } /*controls the color of the words All, Status, Photos, Etc. in the Stream Menu*/ .horizontalMenu li a { color: #fd7957; } /*controls the background Hover color behind All, Status, Photos, Etc.*/ .horizontalMenu LI A:hover, .horizontalMenu LI.selected A { background-color: #35312e; } .horizontalMenu LI.selectedDropdown OL LI A:hover { background-color: #000000; } /*controls the background color behind Selected Sections in More Drop Down*/ .horizontalMenu LI.dropdown OL LI.selected A, .horizontalMenu LI.dropdown OL LI.selected A:hover { background-color: #000000; color: #fd7957; } /*controls the background Hover color behind More*/ .horizontalMenu LI.dropdown:hover { background-color: #35312e; } /*controls the More drop down background color and More drop down text color*/ .horizontalMenu LI.dropdown OL LI A { background-color: #35312e; color: #fd7957; } /*hides the drop down border*/ .horizontalMenu LI.dropdown OL { border: none; } /*controls the line separator color between view more and comment*/ div.streamContainer UL.links LI { border-right: 1px solid #fd7957; } /*controls the color of date posted*/ div.streamContainer span.activitySourceTimestamp { color: #fd7957; }

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 RELATED TOPICS

• How to Move Myspace Profile 2.0 Over to Left or Right
• Add Drop Down Box inside 2.0 About Me section
• How to Use Background in 2.0 from a Layout w/out Using All of the Layout
• Alternate Comments - Left Aligned Then Right Aligned Alternating
• How to Move All Content on Profile Down to Show More Background in 2.0