vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)
-   -   Show Thread Enhancements - Resize Images Zero Query (https://vborg.vbsupport.ru/showthread.php?t=233166)

kokotitokoko 01-14-2010 10:00 PM

Resize Images Zero Query
 
1 Attachment(s)
=========================
postbit.css TEMPLATE
=========================
INSERT AT END OF TEMPLATE:


PHP Code:

/* BEGIN Image resize */
#posts IMG {
    
max-width640px;

}
#collapseobj_threadreview IMG {
    
max-width640px;

}
/* END Image resize */ 


Mark as installed, if you use it

eslamhero :)

Switch3130 01-15-2010 06:58 AM

Worked great. Thanks.

baghdad4ever 01-15-2010 07:22 AM

thanks

Skyrider 01-15-2010 11:09 AM

This is nice and all, but how do I increase upon clicking on it?

xsamet 01-15-2010 11:44 AM

Thanks...
Is it possible to its click original size.

elwachiman 01-15-2010 01:12 PM

good modification but affects postbit_legacy custom images affect avatars and user ranks, if only reduced the images in the post would be perfect .. can fix that part so that the images will not affect the ranges or avatars, thanks

kokotitokoko 01-15-2010 01:25 PM

Quote:

Originally Posted by elwachiman (Post 1956458)
good modification but affects postbit_legacy custom images affect avatars and user ranks, if only reduced the images in the post would be perfect .. can fix that part so that the images will not affect the ranges or avatars, thanks

I did not understand what do you say
But it seems a good thing :D

elwachiman 01-15-2010 03:16 PM

Quote:

Originally Posted by kokotitokoko (Post 1956463)
I did not understand what do you say
But it seems a good thing :D

ok, I'll explain the mod reduces custom avatar and pictures of the ranks of the user, what I suggest is that only reduce pictures of the post only.
excuse my English, my natural language is Spanish

Charlie98902 01-15-2010 04:10 PM

I have this tagged awaiting for it to only resize a picture in the post and nothing else. I think that is what elwachiman is wanting too.

dhaimy 01-15-2010 04:11 PM

Thanks

dlan 01-15-2010 04:47 PM

Quote:

Originally Posted by elwachiman (Post 1956458)
good modification but affects postbit_legacy custom images affect avatars and user ranks, if only reduced the images in the post would be perfect .. can fix that part so that the images will not affect the ranges or avatars, thanks

Code:

.postbody IMG{ 
    max-width: 85%; 
    height: expression(this.height > 100 ? "100px" : true); 
    width: expression(this.width > 100 ? "100px" : true); 
}

.postbody instead of .posts but i don't suggest using css expressions. If many images are used on a page it will cause a small freeze to users with not so good PCs.

elwachiman 01-15-2010 05:43 PM

just what I say is that it would be good to just reduce the images in the showthread ..
edit

. this was what I wanted to put that code thanks dLAN and worked to perfection only reduces the images in postbody .. xd

Code:

/* BEGIN Image resize */ 
.postbody IMG{ 
    max-width: 85%; 
    height: expression(this.height > 100 ? "100px" : true); 
    width: expression(this.width > 100 ? "100px" : true); 
}

/* END Image resize */


Charlie98902 01-15-2010 06:13 PM

dlan's css additional does just that. go to post.css and or postbit_legacy.css and put that css code at the very bottom. I tested it and it works.

Charlie98902 01-15-2010 09:19 PM

Quote:

Originally Posted by elwachiman (Post 1956718)
just what I say is that it would be good to just reduce the images in the showthread ..
edit

. this was what I wanted to put that code thanks dLAN and worked to perfection only reduces the images in postbody .. xd

Code:

/* BEGIN Image resize */ 
.postbody IMG{ 
    max-width: 85%; 
    height: expression(this.height > 100 ? "100px" : true); 
    width: expression(this.width > 100 ? "100px" : true); 
}

/* END Image resize */


What's the difference between yours and dLAN's? All you added was begin and end to the code. Also is yours inserted into the postbit or postbit_legacy.css?

elwachiman 01-15-2010 09:29 PM

Quote:

Originally Posted by Charlie98902 (Post 1956883)
What's the difference between yours and dLAN's? All you added was begin and end to the code. Also is yours inserted into the postbit or postbit_legacy.css?

the difference is the reduced dLAN code images of customized ranges postbit avatars in user code and the other only the pictures of the postbody information. the code is placed at the end of postbit.css

Charlie98902 01-15-2010 09:53 PM

Thanks

kokotitokoko 01-16-2010 10:27 AM

lol ....
It seems to me that what made a good I did not imagine Malk
Google Translation

dsvarups 01-16-2010 07:25 PM

Can this work on the blogs too, the images do not resize on members blogs?

rajubd 01-17-2010 06:46 AM

not working image size remain same
this is what i want
see screenshot :
https://vborg.vbsupport.ru/
with the images have 1000 pixels & over , they re overflowed .... look not beautiful
i want they remain within vb
like this website
http://www.vbstyles.com/forum/showthread.php?&t=6369

kokotitokoko 01-17-2010 07:02 AM

1 Attachment(s)
Quote:

Originally Posted by rajubd (Post 1957946)
not working image size remain same
this is what i want
see screenshot :
http://c.uploadanh.com/upload/2/255/...715_8050_1.jpg
with the images have 1000 pixels & over , they re overflowed .... look not beautiful
i want they remain within vb
like this website
http://www.vbstyles.com/forum/showthread.php?&t=6369

tray these

headinclude TEMPLATE

INSERT AT END OF TEMPLATE:

PHP Code:

<link rel="stylesheet" href="clientscript/eslamhero.css" type="text/css" /> 

and upload files

rajubd 01-17-2010 09:15 AM

Quote:

Originally Posted by kokotitokoko (Post 1957952)
tray these

headinclude TEMPLATE

INSERT AT END OF TEMPLATE:

PHP Code:

<link rel="stylesheet" href="clientscript/eslamhero.css" type="text/css" /> 

and upload files

thanks bro its working 100%
see here http://www.symbiantalk.net/showthrea...-Superwoman%29

sdavis2702 01-18-2010 07:33 AM

Thanks this is much easier than finding a plugin lol.

meissenation 01-18-2010 04:17 PM

Thank you! This is exactly what I needed. The add-on products only resize down to a specific pixel which sucks when you have people who use 800x600 resolutions and 1600 wide resolutions.

kokotitokoko 01-18-2010 04:30 PM

Quote:

Originally Posted by meissenation (Post 1959322)
Thank you! This is exactly what I needed. The add-on products only resize down to a specific pixel which sucks when you have people who use 800x600 resolutions and 1600 wide resolutions.

This Modification does this work without the intervention of
Because it depends on the percentage of the site
You can modify the ratio in the Computer sector to 800x600
And you will see the result

meissenation 01-19-2010 02:01 PM

Is anyone else having an issue with this in Internet Explorer 7? Chrome and FireFox work excellently but IE7 does not widen the images - it makes them 100px and leaves them that size.

View this in Internet Explorer 7:
http://www.mifbody.com/vbulletin/sho...l=1#post532247


Edit: Until the issue is resolved, I changed 100px to 400px which is a little better but it's still tiny. Isn't there any way to make it so when you click on the image that it will resize to the full size of the image?

kokotitokoko 01-19-2010 02:22 PM

The idea of this product to maintain the links on the image
Example: Click here to download the above image

https://vborg.vbsupport.ru/external/2011/01/6.gif
If we do enlarge the picture will turn into a link
The repealed link Click on the image for download
Existing products are doing this, but links will be removed

---
add to fix Internet Explorer 7
headinclude TEMPLATE
PHP Code:

<meta http-equiv="X-UA-Compatible" content="IE=7" />
<
meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 


meissenation 01-20-2010 10:37 PM

1 Attachment(s)
Quote:

Originally Posted by kokotitokoko (Post 1960224)
The idea of this product to maintain the links on the image
Example: Click here to download the above image

https://vborg.vbsupport.ru/external/2011/01/6.gif
If we do enlarge the picture will turn into a link
The repealed link Click on the image for download
Existing products are doing this, but links will be removed

---
add to fix Internet Explorer 7
headinclude TEMPLATE
PHP Code:

<meta http-equiv="X-UA-Compatible" content="IE=7" />
<
meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> 


I added those to my headinclude but it still is defaulting to 400px wide (what I changed the 100px to) and does not enlarge. In regards to shrinking, it does shrink but only seems to shrink it after I right-click to view the properties of the image to see the pixel width.


Edit:
If I add those two lines into my headinclude, it REALLY messes up my templates. Please see the screenshot. This started immediately after adding the two lines into my headinclude and then went away as soon as I removed the code.

kokotitokoko 02-28-2010 07:11 AM

??????????????????????????

Viper007Bond 03-22-2010 01:00 AM

max-width and max-height is probably better than expressions.

M? Mostafa 04-04-2010 10:34 AM

Installed ;)

Nice Work

Sampel >> http://www.gamez4all.com/vb/showthre...-Utawarerumono

Bundle 06-15-2010 03:43 PM

Quote:

Originally Posted by dsvarups (Post 1957604)
Can this work on the blogs too, the images do not resize on members blogs?

Seconded, can't seem to get this working on blogs.

Charlie98902 06-15-2010 03:55 PM

You need to alter the css to allow this to work on blogs. If you look at the css code it clearly says #posts IMG meaning posts only.

Charlie98902 06-15-2010 08:26 PM

Wouldn't this also work in the additional.css as it is now?

doraj 06-20-2010 03:25 PM

Hello,

does it works with vB 4.0.3 and also the CMS?

Thank you

sticky 07-25-2010 09:14 AM

I much prefer this image resizer since it works for any resolution.

However, is there any way to make it so a user can click to enlarge the photo to its original size?

StarBuG 10-09-2010 03:05 AM

If you simply want to resize images via CSS then add this to additional.css Template:

Code:

.postbit .content img, .postbitlegacy .content img, .postbitdeleted .content img, .postbitignored .content img, .eventbit .content img {
max-width:XXXpx;
}

where XXXpx is the max. width you want the image to have.
You can either use px or %.

LifesGreatestGift 05-20-2011 04:24 PM

using css expressions is not recommended if you are looking to render your pages faster. But great template edit all the less.

http://developer.yahoo.com/performance/rules.html

kokotitokoko 06-23-2011 02:03 AM

Update

Works on 4.1.4

Sworm 07-02-2011 08:48 AM

Adding 0 in the height , will take the image's proportions?

eternal_ 06-05-2012 07:19 PM

what about Blog Posts. Images that are from external sites, like photobucket, stretch well beyond the Featured box and even extend behind the sidebar. What .css file needs to be changed to force shrink images in blog posts? Thank you.


All times are GMT. The time now is 12:00 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.02422 seconds
  • Memory Usage 1,835KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (4)bbcode_code_printable
  • (5)bbcode_php_printable
  • (10)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (40)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete