Jump to content

WikiProject:Vermont County Clickable Maps: Difference between revisions

Line 26: Line 26:
3. Click on More details in the bottom right of the screen to view the map file wiki page.<br>
3. Click on More details in the bottom right of the screen to view the map file wiki page.<br>
<br>
<br>
4. Copy the url.<br>
4. Right click on the image and click on "Copy image address".<br>
<br>
<br>


Line 33: Line 33:
1. Open a new tab on your browser so you can follow instructions on how to create an image map: '''[[Help:Wiki_University_Wikitext--Image_Maps#Select_a_source_image_for_upload_to_the_Online_Image_Map_Editor|'''Instructions''']]<br>
1. Open a new tab on your browser so you can follow instructions on how to create an image map: '''[[Help:Wiki_University_Wikitext--Image_Maps#Select_a_source_image_for_upload_to_the_Online_Image_Map_Editor|'''Instructions''']]<br>
<br>
<br>
2. After you have finished making the map of the town clickable, and after you have clicked "Create Image Map" on the [https://niebert.github.io/imgmap/index.html Map Editor Tool], '''copy''' all of the generated Wikitext code.<br><br>
2. After you have finished making the map of the town clickable, and after you have clicked "Create Image Map" and on the [https://niebert.github.io/imgmap/index.html Map Editor Tool], '''copy''' all of the generated Wikitext code.<br><br>


=== Step 4 - Save the Image Map Code to a Sandbox Page ===
=== Step 4 - Save the Image Map Code to a Sandbox Page ===


1. Find a sandbox page to save the image code to the page.<br>
1. Review the code you have on the sandbox page and make sure you changed the internal link of the "source" image.<br>
<br>
<br>
2. At the end of the image map code at the bottom of the Wiki page, highlight the code: <nowiki></imagemap></nowiki> and delete it.<br>
2. Now add the following wikitext code after the | for the name of the image:<br>
<br>
<br>
3. Copy and paste the following wikitext directly below the last of the code for the clickable map so it's the last thing on the page:<br>
<nowiki>450px</nowiki><br>
<br>
<br>
<nowiki>desc none
3. If the image is still too large, bring it down 50px until you find a good size.<br>
<noinclude></imagemap>[[Category:Image map templates]][[Category:COUNTYNAME County, Vermont]] </noinclude></nowiki><br>
<br>
<br>
4. Replace COUNTYNAME in the category to the county your town is in. For example, <nowiki>Category:Addison County, Vermont]]</nowiki><br>
4. At the end of the image map code at the bottom of the Wiki page, highlight the code: <nowiki></imagemap></nowiki> and delete it.<br>
<br>
<br>
5. Click on Save Page.<br>  
5. Copy and paste the following wikitext directly below the last of the code for the clickable map so it's the last thing on the page:<br>
<br>
<br>
6. Review the page to make sure the map is clickable and the category is not a red link. Fix as necessary.<br>
<nowiki><noinclude></imagemap>[[Category:Image map templates]][[Category:COUNTYNAME County, Vermont]] </noinclude></nowiki><br>
<br>
6. Replace COUNTYNAME in the category to the county your town is in. For example, <nowiki>Category:Addison County, Vermont]]</nowiki><br>
<br>
7. Click on Save Page.<br>
<br>
8. Review the page to make sure the map is clickable and the category is not a red link. Fix as necessary.<br>
<br>
<br>