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: 681

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

Latest Activity

Allison Leahy replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"Not quite clear what Jon is stating here. It reads to me as though a Disqus user can simply login…"
6 minutes ago
SM replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
" "
12 minutes ago
Allison Leahy replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"To be clear, the suggestion to integrate a Ning login with the Disqus commenting system has been…"
13 minutes ago
SM replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"Yes, you can enable it in the Admin Panel. When you use the Universal Code to generate their panel…"
15 minutes ago
SM replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"Like Immediately!!!!!!! NOW I WANT IT BAD!!!"
18 minutes ago
Allison Leahy replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"How cool. Did not even know this was possible. I'll have to try it out."
18 minutes ago
Jordon McGee (Jords) replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"WOOOO!!!!!! Ning's API needs to be capable for this ASAP!!!"
21 minutes ago
SM replied to SM's discussion 'Just discovered Disqus commenting on Ning - how do we add more features?'
"AMAZING NEWS!!!!!!!!!!!!!!!!! SSO is FREE!!!   Just got an email back from Jon at…"
22 minutes ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service