When someone view someone els profile, the first thing they wanna see is that person information.

so we going to add arrow and star on the list,

then make the profile image stand little bit. 

Here is a screenshot: 

You can use your own star or arrow image: 

Here is the code:

.module_about_user .xg_module_body dl {
background-image:url(http://cdn1.iconfinder.com/data/icons/UltimateGnome/16x16/apps/gnom...) ;
background-repeat:no-repeat;
background-position:top left;
padding-left:22px;
vertical-align:middle;
}

.member_detail li{
background-image:url(http://cdn1.iconfinder.com/data/icons/lullacons/arrow-single-right-...) ;
background-repeat:no-repeat;
background-position:top left;
padding-left:22px;
vertical-align:middle;
}

.xg_widget_profiles_profile .xg_3col .xg_1col img.photo{background-position:center center; background-repeat:no-repeat; z-index:0;-webkit-box-shadow: 0px -3px 8px rgba(0,0,0,.85); -webkit-box-reflect:below 3px -webkit-gradient(linear, left top, left bottom, color-stop(1,rgba(0,0,0,0)), to(rgba(0,0,0,.5))); border: 5px #fff solid; '}

 

 

Have a nice day!

 I even attached the full code for you: 

Views: 786

Attachments:

Reply to This

Replies to This Discussion

nice 

Thanks Solo! 

nice 

Thanks Classic! 

I like this, simple yet sweet! great addition for Well Kunnected, great job bro!

Thanks Armani! simple stuff don't bug your site :) 

I added this to advanced css and it did nothing, where is this code placed?

Did you copy the full code from the attached file? 

Im gonna try it again, I tried using my own images but I'll try again

Ok, am i still admin on your site? i can add it for you. 

let me know the result. 

 use this as the image for the profile information 

 use this image for the user account box where the avatar is, add it now! thanks bro

same thing using the code attached, not sure whats wrong but im adding this code to the advanced css section and nothing appears

RSS

What's Up With Ning 3.0?

Click here to share your thoughts on what features we should develop next! - Survey will close Friday, 4/25

Projects that the Ning 3.0 Team is currently working on: 

Articles - a new way of organizing longer content pieces. Released 4/16.

Activity Feed Updates - options for more content in the activity feed.

Forum Notifications - ability for members to opt into receiving notifications of new discussions in forums. Released 4/9. 

APIs - The ability to create new members and content programatically.

For more information on what's next, visit the Product Roadmap

Latest Activity

Just Asking replied to FedMedic's discussion 'Critique my 3.0'
"Is this current?  The background I just saw was gray... nothing outlandish at all.…"
2 hours ago
Suzie Nielsen replied to Phil McCluskey's discussion 'Introducing Email Notifications for Blogs and Forums'
"Skye, Exactly! I have a widget- called feedget- and I watch them click in in real time... I am just…"
5 hours ago
Suzie Nielsen replied to Phil McCluskey's discussion 'Introducing Email Notifications for Blogs and Forums'
"Tahita, The same!"
5 hours ago
Suzie Nielsen replied to Phil McCluskey's discussion 'Introducing Email Notifications for Blogs and Forums'
"Se I trust you, You can  get my Google Analytics if you like- I think I have your email or I…"
5 hours ago
Kisha Freed replied to Phil McCluskey's discussion 'Introducing Email Notifications for Blogs and Forums'
"This is good insight Kos and Anam.  This will help us build community by keeping the members…"
5 hours ago
Kisha Freed replied to Phil McCluskey's discussion 'Introducing Email Notifications for Blogs and Forums'
"I agree! "
6 hours ago
Kisha Freed replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"I'm excited about the author/bio box! I'll have to check out the articles/pages features…"
6 hours ago
Just Asking replied to David Hogan's discussion 'Lots of Attention but not a lot of engagement'
"I'm not an expert by any means... just another person trudging through the web.  The…"
6 hours ago

© 2014   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service