Please note that if you already have some image styles in your css, this method may not work properly due to CSS rules which already specified, in that case you must find your css style which already existing in your content of css area...!
Using CSS styles to control images in both shortstory and fullstory
This method is most recommended because it's easy to control the size in different area of your site contents, this tutorial will primary control the specific area of short and fullstory only, to start with this way, you should find the css class which wrapping your content, for example I will make example of this tutorial on "Default" theme of any version of DLE, in "Default theme files "shortstory.tpl" and "fullstory.tpl" are looking like this:
so both files are using the same class as "maincont", however, both files have top level of CSS class to control both files, in shortstory.tpl on top level using
in fullstory.tpl on top level using
<div class="base shortstory">
This is good thing if you want to set shortstory and fullstory for different sizes of images like you want shortstory to have smaller than fullstory and want fullstory to get full sizes (bigger size per say)
<div class="base fullstory">
1) Case Scenario #1, if you want both shortstory and fullstory to use the same size of images, you can do that by simply open /style/styles.css and find:
so what you need is add css class as
2) Case Scenario #2 if you want separate size of images in both shortstory and fullstory, then add the following class in css
Please note that, this tutorial has nothing to do with upload images and add images via URL, this option can be set in DLE Admin CP > System Settings > Image Settings tab
- Auto resize large images: This option is to allow script to resize all images that you and your members upload to your website, if image bigger than size you specified, then the images will be resized and it will create thumb image and then automatically add highslide for popup windows to see original size of image
- Max size of (external) linked images: This option is to set the max size of image when you and your members add image from external websites like image host servers etc, if image bigger than size you specified, then the images will be resized and it will create thumb image and then automatically add highslide for popup windows to see original size of image
So I hope this tutorial will help many people who are trying to accomplish the solutions for your websites to control posted images...
If you have any questions and have any problems, please post your comments or you can use forum for supports regarding this matter...