Avatar

[classic]

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 

[Glenn Lynch]

Hey classic
YouTube is currently using this awesome feature! It would be awesome to have it in our networks. Ill get back to you tomorrow I'm calling it a night.

[classic]

Yes, YouTube launched in yesterday
I hope that they do to us creators

[soaringeagle]

ok im not going to give you  the code but tell you how to figure it out yourself

you will have to see if theres a containing dive on that

make that image the background to the containing div

then yiu might have to add padding or margins to compensate and position it correctly

[Bernard Lama]

Here is the code...if image url is broken please download the image from here.

.xg_widget_profiles_blog_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:80/files/8kCLdi-CU1TwpKuIARkxie8n1CBCpDUbJtnvGR...*bKOLBD3DK/backgroundavater.png);
width: 30PX;
padding-left: 4PX;
padding-top: 6px;
}

_

.xg_widget_profiles_blog_show .dy-avatar > img.dy-badge-image {

_

display: none;
}

_

Download this image

_

[Bernard Lama]

Also add this code under .xg_widget_profiles_blog_show dl.comment span.dy-avatar

margin-left: -10px;

 

Live Preview here

 

[classic]

Good
This code works in the forum and blogs
I want it to work Kmalk comments on images

[Glenn Lynch]

Thanks Bernard!

[soaringeagle]

tried this just to see how it looked it was horible the image was cur off to the right but extended downward too far

the background should be resized to fit the image

as it is now the width is altered  the heights not

the width only cuts it off instead of scaling

[George H. Compton IV]

I change the size of your border image to match the avatar image.  And it's working out perfectly but if you want to use Your original smaller border let me know I'll have to adjust the size of the Avatar.  I'll rewrite it if you want me to but this looks perfect this way to me :-)

.xg_widget_profiles_blog_show DIV#comments.xg_module_body span.dy-avatar {
position: absolute;
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;
}
.xg_widget_profiles_blog_show DIV#comments.xg_module_body dl.comment {
padding-left: 59px;}

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



and if you want it For all Comments just remove this line From all 4 parts of the code

.xg_widget_profiles_blog_show

_

_

[George H. Compton IV]

it looks like you just want them for photo comments if so replace the first line in all four parts of the code .xg_widget_profiles_blog_show with this one below

DIV#xg.xg_widget_photo.xg_widget_photo_photo.xg_widget_photo_photo_show

[classic]

Beautiful
Now everything good
But there is a problem
View the icon outside

You must be over the image and not outside

[George H. Compton IV]

Classic can you send me the code for the icon? I will Adjust it to fit properly