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

Sylvia Hysen replied to Sylvia Hysen's discussion 'NING 2.0- Sign-up for newsletter'
"Sounds simple enough. Thanks for the explanation. I will look into MailChimp as an…"
10 minutes ago
Jordon McGee (Jords) replied to Alex's discussion 'More styling in the Design Studio'
"Woohoo!! Good job!"
11 minutes ago
Kos replied to Sylvia Hysen's discussion 'NING 2.0- Sign-up for newsletter'
"I exported my member email over (unless they had the box checked to receive "no" emails…"
34 minutes ago
Sylvia Hysen replied to Sylvia Hysen's discussion 'NING 2.0- Sign-up for newsletter'
"N"
40 minutes ago
Kos replied to Sylvia Hysen's discussion 'NING 2.0- Sign-up for newsletter'
"My pic and wording but it's responsive and re-sizes on tablet and phone.  You can check…"
55 minutes ago
Sylvia Hysen replied to Sylvia Hysen's discussion 'NING 2.0- Sign-up for newsletter'
"Formstack uses this on it's front page and I want to achieve similar results with different…"
1 hour ago
Sylvia Hysen replied to Sylvia Hysen's discussion 'NING 2.0- Sign-up for newsletter'
"Does it integrate with your NING site by automatically collecting all new member emails?"
1 hour ago
Kos replied to Sylvia Hysen's discussion 'NING 2.0- Sign-up for newsletter'
"I like mailchimp.  Have never had reason to try another."
1 hour ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service