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:
Tags:
Permalink Reply by Armani Rouse on November 20, 2012 at 10:23am I like this, simple yet sweet! great addition for Well Kunnected, great job bro!
Permalink Reply by Mat on November 20, 2012 at 10:32am Thanks Armani! simple stuff don't bug your site :)
Permalink Reply by Armani Rouse on November 25, 2012 at 7:47pm I added this to advanced css and it did nothing, where is this code placed?
Permalink Reply by Mat on November 25, 2012 at 8:53pm Did you copy the full code from the attached file?
Permalink Reply by Armani Rouse on November 25, 2012 at 8:54pm Im gonna try it again, I tried using my own images but I'll try again
Permalink Reply by Mat on November 25, 2012 at 8:58pm Ok, am i still admin on your site? i can add it for you.
let me know the result.
Permalink Reply by Armani Rouse on November 25, 2012 at 9:34pm
Permalink Reply by Armani Rouse on November 25, 2012 at 8:58pm same thing using the code attached, not sure whats wrong but im adding this code to the advanced css section and nothing appears

soaringeagle replied to Alex's discussion 'More styling in the Design Studio'
soaringeagle replied to Alex's discussion 'More styling in the Design Studio'
Margie replied to Phil McCluskey's discussion 'Site Manager Updates for Ning 3.0 Networks'
soaringeagle replied to Alex's discussion 'More styling in the Design Studio'
Margie replied to Phil McCluskey's discussion 'Site Manager Updates for Ning 3.0 Networks'
Thiago Santos de Moraes replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
Cindy replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox© 2013 Created by Ning.
