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


NC for Hire
Garfield Creator replied to soaringeagle's discussion 'simple tweak that ning can do to drasticly increase joins/growth'
"Good one!"
1 hour ago
Dutchlabel replied to Dutchlabel's discussion 'Align images horizontally'
"Kinda at least.. The code is ok, now Ning just ***** it up.. And I was trying to place this code in…"
1 hour ago
soaringeagle replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"i agree it should be there"
1 hour ago
Jeffrey Haskins replied to Phil McCluskey's discussion 'Introducing Articles and the Author Bio Box'
"Perhaps, but I think the read more link at bottom is most obvious, and gives a flow to the reading…"
2 hours ago
Dutchlabel replied to Dutchlabel's discussion 'Align images horizontally'
"Got it :) if anybody is interested: #socialimg { display: table; width: 90%; margin: 20px…"
2 hours ago
soaringeagle replied to Dutchlabel's discussion 'Edit footer name after Created by'
"all u should need to do is change the name in the profile u used to create yiour network on your…"
3 hours ago
Anam replied to Phil McCluskey's discussion 'Introducing Email Notifications for Blogs and Forums'
"Plus in all fairness I think I remained cheerful and was not unpleasant given that NO discussion,…"
4 hours ago
Dutchlabel replied to Dutchlabel's discussion 'Edit footer name after Created by'
"I changed them both, so also in Ning Network like I showed with the second screenshot, but nothing…"
4 hours ago

© 2014   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service