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

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…"
8 minutes ago
Kos replied to SweetPotato's discussion 'Suggestion: Social Channels Page Titles and Title Tags' in the group The Sandbox
"smh I know why mine show h2 and h3.  I have 2 video sections I've been fiddling…"
10 minutes ago
John Bizley replied to Kos's discussion '3.0 Forum Excerpts' in the group The Sandbox
"Hi James, so far I have not come across any changes on other pages using the code for span 7. The…"
18 minutes ago
Alex from Bougex.com replied to Ambroise's discussion 'Kris is leaving us'
"I've decided to follow Kris idea.... I moved to SocialEngine. Not because Ning is not…"
24 minutes ago
James Hawkins replied to Kos's discussion '3.0 Forum Excerpts' in the group The Sandbox
"Hi John, Good tips as usual! Your site is looking better and more complete every time I see it. Now…"
32 minutes ago
James Hawkins replied to Kos's discussion '3.0 Forum Excerpts' in the group The Sandbox
"Hi Kos,  I'm going to hazard a guess (tough to tell with small screenshot) that you…"
47 minutes ago
Sylvia Hysen replied to Sylvia Hysen's discussion 'NING 2.0- Sign-up for newsletter'
"FYI- I have the CC option turned on and it collects all email addresses from new members, but…"
1 hour ago

NC for Hire
Bernard Lama replied to shirley's discussion 'how can i stop a member from sending privet massage to all his friend's on my net?'
"I'm sure TJ can write this kinda code here"
1 hour ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service