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

Allison Leahy replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"Hi Peggy! Sorry for the slow response here. The designers used Eagle for the headlines and Gotham…"
4 minutes ago
Liliana Parra replied to John Bizley's discussion 'Show Your Ning 3.0 Sites'
"Mine is here... Disaster Risk Management (Spanish) http://gestiondelriesgo.ning.com/"
23 minutes ago
Allison Leahy replied to Jen's discussion 'Menu on Mobile Device Difficult'
"Absolutely! Thanks for bringing it to my attention, and for your patience as always."
43 minutes ago
Allison Leahy replied to Dw Alternatio's discussion 'Any way to change to a 3.0 network?'
"Hey Dw, So glad to hear you're interested in checking out the redesign! Make sure that after…"
45 minutes ago

NC for Hire
Jen replied to Jen's discussion 'Menu on Mobile Device Difficult'
"Thanks Allison. I have spent hours trying to fix this. That's great news!"
1 hour ago
Allison Leahy replied to Jen's discussion 'Menu on Mobile Device Difficult'
"Just got the word that the release had no impact the mobile menu and a feature improvement has…"
1 hour ago
Allison Leahy replied to Jen's discussion 'Menu on Mobile Device Difficult'
"Interesting quirk. Thanks for the note."
1 hour ago
susana 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