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

I added the code for you but its not showing up because you let your members to customize their on profile, so you have to add this code inside the "custom box" to see the result on all profile. 

add it inside your style sheet and let me know. 

hey! I know that guy in the screenshot! LOL its my main man Soaring Eagle rocking the killer long dreadlocks! @Soaring Eagle you'd be happy to know im locking up next month! I've been rocking the afro for quite some time now lol so I've braided it to the back to get some growth going for my first twist up! I'll definitely be joining the dreadlock forum next month when i'm twisted up! 

Ha ha my hair is dread as well but not big as Soaring Eagle! he is a good friend of mine by the way! he is a good guy! 

nice bro! I'll be joining the crew pretty soon, right now I have the cornrolls straight to the back to allow my hair to grow some ;)

Good Tip! =]

Thanks Jords! 

Come and see what I have done with this! EXCELLENT!!!

http://addictapic.com/profile/administrator

THANK YOU !!!

I like your large Ningbar and Menu's

Thank you, it was definitely not easy! :) There's lots up there.. lol

Nice one Damien! 

Thank you Mat

hmm that guy looks familiar haha

RSS

Latest Activity

Andre Lacerda replied to Andre Lacerda's discussion 'How can I change the Blog Layout?' in the group The Sandbox
"Lets hope they are reading. Anyways I will open a ticket and see what they say."
26 minutes ago
Kos replied to Andre Lacerda's discussion 'How can I change the Blog Layout?' in the group The Sandbox
"I interpreted that incorrectly.  You're right; many others have pointed out the wrapping…"
27 minutes ago

NC for Hire
SweetPotato replied to Andre Lacerda's discussion 'How can I change the Blog Layout?' in the group The Sandbox
"This has to be a bug, i think Ning will fix this. I'd flagged it previously, as has Jen, so…"
35 minutes ago
Kos replied to Kos's discussion '3.0 My Thoughts From A Non-Coder (edited 5/21/13)' in the group The Sandbox
"Edited to add: the "x" to delete a category in forums is unseen.  It's still…"
56 minutes ago
Profile IconNing via Facebook
Thumbnail

Community Spotlight: Meet Daniel Kerr, COO of AdjusterPro and founder of Well-Adjusted, a…

See More
Facebook1 hour ago · Reply
Kos replied to Andre Lacerda's discussion 'How can I change the Blog Layout?' in the group The Sandbox
"I share your concern.  I know that other layouts are coming with less white space, which I…"
1 hour ago

NC for Hire
SweetPotato replied to Radialistas Brasileiros's discussion 'How we will deal with 301 redirects and to fix 404 errors on NING 3.0?'
"Hi Phil If i'm changing a client's domain name how would I deal with 301 redirects on…"
1 hour ago
Andre Lacerda replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
1 hour ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service