Picture Hot Linking Size

[TazDevilLooney]

Hi, would there be any way of set all hot linked picture to a set height and width?
Some of the pictures members are linking to are huge and makes the forum look untidy.
Any ideas?

 

[James]

 

[James]

.messageText img{
width: __px;
height: __px;
}

 

[TazDevilLooney]

Thanks for the reply James.

I placed the code in the extra.css and even added !important after the sizes. Made no difference to the hot linked pictures sizes like 4877 × 3515

 

[Paul B]

You need to use the .bbCodeImage class.

 

[Blue]

Isn't that controlled by "Maximum Attachment Image Dimensions"?

 

[Paul B]

That is for uploaded images.

 

[TazDevilLooney]

Soooo what's my options?

 

[Paul B]

As I posted above, add some css to EXTRA.css for the .bbCodeImage class.

.bbCodeImage {
max-width: 100px;
max-height: 100px;
}

I'm slightly confused though as images will only fit to the container width anyway.
They will only show full size once clicked.

 

[Blue]

That is for uploaded images.

Oh OK. I would have sworn that xF already limits linked image dimensions, or at least resizes them when they display and then you click them to see the full size view..

Edit:

I'm slightly confused though as images will only fit to the container width anyway.
They will only show full size once clicked.

That's what I thought.

 

[Paul B]

The code I posted above will reduce any embedded images to less than 100% width of the post body.

 

[TazDevilLooney]

As I posted above, add some css to EXTRA.css for the .bbCodeImage class.

.bbCodeImage {
max-width: 100px;
max-height: 100px;
}

I'm slightly confused though as images will only fit to the container width anyway.
They will only show full size once clicked.

The images leave the container and disapper of the side of the screen.

.bbCodeImage {
max-width:860px;
}

I had to put it in "bb_code_base.css" for it to work. Smashing job guys. Thanks

 

[webroxau]

As I posted above, add some css to EXTRA.css for the .bbCodeImage class.

.bbCodeImage {
max-width: 100px;
max-height: 100px;
}

I'm slightly confused though as images will only fit to the container width anyway.
They will only show full size once clicked.

Is there a way to add a different image class to leave any bbcode images in the signature alone, or at least resize them differently ?

Thought I might be able to use .bbcodeimage signature { or something similar but it doesn't seem to make any difference. I'd like to continue using the img bbcode for both signatures and images in posts.

 

[webroxau]

You've helped without replying.

http://xenforo.com/community/threads/limit-graphics-in-sig-file-to-one.24812/#post-302093

.message .signature .bbCodeImage {
max-height: 100px;
max-width: 200px;
overflow-x: auto !important;
overflow-y: auto !important;
}

I have to learn that the search actually works well here