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

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

Ambroise favorited Eric Suesz's page Ning 3.0 Roadmap
50 minutes ago
Ambroise commented on kid k's group 'Ning French Networks'
"Dans le menu, il y a marqué Ning 3.0 lol"
52 minutes ago
Jean-Christophe Fa(u)dot commented on kid k's group 'Ning French Networks'
"En ce qui me concerne, c'est à peine si je sais que Ning 3 existe ou va exister !…"
2 hours ago
SM replied to SM's discussion 'How to Target the First Page of your Site with CSS'
"Hi Suzie, here is the code you need to put into your bottom custom code box in the design center…"
3 hours ago
Kos replied to SM's discussion 'How to Target the First Page of your Site with CSS'
"ahhh now that makes sense.  Thanks for clarifying :)"
4 hours ago
Strumelia replied to FedMedic's discussion '3.0 Why is all my text centered?'
"Thanks so much, and please DO let me know what their support team is like, when you first make use…"
5 hours ago
SM replied to SM's discussion 'How to Target the First Page of your Site with CSS'
"Hi Suzie, I'll try to post something more logical with screen shots. But, you'll see -…"
5 hours ago
SM replied to SM's discussion 'How to Target the First Page of your Site with CSS'
"Hi Kos, the reason for the code is to have elements only display on the home page. By default, Ning…"
5 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service