Wiki:
Page name: Image [Logged in view] [RSS]
2007-10-27 19:25:18
Last author: Sunrose
Owner: HiddenFire
# of watchers: 10
Fans: 0
D20: 5
Bookmark and Share

Image Help



<img:stuff/2237_wiki_help_9y7vcgcflr5.jpg>


A tutorial and informational wiki that is completely about how to use images on Elftown.

<img:img/new/sloakumElftown3.gif.256.0.jpg>
Image By: [tankerman], listed in Elftown Logos will be used for demonstration.

Firstly to insert an image on a page you use the following code:
<img:url_of_your_image>
For example the code for the image above is as follows:
<IMG:img/new/sloakumElftown3.gif.256.0.jpg>

<img:stuff/2237_wiki_help_9y7vcgcflr5.jpg>


Showing the Code using !uQt!

To show the code as I have above use !uQt! inserted just before 'img'
For example to make the code <IMG:img/new/sloakumElftown3.gif.256.0.jpg> Show up one should use the following code:
<!uQt!IMG:img/new/sloakumElftown3.gif.256.0.jpg>

!uQt! can be used to render any code nonfunctional if entered in the right place. For example you can show the code for the link help by inserting !uQt! after the '@' symbol: [help@!uQt!wiki].

<img:stuff/2237_wiki_help_9y7vcgcflr5.jpg>


Resizing with links or thumbnails

Moving right along we now come to the sizing of images.

The following produce an image that has an altered size and links to the original image. This feature is useful for use as thumbnailing.

<IMG100:img/new/sloakumElftown3.gif.256.0.jpg>
produces:
<img100*0:img/new/sloakumElftown3.gif.256.0.jpg>
As you can see, the width of the image has been changed to 100 pixels wide.

<IMG100*100:img/new/sloakumElftown3.gif.256.0.jpg>
produces:
<img100*100:img/new/sloakumElftown3.gif.256.0.jpg>
making both the width and height equal to 100 pixels.

To change only the height of the image, leaving the width proportional to the height use the following:
<IMG*100:img/new/sloakumElftown3.gif.256.0.jpg>
Producing:
<img0*100:img/new/sloakumElftown3.gif.256.0.jpg>
Making the image have a height of 100 and a proportional width.

<img:stuff/2237_wiki_help_9y7vcgcflr5.jpg>


Resizing without links

From time to time one may wish to resize an image without making it a link. Such as altering the size of a graphic devider. There is no reason to make a link to the original image in such a case. [Unfortunately this doesn't appear to work for images that are not hosted on Elftown.]

<IMG:img/new/sloakumElftown3.gif.256.0.jpg?x=100>
Produces:
<img:img/new/sloakumElftown3.gif.256.0.jpg?x=100>
As you can see the width has been changed to 100 pixels by the ?X=100 placed after the image location and also note that it is not a link.

<IMG:img/new/sloakumElftown3.gif.256.0.jpg?y=100>
Produces:
<img:img/new/sloakumElftown3.gif.256.0.jpg?y=100>
This changes the height of the image to 100 pixels.

To change both at the same time use the following:
<IMG:img/new/sloakumElftown3.gif.256.0.jpg?x=100&y=100>
Producing:
<img:img/new/sloakumElftown3.gif.256.0.jpg?x=100&y=100>
That changes the width and the height. Make sure to seperate the two values with the '&' symbol: x=100&y=100

x=width, y=height


<img:stuff/2237_wiki_help_9y7vcgcflr5.jpg>



I hope this has helped you better understand how to use images on Elftown.
~[HiddenFire]

<img:stuff/2237_wiki_help_9y7vcgcflr5.jpg>



Go or return to:
-The Help-index
-The wiki-index

Username (or number or email):

Password:

Show these comments on your site

Elftown - Wiki, forums, community and friendship. Sister-site to Elfwood