Author Topic: resizing pictures?  (Read 4261 times)

Offline Rotary-Motion

  • Wiki Editor
  • Oil baron
  • *******
  • Posts: 2875
resizing pictures?
« on: December 04, 2010, 11:02:12 AM »
hi

how do i resize pictures once uploaded?

need to make all pics here smaller: http://www.biopowered.co.uk/wiki/Waste_oil_filtering_system

making all pics the same size as smallest picture so all match

and!

how do i link page into main biodiesl site?

Offline Julian

  • Administrator
  • Oil baron
  • *******
  • Posts: 6391
    • Used Cooking Oil Collection website
  • Location: East Surrey, UK.
Re: resizing pictures?
« Reply #1 on: December 04, 2010, 11:12:49 AM »
Looking good.

You could try a gallery to get uniform size pics, side by side ...

This code

<gallery caption="title" widths="300px" heights="300px" perrow="2">
File:file name 1.jpg|Text under pic here.
File:file name 1.jpg|Text under pic here.
</gallery>

You can adjust the widths and heights to suit, but don't make the page too wide for people with small screens!
Used Cooking Oil Collection website ... http://www.surreyusedcookingoilcollection.palmergroup.co.uk

Offline Julian

  • Administrator
  • Oil baron
  • *******
  • Posts: 6391
    • Used Cooking Oil Collection website
  • Location: East Surrey, UK.
Re: resizing pictures?
« Reply #2 on: December 04, 2010, 11:19:16 AM »
I think linking to the body of the main page is a manual edit, but it will add automatically to the categories if you stick


~~~~
[[Category:Vegetable oil]]

At the bottom of the page, the squiggles will insert your name and date as the author.
Used Cooking Oil Collection website ... http://www.surreyusedcookingoilcollection.palmergroup.co.uk

Offline Julian

  • Administrator
  • Oil baron
  • *******
  • Posts: 6391
    • Used Cooking Oil Collection website
  • Location: East Surrey, UK.
Re: resizing pictures?
« Reply #3 on: December 04, 2010, 11:25:46 AM »
To keep format with other pages, loose the heading "Waste Vegetable Oil" and under the first paragraph put the code


---TOC---

To force a table of contents.  Normally a TOC appears automatically if you have more than three headings.
Used Cooking Oil Collection website ... http://www.surreyusedcookingoilcollection.palmergroup.co.uk

Offline Rotary-Motion

  • Wiki Editor
  • Oil baron
  • *******
  • Posts: 2875
Re: resizing pictures?
« Reply #4 on: December 04, 2010, 12:07:05 PM »
To keep format with other pages, loose the heading "Waste Vegetable Oil" and under the first paragraph put the code


---TOC---

To force a table of contents.  Normally a TOC appears automatically if you have more than three headings.

done this bit

but resize with gallery made page to big and i cant change it????

also just putting individual |200px| like paddys page doesnt work?

Offline Julian

  • Administrator
  • Oil baron
  • *******
  • Posts: 6391
    • Used Cooking Oil Collection website
  • Location: East Surrey, UK.
Re: resizing pictures?
« Reply #5 on: December 04, 2010, 01:44:36 PM »
I'll try and have a closer look later today, unless Tony beats me to it ... he usually does!
Used Cooking Oil Collection website ... http://www.surreyusedcookingoilcollection.palmergroup.co.uk

Offline Julian

  • Administrator
  • Oil baron
  • *******
  • Posts: 6391
    • Used Cooking Oil Collection website
  • Location: East Surrey, UK.
Re: resizing pictures?
« Reply #6 on: December 04, 2010, 03:57:00 PM »
Ok don't quote me on this but ...

There doesn't appear to be a facility to resize a photo if you use the |frame| tag.  It simply appears at the size you uploaded.

Using the |thumb| tag or no tag you can resizing, by adding   |200px     so    [[File:myphoto.jpg|200px]]    and    [[File:myphoto.jpg|thumb|200px]] both work.

With all three if you click on the photo you see a separate page with the photo at uploaded size.

Gallery seems to work ok but you need to remove the [[ ]] and |frame|left| bits from the original code, just leaving   File:myphoto.jpg|title.  The gallery settings do the resizing.

I've left the page in gallery format but please edit as you see fit.

PS don't forget to add four squiqqles ~~~~ above the category, to attribute the page to you.

Oh, also added the degrees symbol to the temperature ... Alt+0176 = °
« Last Edit: December 04, 2010, 04:04:17 PM by Julian »
Used Cooking Oil Collection website ... http://www.surreyusedcookingoilcollection.palmergroup.co.uk

Offline Julian

  • Administrator
  • Oil baron
  • *******
  • Posts: 6391
    • Used Cooking Oil Collection website
  • Location: East Surrey, UK.
Re: resizing pictures?
« Reply #7 on: December 04, 2010, 04:11:26 PM »
Ah, ha ... just found adding    align="center"   works in the gallery code.
Used Cooking Oil Collection website ... http://www.surreyusedcookingoilcollection.palmergroup.co.uk

Offline Rotary-Motion

  • Wiki Editor
  • Oil baron
  • *******
  • Posts: 2875
Re: resizing pictures?
« Reply #8 on: December 04, 2010, 05:43:11 PM »
Ah, ha ... just found adding    align="center"   works in the gallery code.


nice one ;D

thx chap