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

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

soaringeagle replied to Alex's discussion 'More styling in the Design Studio'
"actualy when using 5 rows its still there so what is going on? ok new thoery its loading as many as…"
3 hours ago
soaringeagle replied to Alex's discussion 'More styling in the Design Studio'
"very minor bug but when u have  the profile icons rounded in the member box set to small and 2…"
3 hours ago
Margie replied to Phil McCluskey's discussion 'Site Manager Updates for Ning 3.0 Networks'
"That's really good to hear about groups.  That's our site's main…"
4 hours ago
soaringeagle replied to Alex's discussion 'More styling in the Design Studio'
"sweet awesom e job tho im using text badges and have a feeling that wont look so sweet im gonna go…"
4 hours ago
Margie replied to Phil McCluskey's discussion 'Site Manager Updates for Ning 3.0 Networks'
"AGREE 100% on groups.  We are not interested in blogs.  Our groups are the main…"
4 hours ago
Thiago Santos de Moraes replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
"The green background is not good to read."
4 hours ago
Strumelia replied to Shannon's discussion 'VOTE - NING 2.0 or NING 3.0'
"Huh??  Can you elaborate on this please?  or point us to where this is stated or shown?"
6 hours ago
Cindy replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"I coppied all the stuff you posted and I'll check a bit later when the head feels clearer. I…"
9 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service