Picture Hot Linking Size

TazDevilLooney

Active member
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? :D
 

TazDevilLooney

Active member
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
 

Brogan

XenForo moderator
Staff member
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

Well-known member
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.
 

Brogan

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

TazDevilLooney

Active member
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 (y)
 

graham_w

Active member
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.
 
Top