JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

Ning 3.0 does Facebook Timeline Profile

The CSS is below. This works for the profile I have I am not sure it will work if you have a different them. I am not so much a design person so any suggestions on improvement are welcome.

I love to collaborate so I am making this tip an exclusive JenSocial tip. It is posted on Ning Creators but members there will have to come here for the code.

.profileCoverArea .profileCoverArea-box {
background-color: #eee;
background: none;
margin-top: 100px;
height: 200px;
}

.profileCoverArea .profileCoverArea-box .profileCoverArea-bio {
background-color: #eee;
color: #555;
overflow-y: auto;
margin-top: 20px;
background: none;
float: right;
}

.profileCoverArea-bio.span5 {
padding-top: 110px;
height; 50px ;
}

.row .row-narrower1 {
margin-left: 10px;
}

.profileCoverArea-socialButtons.row.row-narrower1{
width:300px;
float: right;
margin-top: -50px;
}

.profileCoverArea .profileCoverArea-avatarFrame {
margin-top: 70px;
position: relative;
padding: 5px;
width: 92px;
-webkit-box-shadow: 0px 3px 3px #c6c6c6;
-moz-box-shadow: 0px 3px 3px #c6c6c6;
box-shadow: 0px 3px 3px #c6c6c6;
-webkit-box-shadow: 0px 3px 3px #c6c6c6;
-moz-box-shadow: 0px 3px 3px #c6c6c6;
box-shadow: 0px 3px 3px #c6c6c6;
-webkit-box-shadow: 0px 3px 3px #c6c6c6;
-moz-box-shadow: 0px 3px 3px #c6c6c6;
box-shadow: 0px 3px 3px #c6c6c6;
-webkit-box-shadow: 0px 3px 3px #c6c6c6;
-moz-box-shadow: 0px 3px 3px #c6c6c6;
box-shadow: 0px 3px 3px #c6c6c6;
border: 1px solid #c6c6c6;
background-color: #FFF;
}

6 members favorited this

▶ Reply to This

Replies to This Discussion

Permalink Reply by JenSocial on April 3, 2013 at 1:24pm

Looks like an awesome tip, can't wait to see it!

▶ Reply

Permalink Reply by E.FM Radio on April 4, 2013 at 1:47am

Nice job and thank you!

▶ Reply

Permalink Reply by E.FM Radio on April 4, 2013 at 9:12am

How do I get the white border off of my profile photo? Can I make it larger (the photo)?

Your code worked... http://efmtest.ning.com/members/10hbe4jwybt5t?commentId=6623765%3AC...

...but I cannot toggle between Comment Wall and Activity anymore. Suggestions?

▶ Reply

Permalink Reply by Garfield Creator on April 4, 2013 at 7:32pm

You are absolutely right! Working on it and will have an update soon. I must tell you I am having a great time listening to your wonderful playlist as I make the updates to the code.

▶ Reply

Permalink Reply by E.FM Radio on April 5, 2013 at 5:56am

Thanks so much Garfield. Me and the music are somewhat synonymous. So glad to read your comment! Thanks for the fix too! Now there's an overflow scroll on the side. Is that supposed to be there? Anyway---it's alive!!!! It WORKS! You rock!