Hello all
I want to put part of the picture is when commenting
The current situation such as this


I want to make it like this


Can you help me
For information, I used this 

Tags: Avatar

Views: 683

Reply to This

Replies to This Discussion

.xg_widget_photo_photo_show dl.comment span.dy-avatar {
position: absolute;
left: 0;
right: auto;
top: 0px;
border: solid 10px transparent;
background: no-repeat url(http://api.ning.com/files/AVb34ZInrld4z08XueUiSLSXsL76WjccWxPq6lQnK...);
width: 30PX;
padding-left: 4PX;
padding-top: 6px;
}

I don't want hide it, I want to put it in  the top

okay this should do what you want classic :-) just add this code to the Code above that you sent me with the smaller frame

.xg_widget_photo_photo_show span.dy-avatar img.dy-badge-image {padding:17px;padding-right:4PX!important;width:25%!important;height:25%!important;}

*I add your code to my but it is not work. I should add it or replace
Can you write all code for me
Thanks

on your site are you using Badge images or are you using badge text?

You sent me a link to a site in my e-mail a while ago.  And on that site you are using badge text.  This is the hole code for Badge text.

.xg_widget_photo_photo_show DIV#comments.xg_module_body span.dy-avatar {
    position: absolute;
    left: 0px;
    right: auto;
    top: 0px;
    border: 10px solid transparent;
    background: url("http://api.ning.com/files/AVb34ZInrld4z08XueUiSLSXsL76WjccWxPq6lQnKgONR1kpODF8QzdXL7CkLNawtV360MV-ZTKOvFJ37RQ0GfbT76ugxKcF/backgroundavater.png?xn_version=201208071930") no-repeat scroll 0% 0% transparent;
    width: 30px;
    padding-left: 4px;
    padding-top: 6px;
}

.xg_widget_photo_photo_show DIV#comments.xg_module_body SPAN.dy-avatar.dy-avatar-48 {height:30px!important;}

.xg_widget_photo_photo_show DIV#comments.xg_module_body SPAN.dy-badge-text.bottom-right {margin-left:4px;}

If you're using badge images I will need the link to those comments to write the code for your site

Thank you my friend

thats why his original version hid that

i personaly dont mind it like it is at all so i left it

otherwise use his last part that ads display:none for badges

*THANKS FOR YOUR COMMENT

Use this code to hide that...

.xg_widget_profiles_blog_show .dy-avatar > img.dy-badge-image {

display: none;

}

*I don't want to hind it but thanks for you comment

much better that works

Me encanta!

RSS

Latest Activity

Bree replied to soaringeagle's discussion '3.0 feature request'
"I hope this feature will be added, as SE says it will really help to drive activity and allow…"
31 minutes ago

NC for Hire
Bernard Lama replied to Indrie Florin Gabriel's discussion 'Buton More Disapears'
"You are welcome Gabriel."
1 hour ago
Kos replied to Angie Fisher's discussion 'Help for a 3.0 Newbie Please....'
"Create a 2nd page and save it. Once saved a box will appear "make subtab". Check that and…"
2 hours ago
Riccardo Rossini replied to Alex's discussion 'More styling in the Design Studio'
"Alex, can you please consider this…"
2 hours ago
Riccardo Rossini replied to Riccardo Rossini's discussion 'Severe bug!' in the group The Sandbox
"Tha problem is still not solved...:(("
2 hours ago
Riccardo Rossini replied to Jen's discussion 'Menu on Mobile Device Difficult'
"Subtables overlap the menù.."
2 hours ago
Indrie Florin Gabriel replied to Indrie Florin Gabriel's discussion 'Buton More Disapears'
"It's works, Thank you Bernard!"
3 hours ago
Melinda Orr replied to JFarrow's discussion 'Ning Emails Going to Spam?'
"Thanks Chris...will contact support to see the latest :)  "
3 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service