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

Kos replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"Maybe this will help?  It's from this discussion by Soaringeagle.  A really…"
8 minutes ago
Kos replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"Your 2nd one is a full page layout but the first, a 2 column.  You also don't have to…"
12 minutes ago
Phoron replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"I think i worded my question improperly.  What I meant was can you make the boxes you see on…"
22 minutes ago
Cindy replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"I think most people like a solid background where the text is anyway. I just left mine black. I…"
28 minutes ago
Kos replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"Fade the background image itself?  No 3.0 can't do that but you could upload it to pixlr…"
35 minutes ago
Profile IconNing via Facebook
Thumbnail

A community is nothing without its members. Richard Millington shares some places to look when…

See More
Facebook40 minutes ago · Reply
Phoron replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"Thank you"
41 minutes ago
Writer Chick {Diane} replied to Allison Leahy's discussion 'What is your Ning 3.0 URL?' in the group The Sandbox
"You can't transparent a background image that you load yourself. That would be a nice addition."
43 minutes ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service