| We hope you enjoy your visit. You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free. Join our community! If you're already a member please log in to your account to access all of our features: |
| Reducing Pic size? | |
|---|---|
| Tweet Topic Started: Jan 10 2009, 03:26 PM (571 Views) | |
| Peace Keeper | Jan 10 2009, 03:26 PM Post #1 |
|
Member
![]() ![]() ![]()
|
Sometimes people post pics that are larger then they should be and it cuts off sections for the post, in addition it removes the options on the top of that post (i.e edit,delete buttons) So how do I set up my board to automatically reduce the size of posted pics to 60% of there original size like I have scene on other forums/posts? Thanks in advance................. |
![]() |
|
| Viral. | Jan 10 2009, 03:28 PM Post #2 |
![]()
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Find the following in your CSS and change the 90% to 60%. If you need any extra help, please ask .
|
![]() |
|
| obxbiker | Jan 10 2009, 03:52 PM Post #3 |
|
USMCR
![]() ![]() ![]() ![]() ![]() ![]()
|
Thats how we have been doing it but others have said to use a fixed px size instead of a % |
![]() |
|
| Nicolas | Jan 10 2009, 05:03 PM Post #4 |
|
"PLES RING IF AN RNSER IS REQIRD."
![]()
|
To the best of my understanding from reading a post by Nicola, Firefox renders the images first (stretching the page) then applies the percent restrictions based off the stretched page. Which is why pixel values are more recommended.
|
![]() |
|
| Nicola-ZNS | Jan 10 2009, 05:18 PM Post #5 |
|
.....
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Oops, forgot to give an update on this: Seth and I looked at it, and it's declared that it's going to have to be pixels, not percentages. No clue how to fix it (which sucks!) However I do have a script of niftyness, though...which I have passed along to Brandon. I might just post it and hope it gets added to the normal JS, though: That makes the image clickable if its over 800px wide (that can easily be adjusted), and adds a link to it underneath it. Seth wrote it I helped with the idea of making it width specific (because you don't want a 'view full image' under everything), and the link also has a class, so you can style it.You can see it in action, here: http://s1.zetaboards.com/Testing/single/?p=62263&t=988291 I'll ask Seth if he wants to post it later, or if he wants me to. People keep mentioning it, and its perfectly reasonable, it makes total sense =) |
![]() |
|
| Peace Keeper | Jan 10 2009, 06:36 PM Post #6 |
|
Member
![]() ![]() ![]()
|
Nicola I'm a little (a lot really) computer illiterate. So the Code you just posted where exactly do I post it and please talk me through it. Thanks................ |
![]() |
|
| obxbiker | Jan 10 2009, 07:36 PM Post #7 |
|
USMCR
![]() ![]() ![]() ![]() ![]() ![]()
|
I added it ABOVE THE COPYRIGHT and it works great there !! Is there a way for it to show the original pic size in a new window ? Edited by obxbiker, Jan 10 2009, 07:44 PM.
|
![]() |
|
| Viral. | Jan 10 2009, 07:52 PM Post #8 |
![]()
Member
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
Nicola, you left out the opening < in your code . obx, if you want it to open in a new window, use this code:
|
![]() |
|
| obxbiker | Jan 10 2009, 08:02 PM Post #9 |
|
USMCR
![]() ![]() ![]() ![]() ![]() ![]()
|
Now its working... Edited by obxbiker, Jan 10 2009, 09:24 PM.
|
![]() |
|
| Nicola-ZNS | Jan 10 2009, 09:15 PM Post #10 |
|
.....
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]()
|
I realised that when I was testing it XD but forgot to correct. Oops :$ I was copying it from a PM I sent to Brian last weekend. |
![]() |
|
| Peace Keeper | Jan 10 2009, 10:05 PM Post #11 |
|
Member
![]() ![]() ![]()
|
So how do I do this? |
![]() |
|
| obxbiker | Jan 10 2009, 10:33 PM Post #12 |
|
USMCR
![]() ![]() ![]() ![]() ![]() ![]()
|
as posted |
![]() |
|
| Amanda | Jan 11 2009, 07:26 AM Post #13 |
![]()
Love, Reign O'er Me
![]() ![]() ![]() ![]() ![]() ![]()
|
I tried this and it doesn't seem to work in FF on my board, but it works in IE. Shame because it's a great code. edit: fixed after following Nicola's instructions here : http://if.invisionfree.com/topic/5035662
Edited by Amanda, Jan 11 2009, 12:03 PM.
|
![]() |
|
| 1 user reading this topic (1 Guest and 0 Anonymous) | |
| « Previous Topic · ZetaBoards Support · Next Topic » |





![]](http://z1.ifrm.com/static/1/pip_r.png)




.
I helped with the idea of making it width specific (because you don't want a 'view full image' under everything), and the link also has a class, so you can style it.
8:13 PM Jul 10