2 sam2kb Nov 20, 2010 20:14

I'm sorry, I don't get it. What would be to "attach" an image, do you mean to have a link to download the image?
I've seen some b2evolution skins that don't allow images to exceed the size of the posting area. The thing is I don't recall which skin does that.
It doesn't matter what skin you are using.
When you create a post note the "Images & Attachments" section below the text area. navigate to your uploaded images and use chain icon to link/attach images to your post.
As far as I know if you upload an image and then insert the code within the code doesn't normally reduce the size of the image, you would have to change the wide and height values manually.
What I want is the image size to be resized automatically so it doesn't exceed the size of the post area.
I know it can be done because I've seen it, but I just don't remember where or how.
.bPost img{
max-width:300px;
}
Will work in most modern browsers
.bPost{
overflow:hidden;
}
will stop image being wider than post by cutting it off
¥
Thanks ¥åßßå!
That's what I was looking for.
if the image height is specified, where b2evolution does for inserted images, only the image width will be resized, and the image will be distorted. to fix that make it
.bPost img{
max-width:300px;
height: auto;
}
Great catch :D
¥
As far as I know if you upload an image and then insert the code within the code doesn't normally reduce the size of the image
That's exactly what I told you. You need to [u]link[/u] an image [u]instead of inserting[/u] the code.
Thanks ¥åßßå! Thanks tilqicom! and Thanks to sam2kb too.
Just to make it easy for others, the CSS elements have to be added/changed in the Skin's stylesheet page, usually the main posting area is referred as #bPost, but some skins call it differently (e.g. #content)
demo wrote:
<div lang="en-US" class="post bPost_ptyp1 bPostpublished" id="item_30">
Bugger, looks like .bPost is now .post :-S ... been ages since I played in templates. good catch ;)
¥
You need to "attach" images, they won't be resized if you just insert image tags into posts.