Design And Style Your Myspace 2.0

Basic Information Module

Basic Info Module:

.K {Hide Basic Info}
div.basicInfoModule {display:none;}

.K {Hide Everything Except Profile Image}
div.basicInfoModule {margin-bottom:200px;}
div.basicInfoDetails {display:none;}
div.photo {background-color:transparent;}

Adjust the colored number.

Profile Picture:

.K {Replace Profile Pic. With An External Image}
div.basicInfoModule div.photo a img {display:none;}
div.basicInfoModule div.photo {
background-color:transparent;
background-image: url(Your Image URL);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center center;}

Replace "Your Image URL" With Your Own Image URL.

Hide Your Profile Pic:

.K {Hide Entire Pic Box}
div.basicInfoModule div.photo {display:none;}
div.basicInfoModule div.basicInfoDetails {padding-left:0;}

.K {Hide Profile Pic And Its Container}
div.basicInfoModule div.photo {display:none;}

.K {Hide Just Profile Pic}
div.basicInfoModule div.photo a img {display:none;}

Transparent Background Of Your Pic:

.K {Background Color Of Profile Pic}
div.basicInfoModule div.photo {background-color:transparent;}

Add a Background Image To Your Pic:

.K {Profile Pic Background Image}
div.basicInfoModule div.photo {background-image: url(Your Image URL);}

Change The Background Color Of Your Pic:

.K {Profile Pic Background Color}
div.basicInfoModule div.photo {background-color:black;}

Resize The Gray Box Behind Profile Pic:

.K {Resize Photo Box}
div.basicInfoModule div.photo {width:180px; height:200px;}

Fill The Photo Box With Your Profile Pic:

.K {Resize Profile Pic}
div.basicInfoModule div.photo a img {width:100%; height:100%;}

Move Profile Picture:

.K {Move Profile Pic}
div.basicInfoModule div.photo a img {position:relativ;
margin-top:40px; margin-left:30px;}

40: Moves the Pic down.
30: Moves the Pic to right/left.

Basic Info - Text:

Name:

.K {Center Name}
div.basicInfoDetails h2 {text-align:center;}

.K {Hide Name}
div.basicInfoDetails h2 {visibility:hidden;}

.K {Change Color Of Name}
div.basicInfoDetails h2 {color:red;}

.K {Add Borders Around Name}
div.basicInfoDetails h2 {border:3px solid red;}

.K {Add Background Color To Name}
div.basicInfoDetails h2 {background-color:yellow;}

.K {Add Background Image To Name}
div.basicInfoDetails h2 {background-image:url(Your Image URL);}

Text Right Next To Pic:

.K {Change Color Of Info Text}
div.basicInfoDetails {color:yellow;}

Citation (Headline):
Navigation --> Profile >> Customize Profile

.K {Hide Citation}
div.basicInfoDetails blockquote p {display:none;}

.K {Change Color Of Citation}
div.basicInfoDetails blockquote p {color:red;}

Headline ^^Trick!^^:

- You can also use your "Status" as your "Headline (Citation)".
Click on "Update", and then type what you want it to say.
Use the below Code if you need to make a 'Line Break' after it. ⇓

Status , Mood , Time & Date , View More:

.K {Mood below Status on the next line}
div.basicInfoDetails blockquote span.status {display:block;}

Status:

.K {Hide Status}
div.basicInfoModule blockquote p span.status {display:none;}

.K {Change Color Of Status}
div.basicInfoModule blockquote p span.status {color:purple;}

Mood:

.K {Hide Mood, Text And Icon}
div.basicInfoModule blockquote p span.mood {display:none;}

.K {Hide Just Icon}
div.basicInfoModule blockquote p span.mood img {display:none;}

.K {Hide Just Mood}
div.basicInfoModule blockquote p span.mood strong {display:none;}

.K {Change Color Of Mood And Text}
div.basicInfoModule blockquote p span.mood strong {color:green;}
div.basicInfoModule blockquote p span.mood {color:red;}

Time And Date :

.K {Hide Time And Date}
div.basicInfoModule div.basicInfoDetails blockquote span.date {display:none;}

.K {Change Color Of The Date}
div.basicInfoModule div.basicInfoDetails blockquote span.date {color:Violet;}

View More:

.K {Hide View More}
div.basicInfoModule blockquote p a {display:none;}

.K {Change Color Of View More}
div.basicInfoModule blockquote p a {color:blue;}
div.basicInfoModule blockquote p a:hover {color:skyblue;}

View My , Photos , Videos , Blog , Playlists , Review:

.K {Hide View My Photos Videos Blog}
div.basicInfoDetails div.pageLinks {display:none;}

View My:

.K {Hide View My}
div.basicInfoDetails div.pageLinks em {display:none;}

.K {Change Color Of View My}
div.basicInfoDetails div.pageLinks em {color:red;}

Photos Videos Blog Playlists Review:

.K {Hide Photos Videos etc.}
div.basicInfoDetails div.pageLinks a {display:none;}

.K {Change Color Of Photos Videos etc.}
div.basicInfoDetails div.pageLinks a {color:red;}
div.basicInfoDetails div.pageLinks a {color:yellow;}

Typisch Myspace!
Da wir zur Zeit! in Myspace DE keinen Playlists-Link haben, ist die Class-Reihenfolge
der einzelnen Links etwas anders. Hier die Komplette MS DE PageLinks-Class-Liste:
"Fotos = li.odd", "Videos = li.even", "Blogs = li.odd" und "Meinungen = li.even.last".

Photos, Blog And Review:

.K {Hide Photos, Blog And Review}
div.basicInfoDetails div.pageLinks li.odd a {display:none;}

.K {Change Color Of Photos, Blog And Review}
div.basicInfoDetails div.pageLinks li.odd a {color:red;}
div.basicInfoDetails div.pageLinks li.odd a:hover {color:yellow;}

Videos And Playlists: (In MS DE - Videos und Meinungen)

.K {Hide Videos And Playlists}
div.basicInfoDetails div.pageLinks li.even a {display:none;}

.K {Change Color Of Videos And Playlists}
div.basicInfoDetails div.pageLinks li.even a {color:red;}
div.basicInfoDetails div.pageLinks li.even a:hover {color:yellow;}

Videos:

.K {Hide Videos}
div.basicInfoDetails div.pageLinks li.even a {display:none;}
div.basicInfoDetails div.pageLinks li.even.last a {display:block;}

.K {Change Color Of Videos}
div.basicInfoDetails div.pageLinks li.even a {color:red;}
div.basicInfoDetails div.pageLinks li.even a:hover {color:yellow;}

.K {Revise Color Playlists}
div.basicInfoDetails div.pageLinks li.even.last a {color:green;}
div.basicInfoDetails div.pageLinks li.even.last a:hover {color:purple;}

Playlists:

.K {Hide Playlists}
div.basicInfoDetails div.pageLinks li.even.last a {display:none;}

.K {Change Color Of Playlists}
div.basicInfoDetails div.pageLinks li.even.last a {color:red;}
div.basicInfoDetails div.pageLinks li.even.last a:hover {color:yellow;}

Review:

.K {Hide Review}
div.basicInfoDetails div.pageLinks li.odd.last a {display:none;}

.K {Change Color Of Review}
div.basicInfoDetails div.pageLinks li.odd.last a {color:red;}
div.basicInfoDetails div.pageLinks li.odd.last a:hover {color:yellow;}

Real Name:

.K {Hide Real Name}
div.basicInfoModule div.basicInfoDetails h1.profileFullName {display:none;}

.K {Chnage Color Of Real Name}
div.basicInfoModule div.basicInfoDetails h1.profileFullName {color:red;}

Age And Gender:

.K {Hide Age And Gender}
div.basicInfoDetails ul.profileUserInfo li.tags {display:none;}

Age:

.K {Hide Age}
div.basicInfoDetails span.age {display:none;}

.K {Change Color Of Age}
div.basicInfoDetails span.age {color:red;}

Gender:

.K {Hide Gender}
div.basicInfoDetails span.gender {display:none;}

.K {Change Color Of Gender}
div.basicInfoDetails span.gender {color:red;}

Location:

.K {Hide Location}
div.basicInfoDetails li#adr {display:none;}

.K {Change Color Of Location}
div.basicInfoDetails li#adr {color:red;}

Location - City:

.K {Hide City}
div.basicInfoDetails li#adr span.locality {display:none;}

.K {Change Color Of City}
div.basicInfoDetails li#adr span.locality {color:red;}

Location - Region:

.K {Hide Region}
div.basicInfoDetails li#adr span.region {display:none;}

.K {Change Color Of Region}
div.basicInfoDetails li#adr span.region {color:red;}

Location - Country:

.K {Hide Country}
div.basicInfoDetails li#adr span.country-name {display:none;}

.K {Change Color Of Country}
div.basicInfoDetails li#adr span.country-name {color:red;}

Last Login:

.K {Hide Last Login}
div.basicInfoDetails li.lastlogin {display:none;}

.K {Change Color Of Last Login}
div.basicInfoDetails li.lastlogin {color:red;}

Online Now:

.K {Hide Online Now Icon And Text}
div.basicInfoDetails div.profileDemographics span.msOnlineNow {display:none;}

.K {Hide Online Now Icon}
div.basicInfoDetails div.profileDemographics span.msOnlineNow img {display:none;}

.K {Hide Online Now Text}
div.basicInfoDetails div.profileDemographics span.msOnlineNow {font-size:0px;
word-spacing:-1000px; letter-spacing:-1000px;}

.K {Change Color Of Online Now Text}
div.basicInfoDetails div.profileDemographics span.msOnlineNow {color:red;}

Myspace URL:

.K {Hide URL}
div.basicInfoModule span.urlLink a {display:none;}

.K {Change Color Of URL}
div.basicInfoModule span.urlLink a {color:red;}
div.basicInfoModule span.urlLink a:hover {color:yellow;}

Contact Links - Message, Add, Commtent: ▲ Top

.KhAk {Hide Contact Links Images}
div.basicInfoModule ul.contactLinks li.message a,
div.basicInfoModule ul.contactLinks li.addToFriends a,
div.basicInfoModule ul.contactLinks li.comment a {background-image:none;}

.KhAk {Hide Contact Links Text}
div.basicInfoModule ul.contactLinks li {padding-left:280px; margin-bottom:-10px;}
div.basicInfoModule ul.contactLinks li.message a,
div.basicInfoModule ul.contactLinks li.addToFriends a,
div.basicInfoModule ul.contactLinks li.comment a {
display:block; width:25px; height:20px; font-size:0px; line-height:18px;
word-spacing:-1000px; letter-spacing:-1000px; background-repeat:no-repeat;}

Adjust the number for the gap to the right side of page.

.K {Hide Contact Links}
div.basicInfoModule ul.contactLinks li a {display:none;}

.K {Change Color Of Contact Links}
div.basicInfoModule ul.contactLinks li a {color:red;}
div.basicInfoModule ul.contactLinks li a:hover {color:yellow;}

Send Message:

.K {Hide Send Message}
div.basicInfoModule ul.contactLinks li.message a {display:none;}

.K {Change Color Of Send Message}
div.basicInfoModule ul.contactLinks li.message a {color:red;}
div.basicInfoModule ul.contactLinks li.message a:hover {color:yellow;}

Add To Friends:

.K {Hide Add To Friends}
div.basicInfoModule ul.contactLinks li.addToFriends a {display:none;}

.K {Change Color Of Add To Friends}
div.basicInfoModule ul.contactLinks li.addToFriends a {color:red;}
div.basicInfoModule ul.contactLinks li.addToFriends a:hover {color:yellow;}

Add Comment:

.K {Hide Add Comment}
div.basicInfoModule ul.contactLinks li.comment a {display:none;}

.K {Change Color Of Add Comment}
div.basicInfoModule ul.contactLinks li.comment a {color:red;}
div.basicInfoModule ul.contactLinks li.comment a:hover {color:yellow;}

Basic Info Module Borders:

.K {Hide Basic Info Top And Bottom Borders}
div.basicInfoModule div.moduleTop, div.detailsModule div.moduleBottom {display:none;}

.K {Hide Basic Info Left And Right Borders}
div.basicInfoModule div {border:0px;}

.K {Basic Info Borders}
div.basicInfoModule {border:3px solid red;}

Rounded Basic Info Borders - FF & SA:

.K {Rounded Basic Info Borders}
div.basicInfoModule {border:3px solid red;
-moz-border-radius:10px; -webkit-border-radius:10px;}

Basic Info - Background:

Three-Color Basic Info:

.K {Three-Color Basic Info}
div.basicInfoModule div.photo {background-color:pink;}
div.basicInfoModule div.moduleMid2 {background-color:red;}
div.basicInfoModule div.profileDemographics {background-color:yellow;}

Transparent Basic Info:

.K {Transparent Basic Info}
div.profileDemographics, div.moduleBody div.photo {background-color:transparent;}

Basic Info Background Color:

.K {Basic Info Background Color}
div.basicInfoModule div {background-color:black;}

.K {Basic Info Background Color}
div.basicInfoModule * {background-color:black;}

Basic Info Background Image:

.K {Basic Info Background Img}
div.basicInfoModule {background-image: url(Your Image URL);}
div.basicInfoModule div {background-color:transparent;}

The 3 Pics:

.K {Hide The Three Pics}
div.basicInfoDetails ul.profileUserAlbum {display:none;}

.K {Resize The Three Pics}
div.basicInfoModule div.profileDemographics {height:220px;}
div.basicInfoDetails ul.profileUserAlbum {width:500px; height:200px;}
div.basicInfoDetails ul.profileUserAlbum li a,
div.basicInfoDetails ul.profileUserAlbum li a img {width:150px; height:150px;}

.K {Add Borders To The Three Pics}
div.basicInfoDetails ul.profileUserAlbum li a {border:2px solid red;}

The Blue Box Behind 3 Pics:

Hide The Blue Box & Its Content:

.K {Hide The Blue Box}
div.basicInfoModule div.profileDemographics {display:none;}

Transparent Blue Box:

.K {Transparent Blue Box}
div.basicInfoModule div.profileDemographics {
background-color:transparent; background-image:none;}

Change Background Color Of Blue Box:

.K {Change Background Color Of Blue Box}
div.basicInfoModule div.profileDemographics {background-color:red;}

Background Image For Blue Box:

.K {Blue Box Background Image}
div.basicInfoModule div.profileDemographics {background-image: url(Your Image URL);}

Borders For The Blue Box:

.K {Blue Box Background Image}
div.basicInfoModule div.profileDemographics {border:3px solid red;}

Resize The Blue Box:

.K {Resize The Blue Box}
div.basicInfoDetails div.profileDemographics {width:450px; float:right;}

Scrollable Basic Info:

.K {Scrollable Basic Info}
div.basicInfoModule {overflow:auto; height:100px;}

Myspace Profile 2.0

Dienstag, 18. November 2008