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

Michael Goebel replied to Michael Goebel's discussion 'Where have the text boxes on the profile pages gone ?!?!'
"I also don't think Ning will take much notice... I have been asking them for YEARS to fix the…"
3 hours ago
Strumelia replied to Michael Goebel's discussion 'Where have the text boxes on the profile pages gone ?!?!'
"It becomes a very serious problem if, along with taking away members' music player, also the…"
3 hours ago

NC for Hire
JFarrow replied to Phil McCluskey's discussion 'Site Manager Updates for Ning 3.0 Networks'
"you guys are starting to impress me all over again!  thanks for the updates!"
4 hours ago
Melinda Orr replied to Michael Goebel's discussion 'Where have the text boxes on the profile pages gone ?!?!'
"Wishing for some response from Ning here... thanks Patrick for sharing these details :) "
5 hours ago
Melinda Orr replied to Michael Goebel's discussion 'Where have the text boxes on the profile pages gone ?!?!'
"I'm thinking bringing back the  RSS feed box would be a good thing as well. What's…"
5 hours ago
Melinda Orr replied to Michael Goebel's discussion 'Where have the text boxes on the profile pages gone ?!?!'
"Thanks Kos! "
5 hours ago
Kos replied to soaringeagle's discussion 'killer penguins'
"Here's the updated Keyword Tool link http://bit.ly/16hsT0x"
5 hours ago
Jordon McGee (Jords) replied to Rafael's discussion 'Multiple Chat rooms for Ning 3.0'
"Thanks Allison!"
5 hours ago

© 2013   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service