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

ok i perfected the code for all comments

basicly shifted thigs around so the comment posted by was shifted down so the lil pount points to it like in yoir image

DIV#comments.xg_module_body span.dy-avatar {
position: absolute;
top:-25px;
margin-left:-4px;
margin-right:130px!important;
background: no-repeat url(http://api.ning.com:80/files/zc1ly*LWqTe5DLguQvg93hwemlU1cWNncyG7kGWp1KNqU9qcwayhpG0M0TlNYQd80Ug0iPElI2zVTTlr1doVZQiK-IjywZcn/backgroundavater3.png);
width: 65PX;
height: 55px;
padding-left: 6PX;
padding-top: 10px;
}
DIV#comments.xg_module_body dl.comment {
padding-left: 59px;}

DIV#comments.xg_module_body dl.comment IMG.photo.photo {
width: 48PX;
}
DIV#comments.xg_module_body .comment.vcard.xg_lightborder { min-height: 65px;}
DIV#comments.xg_module_body dl.comment dt {margin-top:32px;}

__
_

Thank you

ok this should be perfect i shrunk it a lil and added padding


DIV#comments.xg_module_body span.dy-avatar {
position: absolute;
top:-25px;
margin-left:-4px;
margin-right:130px!important;
background: no-repeat url(http://api.ning.com:80/files/zc1ly*LWqTe5DLguQvg93hwemlU1cWNncyG7kGWp1KNqU9qcwayhpG0M0TlNYQd80Ug0iPElI2zVTTlr1doVZQiK-IjywZcn/backgroundavater3.png);
width: 65PX;
height: 55px;
padding-left: 6PX;
padding-top: 10px;
}
DIV#comments.xg_module_body dl.comment {
padding-left: 59px;}

DIV#comments.xg_module_body dl.comment IMG.photo.photo {
width: 48PX;
}
DIV#comments.xg_module_body .comment.vcard.xg_lightborder { min-height: 65px;}
DIV#comments.xg_module_body dl.comment dt {margin-top:32px;}
div#comments.xg_module_body dl.comment dt span.xg_avatar a.fn span.dy-avatar img.dy-badge-image {padding:7px;width:25%!important;height:25%!important;}

soaringeagle I like what you did with my code that does look better awesome Job :-)

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

It's weird. I put this in and it just doesn't do anything on my site. Let me know if you have any ideas, otherwise all my tinkering just doesn't work out.

http://www.opensourcereligion.net/

nicely done

I'm new to CSS and used my own custom icon but i had to add padding for the bottom, i hope its aok :-)

looks good, you guy's are all geniuses :-)

RSS

Latest Activity

Cindy replied to Phil McCluskey's discussion 'Site Manager Updates for Ning 3.0 Networks'
"I am still unclear about 2 items on the NING 3.0 I hope this is the right place to ask questions I…"
19 minutes ago
John Bizley replied to Kos's discussion '3.0 Forum Excerpts' in the group The Sandbox
"You are most welcome Kos and glad it worked out for you  :-)"
33 minutes ago
Kos replied to SweetPotato's discussion 'Suggestion: Social Channels Page Titles and Title Tags' in the group The Sandbox
"Good eyes John."
40 minutes ago
Kos replied to Sylvia Hysen's discussion 'NING 2.0- Sign-up for newsletter'
"Sylvia sorry, I use MailChimp and they generate their own code.  I'd call CC"
41 minutes ago
Kos replied to Kos's discussion '3.0 Forum Excerpts' in the group The Sandbox
"Perfect John.  I was going thru CSS3school for the last few days trying to determine…"
50 minutes ago
Kos replied to Kos's discussion '3.0 Forum Excerpts' in the group The Sandbox
"It's a 2-column layout with narrow column on the left.  John's code did the trick…"
54 minutes ago
John Bizley replied to Kos's discussion '3.0 Forum Excerpts' in the group The Sandbox
"Hi James and thanks for your kind remarks. I have not done much to it this week due to time…"
55 minutes ago
Strumelia replied to Ambroise's discussion 'Kris is leaving us'
"Wow, 17,000 members migrated over....impressive! Nice active site, Alex- hope it continues to be a…"
1 hour ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service