The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Auto Resize Image in Forum :|

View previous topic View next topic Go down

Auto Resize Image in Forum :|

Post by -=Wjz=- on September 16th 2009, 6:01 pm

i has been posted a large picture in my forum ( about 2048px ) and it's doesn't display correctly. this large picture doesn't have any scroll, doesn't auto resize. Sad . it's only display a Corner of this picture Sad
i want to know how to sloved this Sad
hope u understand, sorry for my bad english
thanks in advanced

-=Wjz=-
Forumember

Posts : 31
Reputation : 0
Language : Vietnamese

Back to top Go down

Re: Auto Resize Image in Forum :|

Post by Rok on September 17th 2009, 1:05 am

Use this html image code to resize it:
Code:
<img src="LINK TO IMAGE" border="0" title="TITLE OF IMAGE" width="WIDTH IN PIXELS" height="HEIGHT IN PIXELS">

Rok
Energetic

Male Posts : 6823
Reputation : 232
Language : idk

Back to top Go down

Re: Auto Resize Image in Forum :|

Post by -=Wjz=- on September 17th 2009, 5:17 am

Thanks for your help. but i have some question:
if i only put width size, did it auto resize height size :|
and if my member post the lage pictures, i can't spend time to change one by one Sad
because i see in some forum, when post a lagre picture, it's auto resize to a smaller and insert a bar "Click here to view full picture"
any sugestion Very Happy

-=Wjz=-
Forumember

Posts : 31
Reputation : 0
Language : Vietnamese

Back to top Go down

Re: Auto Resize Image in Forum :|

Post by ~PSYDEX~ on September 17th 2009, 9:33 pm


~PSYDEX~
Forumember

Male Posts : 322
Reputation : 0
Language : Bulgarian
Location : Bulgaria

http://www.mobers.org

Back to top Go down

Re: Auto Resize Image in Forum :|

Post by -=Wjz=- on September 17th 2009, 9:49 pm

Yes! that's work perfect
but insert a size bar are better than Right click and select "view image" to view Full picture.
size bar like this Very Happy

-=Wjz=-
Forumember

Posts : 31
Reputation : 0
Language : Vietnamese

Back to top Go down

Re: Auto Resize Image in Forum :|

Post by Rok on September 18th 2009, 4:21 am

I can get you the sidebar with an image and a 'click for a larger image' thing... just edit the info that's in caps:
Code:
<div style="width:200px;height:100px;border:1px solid gray;">
This box has a solid html border.

<table border="0" cellpadding="3" cellspacing="5" width="WIDTH OF THE IMAGE">
<tr><td><br /><font size="3">!!!</font></td> <td><a href="LINK TO IMAGE" target="_blank" title="Click here to view the full image.">Click here to view the full image. <br /></a></td></tr></div>
<tr>
<td><img src="LINK TO IMAGE" border="0" title="TITLE OF IMAGE" width="WIDTH OF IMAGE TO RESIZE IN PIXELS" height="HEIGHT OF IMAGE TO RESIZE IN PIXELS"></td></tr></table>

If you want me to edit the code out for you, you can just give me the link to the image you want to appear in the 'sidebar' and the resize width/height you want.

Rok
Energetic

Male Posts : 6823
Reputation : 232
Language : idk

Back to top Go down

Re: Auto Resize Image in Forum :|

Post by -=Wjz=- on September 18th 2009, 5:29 am

it's auto insert a sidebar or just edit manually. Idea
if it automatic , how to use this code Smile
thanks for your help

-=Wjz=-
Forumember

Posts : 31
Reputation : 0
Language : Vietnamese

Back to top Go down

Re: Auto Resize Image in Forum :|

Post by Rok on September 19th 2009, 1:59 am

You can place the code as a widget.
If you could, can you give me the link to the image that you screenshotted above and the width/height you want the image to be resized to?

Rok
Energetic

Male Posts : 6823
Reputation : 232
Language : idk

Back to top Go down

Re: Auto Resize Image in Forum :|

Post by -=Wjz=- on September 20th 2009, 1:57 pm

I have a code. but when i insert it in my forum, it replace the picture with banner Image has been resized Evil or Very Mad
Code:
/*post body image-------------------------------------------------------------------*/
.postbody img{max-width:600px;}
.postbody img:hover{
max-width:1200px;
overflow:auto;
}
.postbody img:before {  content: ".";
  display: block;
  height: 30px;
width: auto; background: #FFFFCC url(http://i292.photobucket.com/albums/mm30/huylordno1/resizeimg.jpg) top left no-repeat;}

-=Wjz=-
Forumember

Posts : 31
Reputation : 0
Language : Vietnamese

Back to top Go down

Re: Auto Resize Image in Forum :|

Post by ~PSYDEX~ on September 20th 2009, 2:13 pm

@-=Wjz=- wrote:I have a code. but when i insert it in my forum, it replace the picture with banner Image has been resized Evil or Very Mad
Code:
/*post body image-------------------------------------------------------------------*/
.postbody img{max-width:600px;}
.postbody img:hover{
max-width:1200px;
overflow:auto;
}
.postbody img:before {  content: ".";
  display: block;
  height: 30px;
width: auto; background: #FFFFCC url(http://i292.photobucket.com/albums/mm30/huylordno1/resizeimg.jpg) top left no-repeat;}

I've tested the code and it shows the image in original size on mouse-over which is quite comfortable but still needs some editing

~PSYDEX~
Forumember

Male Posts : 322
Reputation : 0
Language : Bulgarian
Location : Bulgaria

http://www.mobers.org

Back to top Go down

Re: Auto Resize Image in Forum :|

Post by crysis992 on September 24th 2009, 10:48 pm

maybe you can try this css code:

Code:
/*--Image-Resize-Begin*/
.postbody img{
max-width: 800px;
}
/*--Image-Resize-End*/

crysis992
Forumember

Posts : 67
Reputation : 0
Language : German

Back to top Go down

Re: Auto Resize Image in Forum :|

Post by [GM]DoubleAgent on June 25th 2010, 10:25 pm

still need the "Enlarge Image" button bwi

[GM]DoubleAgent
Forumember

Male Posts : 340
Reputation : 0
Language : Arabic

http://progamescheating.forumotion.com

Back to top Go down

Re: Auto Resize Image in Forum :|

Post by Darren1 on June 26th 2010, 2:45 am

@[GM]DoubleAgent wrote:still need the "Enlarge Image" button bwi

Hello,

it should automatically appear.
If you have inserted any of these codes into your forum (CSS), please remove it and set it via the admin panel
Admin panel >> General ( Tab ) >> Messages & Email / Configuration > Image resize: Set & save.

Darren1
Helper
Helper

Male Posts : 11853
Reputation : 563
Language : English

Back to top Go down

Re: Auto Resize Image in Forum :|

Post by [GM]DoubleAgent on June 27th 2010, 11:36 am

Woooooooo, thanks ^^ That works perfectly ^^

[GM]DoubleAgent
Forumember

Male Posts : 340
Reputation : 0
Language : Arabic

http://progamescheating.forumotion.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum