<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://thelemapedia.org/index.php?action=history&amp;feed=atom&amp;title=Thelemapedia%3AUsing_Images</id>
	<title>Thelemapedia:Using Images - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://thelemapedia.org/index.php?action=history&amp;feed=atom&amp;title=Thelemapedia%3AUsing_Images"/>
	<link rel="alternate" type="text/html" href="https://thelemapedia.org/index.php?title=Thelemapedia:Using_Images&amp;action=history"/>
	<updated>2026-09-22T11:48:57Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.44.5</generator>
	<entry>
		<id>https://thelemapedia.org/index.php?title=Thelemapedia:Using_Images&amp;diff=8631&amp;oldid=prev</id>
		<title>Ash at 00:00, 1 July 2005</title>
		<link rel="alternate" type="text/html" href="https://thelemapedia.org/index.php?title=Thelemapedia:Using_Images&amp;diff=8631&amp;oldid=prev"/>
		<updated>2005-07-01T00:00:02Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;Using images in Thelemapedia is easy. You can upload them or link to them on other sites. &lt;br /&gt;
&lt;br /&gt;
==Copyright Issues==&lt;br /&gt;
&lt;br /&gt;
However, copyright issues are not quite as easy, and you must be sure of them before uploading an image. You must be &amp;#039;&amp;#039;sure&amp;#039;&amp;#039; that the image is not being used in violation of copyright. This means that either:&lt;br /&gt;
&lt;br /&gt;
# You created the image or took the photograph yourself.&lt;br /&gt;
# That the copyright holder has given permission for use in the &amp;#039;&amp;#039;Thelemapedia&amp;#039;&amp;#039;.&lt;br /&gt;
# That the image is in the public domain.&lt;br /&gt;
&lt;br /&gt;
Case 1 is simple, but please be aware that by uploading to the &amp;#039;&amp;#039;Thelemapedia&amp;#039;&amp;#039; site, you are releasing your image under the GNU FDL. That is, you are giving other people permission to use your image under the terms of that license. This means that your image may show up in the [http://www.wikipedia.org/ Wikipedia] and other locations or even in print without any need for anyone to ask you for permission as long as they comply with the terms of the GNU FDL.&lt;br /&gt;
&lt;br /&gt;
Case 2 is more complex. The copyright holder must not only give you permission to use the image, but must agree to release the image under the GNU FDL as outlined in case 1. If you don&amp;#039;t have &amp;#039;&amp;#039;written&amp;#039;&amp;#039; permission including both of these aspects, uploading the image to &amp;#039;&amp;#039;Thelemapedia&amp;#039;&amp;#039; is a copyright violation for which the owners of the site, i.e. Scarlet Woman Lodge, could be sued. Please don&amp;#039;t do it.&lt;br /&gt;
&lt;br /&gt;
Case 3 is also complex due to differences in copyright laws between nations. In general, if the original image was first published in the US before 1923, it is in the public domain in the US. When in doubt, use the European rule, which provides that the image is protected by copyright for 70 years after the death of the artist or photographer who produced the image.&lt;br /&gt;
&lt;br /&gt;
(Please note that the above was not written by a lawyer and is not intended to be taken as legal advice. If in doubt, consult an intellectual propery lawyer).&lt;br /&gt;
&lt;br /&gt;
==Uploading an image==&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;Please do not proceed to follow the instructions in this section until you have verified that the image can be used in accordance with the guidelines noted in the previous section.&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
Before you upload an image, make sure one doesn&amp;#039;t already exist on the site that could serve your purposes. You can do an image search on the [[Special:Imagelist|Image List]] page. You can always get to this page from the [[Special:Specialpages|Special Pages]], found in the Toolbox. &lt;br /&gt;
&lt;br /&gt;
You can add images to Thelemapedia in the [[Special:Upload|Upload Page]]. You can get to this page from the Toolbox navigation box (although you have to be logged in to see the link). You can also find the link in [[Special:Specialpages|Special Pages]], also found in the Toolbox. &lt;br /&gt;
&lt;br /&gt;
In the [[Special:Upload|Upload Page]], you will see a &amp;quot;Browse...&amp;quot; button on most browsers, which will bring up your operating system&amp;#039;s standard file open dialog. Choosing a file will fill the name of that file into the text field next to the button. Type in an obvious description of the image in the text box. You must also check the box affirming that you are not violating any copyrights by uploading the file. Press the &amp;quot;Upload&amp;quot; button to finish the upload. This may take some time if you have a slow internet connection.&lt;br /&gt;
&lt;br /&gt;
Please note that as with wiki pages, others may edit or delete your uploads if they think it serves the project, and you may be blocked from uploading if you abuse the system.&lt;br /&gt;
&lt;br /&gt;
===Formats===&lt;br /&gt;
The preferred formats are &amp;#039;&amp;#039;&amp;#039;JPEG&amp;#039;&amp;#039;&amp;#039; for photographic images, and &amp;#039;&amp;#039;&amp;#039;PNG&amp;#039;&amp;#039;&amp;#039; or &amp;#039;&amp;#039;&amp;#039;GIF&amp;#039;&amp;#039;&amp;#039; for drawings and other iconic images. &lt;br /&gt;
&lt;br /&gt;
===Replacing images===&lt;br /&gt;
When a file is uploaded with the same name as an existing one, the old one is replaced. When a media file is replaced by uploading a new one with the same name (e.g. an image in an article is replaced), this does not show up in the page history of the article, nor in the Related Changes of the article, nor in the revision history of the image description page (unless the description section is also changed). However, it is recorded in the Image History section of the image description page, and it changes the [[Thelemapedia:Upload_log|Upload log]]. Therefore, to watch changes in images in an article, it is not sufficient to watch the article itself and the image description pages (&amp;quot;watching&amp;quot; in the sense of putting on the list of &amp;quot;watched pages&amp;quot;), but one should watch the Upload log also.&lt;br /&gt;
&lt;br /&gt;
[[Special:Imagelist|Image List]] provides the same information as the Upload log, but it uses the user&amp;#039;s local time instead of the default time. In addition it gives the file sizes. Further it allows loading of portions and sorting by size in addition to sorting by date, and it has not only links to the image description pages, but also directly to the images.&lt;br /&gt;
&lt;br /&gt;
==Using images==&lt;br /&gt;
&lt;br /&gt;
At this time, you cannot change the size of an image on Thelemapedia (we are working to change this). So, &amp;#039;&amp;#039;&amp;#039;before you upload, make sure your image is a proper size&amp;#039;&amp;#039;&amp;#039;. You can do this in any basic image-editing program. &lt;br /&gt;
&lt;br /&gt;
===Using uploaded images===&lt;br /&gt;
&lt;br /&gt;
The basic image markup is: &amp;#039;&amp;#039;&amp;#039;&amp;lt;nowiki&amp;gt;[[Image:imagetest.jpg]]&amp;lt;/nowiki&amp;gt;&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
:[[Image:imagetest.jpg]]&lt;br /&gt;
&lt;br /&gt;
You can add options to an image to change its behavior. Vertical bars are used to separate options from each other. Unknown options are skipped and the last option is used as the caption/alt text.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;The basic options are:&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
*alt text (simply add the text to the end of the image markup)&lt;br /&gt;
*frame&lt;br /&gt;
*none (makes a hard line break)&lt;br /&gt;
*left&lt;br /&gt;
*right&lt;br /&gt;
*center&lt;br /&gt;
&lt;br /&gt;
===Examples===&lt;br /&gt;
&lt;br /&gt;
*Add alternate text: &amp;#039;&amp;#039;&amp;#039;&amp;lt;nowiki&amp;gt;[[Image:imagetest.jpg|Aleister Crowley]]&amp;lt;/nowiki&amp;gt;&amp;#039;&amp;#039;&amp;#039;&amp;lt;BR/&amp;gt;&amp;lt;BR/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
:[[Image:imagetest.jpg|Aleister Crowley]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Image:imagetest.jpg|frame|Aleister Crowley]]&lt;br /&gt;
*Add a frame: &amp;#039;&amp;#039;&amp;#039;&amp;lt;nowiki&amp;gt;[[Image:imagetest.jpg|frame|Aleister Crowley]]&amp;lt;/nowiki&amp;gt;&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
As you can see, using the frame option aligns the image to the right. You can change this with the options below. You will also notice that alternate text becomes caption text.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
*Render an image inline by adding &amp;quot;none&amp;quot;: &amp;#039;&amp;#039;&amp;#039;&amp;lt;nowiki&amp;gt;[[Image:imagetest.jpg|none|frame|Aleister Crowley]]&amp;lt;/nowiki&amp;gt;&amp;#039;&amp;#039;&amp;#039;&amp;lt;BR/&amp;gt;&amp;lt;BR/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
:[[Image:imagetest.jpg|none|frame|Aleister Crowley]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
*You can float an image using &amp;quot;left&amp;quot;, &amp;quot;right&amp;quot;, or &amp;quot;center&amp;quot;: &amp;#039;&amp;#039;&amp;#039;&amp;lt;nowiki&amp;gt;[[Image:imagetest.jpg|left]]&amp;lt;/nowiki&amp;gt;&amp;#039;&amp;#039;&amp;#039;&amp;lt;BR/&amp;gt;&amp;lt;BR/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
[[Image:imagetest.jpg|left]]Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. &lt;br /&gt;
&amp;lt;BR/&amp;gt;&lt;br /&gt;
[[Image:imagetest.jpg|right]]After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. &lt;br /&gt;
&lt;br /&gt;
[[Image:imagetest.jpg|center]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
*Don&amp;#039;t forget, you can add a hard break by using &amp;quot;none&amp;quot;:&amp;lt;BR/&amp;gt;&amp;lt;BR/&amp;gt;&lt;br /&gt;
&lt;br /&gt;
After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. [[Image:imagetest.jpg|none]]There is not much else to write about here, so please excuse the lack of meaningful content. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. &lt;br /&gt;
&lt;br /&gt;
===Linking to an external image===&lt;br /&gt;
&lt;br /&gt;
If you don&amp;#039;t want to upload an image, you can link to one on another site. Keep in mind that this will only work if the image remains in the same location...the moment it moves, it will dissappear from the Thelemapedia page. The basic markup for this simply requires typing in the URL of the image:&lt;br /&gt;
:&amp;#039;&amp;#039;&amp;#039;&amp;lt;nowiki&amp;gt;http://www.scarletwoman.org/images/top_lamen.gif&amp;lt;/nowiki&amp;gt;&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
:http://www.scarletwoman.org/images/top_lamen.gif&lt;br /&gt;
&lt;br /&gt;
You can also just have the image link with a description (within &amp;#039;&amp;#039;single&amp;#039;&amp;#039; brackets):&lt;br /&gt;
&lt;br /&gt;
:&amp;#039;&amp;#039;&amp;#039;&amp;lt;nowiki&amp;gt;[http://www.scarletwoman.org/images/top_lamen.gif Scarlet Woman Lodge Lamen]&amp;lt;/nowiki&amp;gt;&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
:[http://www.scarletwoman.org/images/top_lamen.gif Scarlet Woman Lodge Lamen]&lt;br /&gt;
&lt;br /&gt;
You can turn it into a linking image within &amp;#039;&amp;#039;single&amp;#039;&amp;#039; brackets and adding the target webpage before the image URL:&lt;br /&gt;
:&amp;#039;&amp;#039;&amp;#039;&amp;lt;nowiki&amp;gt;[http://www.scarletwoman.org http://www.scarletwoman.org/images/top_lamen.gif]&amp;lt;/nowiki&amp;gt;&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
:[http://www.scarletwoman.org http://www.scarletwoman.org/images/top_lamen.gif]&lt;br /&gt;
==Where to go from here==&lt;br /&gt;
{{help}}&lt;br /&gt;
[[Category:Thelemapedia]]&lt;/div&gt;</summary>
		<author><name>Ash</name></author>
	</entry>
	<entry>
		<id>https://thelemapedia.org/index.php?title=Thelemapedia:Using_Images&amp;diff=1786&amp;oldid=prev</id>
		<title>Ash at 03:21, 22 October 2004</title>
		<link rel="alternate" type="text/html" href="https://thelemapedia.org/index.php?title=Thelemapedia:Using_Images&amp;diff=1786&amp;oldid=prev"/>
		<updated>2004-10-22T03:21:29Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 03:21, 22 October 2004&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l12&quot;&gt;Line 12:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 12:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===Formats===&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===Formats===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The preferred formats are &#039;&#039;&#039;JPEG&#039;&#039;&#039; for photographic images, &#039;&#039;&#039;PNG&#039;&#039;&#039; &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;and &lt;/del&gt;&#039;&#039;&#039;GIF&#039;&#039;&#039; for drawings and other iconic images&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;, and &#039;&#039;&#039;OGG&#039;&#039;&#039; for sounds&lt;/del&gt;.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The preferred formats are &#039;&#039;&#039;JPEG&#039;&#039;&#039; for photographic images, &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;and &lt;/ins&gt;&#039;&#039;&#039;PNG&#039;&#039;&#039; &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;or &lt;/ins&gt;&#039;&#039;&#039;GIF&#039;&#039;&#039; for drawings and other iconic images.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===Replacing images===&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===Replacing images===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;When a file is uploaded with the same name as an existing one, the old one is replaced. When a media file is replaced by uploading a new one with the same name (e.g. an image in an article is replaced), this does not show up in the page history of the article, nor in the Related Changes of the article, nor in the revision history of the image description page (unless the description section is also changed). However, it is recorded in the Image History section of the image description page, and it changes the [[Thelemapedia:Upload_log|Upload log]]. Therefore, to watch changes in images in an article, it is not sufficient to watch the article itself and the image description pages (&amp;quot;watching&amp;quot; in the sense of putting on the list of &amp;quot;watched pages&amp;quot;), but one should watch the Upload log also.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;When a file is uploaded with the same name as an existing one, the old one is replaced. When a media file is replaced by uploading a new one with the same name (e.g. an image in an article is replaced), this does not show up in the page history of the article, nor in the Related Changes of the article, nor in the revision history of the image description page (unless the description section is also changed). However, it is recorded in the Image History section of the image description page, and it changes the [[Thelemapedia:Upload_log|Upload log]]. Therefore, to watch changes in images in an article, it is not sufficient to watch the article itself and the image description pages (&amp;quot;watching&amp;quot; in the sense of putting on the list of &amp;quot;watched pages&amp;quot;), but one should watch the Upload log also.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Special:Imagelist|Image List]] provides the same information as the Upload log, but it uses the user&#039;s local time instead of the default time &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;(set to UTC for Wikimedia projects)&lt;/del&gt;. In addition it gives the file sizes. Further it allows loading of portions and sorting by size in addition to sorting by date, and it has not only links to the image description pages, but also directly to the images.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Special:Imagelist|Image List]] provides the same information as the Upload log, but it uses the user&#039;s local time instead of the default time. In addition it gives the file sizes. Further it allows loading of portions and sorting by size in addition to sorting by date, and it has not only links to the image description pages, but also directly to the images.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Using images==&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;==Using images==&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l41&quot;&gt;Line 41:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 41:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===Examples===&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===Examples===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*Add alternate text: &#039;&#039;&#039;&amp;lt;nowiki&amp;gt;[[Image:imagetest.jpg|Aleister Crowley]]&amp;lt;/nowiki&amp;gt;&#039;&#039;&#039;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*Add alternate text: &#039;&#039;&#039;&amp;lt;nowiki&amp;gt;[[Image:imagetest.jpg|Aleister Crowley]]&amp;lt;/nowiki&amp;gt;&#039;&#039;&#039;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;BR/&amp;gt;&amp;lt;BR/&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;:[[Image:imagetest.jpg|Aleister Crowley]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;:[[Image:imagetest.jpg|Aleister Crowley]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l52&quot;&gt;Line 52:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 51:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*Render &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;the &lt;/del&gt;image inline by adding &quot;none&quot;: &#039;&#039;&#039;&amp;lt;nowiki&amp;gt;[[Image:imagetest.jpg|none|frame|Aleister Crowley]]&amp;lt;/nowiki&amp;gt;&#039;&#039;&#039;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*Render &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;an &lt;/ins&gt;image inline by adding &quot;none&quot;: &#039;&#039;&#039;&amp;lt;nowiki&amp;gt;[[Image:imagetest.jpg|none|frame|Aleister Crowley]]&amp;lt;/nowiki&amp;gt;&#039;&#039;&#039;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;BR/&amp;gt;&amp;lt;BR/&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;:[[Image:imagetest.jpg|none|frame|Aleister Crowley]]&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;:[[Image:imagetest.jpg|none|frame|Aleister Crowley]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*You can &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;align &lt;/del&gt;an image using &quot;left&quot;, &quot;right&quot;, or &quot;center&quot;: &#039;&#039;&#039;&amp;lt;nowiki&amp;gt;[[Image:imagetest.jpg|left]]&amp;lt;/nowiki&amp;gt;&#039;&#039;&#039;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;*You can &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;float &lt;/ins&gt;an image using &quot;left&quot;, &quot;right&quot;, or &quot;center&quot;: &#039;&#039;&#039;&amp;lt;nowiki&amp;gt;[[Image:imagetest.jpg|left]]&amp;lt;/nowiki&amp;gt;&#039;&#039;&#039;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;BR/&amp;gt;&amp;lt;BR/&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;[[Image:imagetest.jpg|left]]Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. &lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;BR/&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;[[Image:imagetest.jpg|right]]After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. &lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:imagetest.jpg|&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;left&lt;/del&gt;]]&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. &lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;[[Image:imagetest.jpg|&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;center&lt;/ins&gt;]]&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;[[Image&lt;/del&gt;:&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;imagetest.jpg|right]]&lt;/del&gt;After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. &lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;There is not much else to write about here, so please excuse the lack of meaningful content. Here is a lot of text that is being used to illustrate the alignment functions of the image options&lt;/del&gt;. There is not much else to write about here, so please excuse the lack of meaningful content&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;. After all, this is only for illustrative purposes&lt;/del&gt;. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content.  &lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;*Don&#039;t forget, you can add a hard break by using &quot;none&quot;&lt;/ins&gt;:&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&amp;lt;BR/&amp;gt;&amp;lt;BR/&amp;gt;&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;[[Image:imagetest.jpg|center]]&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt; &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. &lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;[[Image:imagetest&lt;/ins&gt;.&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;jpg|none]]&lt;/ins&gt;There is not much else to write about here, so please excuse the lack of meaningful content. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content.  &lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===Linking to an external image===&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===Linking to an external image===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Ash</name></author>
	</entry>
	<entry>
		<id>https://thelemapedia.org/index.php?title=Thelemapedia:Using_Images&amp;diff=959&amp;oldid=prev</id>
		<title>Ash at 02:53, 22 October 2004</title>
		<link rel="alternate" type="text/html" href="https://thelemapedia.org/index.php?title=Thelemapedia:Using_Images&amp;diff=959&amp;oldid=prev"/>
		<updated>2004-10-22T02:53:52Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;Using images in Thelemapedia is easy. You can upload them or link to them on other sites. &lt;br /&gt;
&lt;br /&gt;
==Uploading an image==&lt;br /&gt;
&lt;br /&gt;
Before you upload an image, make sure one doesn&amp;#039;t already exist on the site that could serve your purposes. You can do an image search on the [[Special:Imagelist|Image List]] page. You can always get to this page from the [[Special:Specialpages|Special Pages]], found in the Toolbox. &lt;br /&gt;
&lt;br /&gt;
You can add images to Thelemapedia in the [[Special:Upload|Upload Page]]. You can get to this page from the Toolbox navigation box (although you have to be logged in to see the link). You can also find the link in [[Special:Specialpages|Special Pages]], also found in the Toolbox. &lt;br /&gt;
&lt;br /&gt;
In the [[Special:Upload|Upload Page]], you will see a &amp;quot;Browse...&amp;quot; button on most browsers, which will bring up your operating system&amp;#039;s standard file open dialog. Choosing a file will fill the name of that file into the text field next to the button. Type in an obvious description of the image in the text box. You must also check the box affirming that you are not violating any copyrights by uploading the file. Press the &amp;quot;Upload&amp;quot; button to finish the upload. This may take some time if you have a slow internet connection.&lt;br /&gt;
&lt;br /&gt;
Please note that as with wiki pages, others may edit or delete your uploads if they think it serves the project, and you may be blocked from uploading if you abuse the system.&lt;br /&gt;
&lt;br /&gt;
===Formats===&lt;br /&gt;
The preferred formats are &amp;#039;&amp;#039;&amp;#039;JPEG&amp;#039;&amp;#039;&amp;#039; for photographic images, &amp;#039;&amp;#039;&amp;#039;PNG&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;GIF&amp;#039;&amp;#039;&amp;#039; for drawings and other iconic images, and &amp;#039;&amp;#039;&amp;#039;OGG&amp;#039;&amp;#039;&amp;#039; for sounds. &lt;br /&gt;
&lt;br /&gt;
===Replacing images===&lt;br /&gt;
When a file is uploaded with the same name as an existing one, the old one is replaced. When a media file is replaced by uploading a new one with the same name (e.g. an image in an article is replaced), this does not show up in the page history of the article, nor in the Related Changes of the article, nor in the revision history of the image description page (unless the description section is also changed). However, it is recorded in the Image History section of the image description page, and it changes the [[Thelemapedia:Upload_log|Upload log]]. Therefore, to watch changes in images in an article, it is not sufficient to watch the article itself and the image description pages (&amp;quot;watching&amp;quot; in the sense of putting on the list of &amp;quot;watched pages&amp;quot;), but one should watch the Upload log also.&lt;br /&gt;
&lt;br /&gt;
[[Special:Imagelist|Image List]] provides the same information as the Upload log, but it uses the user&amp;#039;s local time instead of the default time (set to UTC for Wikimedia projects). In addition it gives the file sizes. Further it allows loading of portions and sorting by size in addition to sorting by date, and it has not only links to the image description pages, but also directly to the images.&lt;br /&gt;
&lt;br /&gt;
==Using images==&lt;br /&gt;
&lt;br /&gt;
At this time, you cannot change the size of an image on Thelemapedia (we are working to change this). So, &amp;#039;&amp;#039;&amp;#039;before you upload, make sure your image is a proper size&amp;#039;&amp;#039;&amp;#039;. You can do this in any basic image-editing program. &lt;br /&gt;
&lt;br /&gt;
===Using uploaded images===&lt;br /&gt;
&lt;br /&gt;
The basic image markup is: &amp;#039;&amp;#039;&amp;#039;&amp;lt;nowiki&amp;gt;[[Image:imagetest.jpg]]&amp;lt;/nowiki&amp;gt;&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
:[[Image:imagetest.jpg]]&lt;br /&gt;
&lt;br /&gt;
You can add options to an image to change its behavior. Vertical bars are used to separate options from each other. Unknown options are skipped and the last option is used as the caption/alt text.&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;&amp;#039;The basic options are:&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
*alt text (simply add the text to the end of the image markup)&lt;br /&gt;
*frame&lt;br /&gt;
*none (makes a hard line break)&lt;br /&gt;
*left&lt;br /&gt;
*right&lt;br /&gt;
*center&lt;br /&gt;
&lt;br /&gt;
===Examples===&lt;br /&gt;
&lt;br /&gt;
*Add alternate text: &amp;#039;&amp;#039;&amp;#039;&amp;lt;nowiki&amp;gt;[[Image:imagetest.jpg|Aleister Crowley]]&amp;lt;/nowiki&amp;gt;&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:[[Image:imagetest.jpg|Aleister Crowley]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Image:imagetest.jpg|frame|Aleister Crowley]]&lt;br /&gt;
*Add a frame: &amp;#039;&amp;#039;&amp;#039;&amp;lt;nowiki&amp;gt;[[Image:imagetest.jpg|frame|Aleister Crowley]]&amp;lt;/nowiki&amp;gt;&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
As you can see, using the frame option aligns the image to the right. You can change this with the options below. You will also notice that alternate text becomes caption text.&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
*Render the image inline by adding &amp;quot;none&amp;quot;: &amp;#039;&amp;#039;&amp;#039;&amp;lt;nowiki&amp;gt;[[Image:imagetest.jpg|none|frame|Aleister Crowley]]&amp;lt;/nowiki&amp;gt;&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
:[[Image:imagetest.jpg|none|frame|Aleister Crowley]]&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
*You can align an image using &amp;quot;left&amp;quot;, &amp;quot;right&amp;quot;, or &amp;quot;center&amp;quot;: &amp;#039;&amp;#039;&amp;#039;&amp;lt;nowiki&amp;gt;[[Image:imagetest.jpg|left]]&amp;lt;/nowiki&amp;gt;&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Image:imagetest.jpg|left]]Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
[[Image:imagetest.jpg|right]]After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. After all, this is only for illustrative purposes. Here is a lot of text that is being used to illustrate the alignment functions of the image options. There is not much else to write about here, so please excuse the lack of meaningful content. &lt;br /&gt;
[[Image:imagetest.jpg|center]]&lt;br /&gt;
&lt;br /&gt;
===Linking to an external image===&lt;br /&gt;
&lt;br /&gt;
If you don&amp;#039;t want to upload an image, you can link to one on another site. Keep in mind that this will only work if the image remains in the same location...the moment it moves, it will dissappear from the Thelemapedia page. The basic markup for this simply requires typing in the URL of the image:&lt;br /&gt;
:&amp;#039;&amp;#039;&amp;#039;&amp;lt;nowiki&amp;gt;http://www.scarletwoman.org/images/top_lamen.gif&amp;lt;/nowiki&amp;gt;&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
:http://www.scarletwoman.org/images/top_lamen.gif&lt;br /&gt;
&lt;br /&gt;
You can also just have the image link with a description (within &amp;#039;&amp;#039;single&amp;#039;&amp;#039; brackets):&lt;br /&gt;
&lt;br /&gt;
:&amp;#039;&amp;#039;&amp;#039;&amp;lt;nowiki&amp;gt;[http://www.scarletwoman.org/images/top_lamen.gif Scarlet Woman Lodge Lamen]&amp;lt;/nowiki&amp;gt;&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
:[http://www.scarletwoman.org/images/top_lamen.gif Scarlet Woman Lodge Lamen]&lt;br /&gt;
&lt;br /&gt;
You can turn it into a linking image within &amp;#039;&amp;#039;single&amp;#039;&amp;#039; brackets and adding the target webpage before the image URL:&lt;br /&gt;
:&amp;#039;&amp;#039;&amp;#039;&amp;lt;nowiki&amp;gt;[http://www.scarletwoman.org http://www.scarletwoman.org/images/top_lamen.gif]&amp;lt;/nowiki&amp;gt;&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
&lt;br /&gt;
:[http://www.scarletwoman.org http://www.scarletwoman.org/images/top_lamen.gif]&lt;/div&gt;</summary>
		<author><name>Ash</name></author>
	</entry>
</feed>