excellent stuff Kerman.. Now to rack your brain...

Do you have any clue how to make the full size image pop up rather than resize in window?? I like the way the images resize for the browser resolution but I think this solution may carry a lot more value if the full image launched in a seperate screen on click.

cheers

leigh

Maybe even popup on click? Best of both worlds there.

There are a poblem in this code.

I put it, and this produce a error in the signature. It appers very long when anything put a image, this apperas with a height of 500

View image:


The problem are in smile.class in the thirth added line of [code:1]$fb_message_txt[/code:1]: exactly in [color=#FF0000]height="500"[/color]

[img]http://www.bestofjoomla.com/images/fbfiles/images/code-99798e9e75c84ea8be87b16e73ac2064.jpg[/img]

I couldn,t correct the error, but I see that in this forum the signature works fine.

Can anything say to me the correct code please?

Juanma, unfortunately this is a byproduct of the hack, if you want to remove all the whitespace you must change the 500 figure for something more appropriate but it will result in smaller viewport for the images when you click on them.

If you choose 100% instead of 500 it seems to just create a thumbnail type version of the original, this is why I asked about a popup on click or _blank screen on click instead of scrolling.

all the best


leigh

Thanks bunglehaze. But I see that in this forum, the error don´t exists. I put a image in the signature a works fine.

You could use a small piece of CSS to display a scrollbar when a picture is too wide.
Just put the code below into your CSS file. You will probably need to change the width to match the width of your template.

/* Restrict the width of forum messages */
td.fb-msgview-right table tr td div.msgtext
{
width: 666px;
overflow: auto;
}

webstudent wrote:
You could use a small piece of CSS to display a scrollbar when a picture is too wide.
Just put the code below into your CSS file. You will probably need to change the width to match the width of your template.

/* Restrict the width of forum messages */
td.fb-msgview-right table tr td div.msgtext
{
width: 666px;
overflow: auto;
}

Uauh! Many thaks, This works correctly and is what it was looking for. Modifying the code in smile.class I have had many problems but this goes better.

Thanks!

Ill test it right now!! thanks for another tip on this!

I thought it might be best controlled through CSS. Hope it works.

Works perfect!!!!!

Best solution, better modify only CSS file.