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

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

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 !…"
1 hour 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…"
2 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 :)"
3 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…"
3 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 -…"
4 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…"
4 hours ago
soaringeagle replied to Phil McCluskey's discussion 'Introducing the Spam Folder'
"it seems a few of us have the same concerns/questions i can see a reason for secrecy as in you…"
4 hours ago
soaringeagle replied to Phil McCluskey's discussion 'Introducing the Spam Folder'
"this is wonderful news but can u define "content" does it include comments on…"
4 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service