Difference between revisions of "User:Wonghk3/sandbox/workarea5"

From FamilySearch Wiki
Jump to navigation Jump to search
m (m)
 
(153 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{breadcrumb
+
==Visual Editor toolbar==
| link1=[[User:Wonghk3/Sandbox/WikiText Case Study Milky Way Galaxy|Milky Way Galaxy]]
+
<div style="display:flex">
| link2=[[User:Wonghk3/Sandbox/WikiText Case Study Solar System|Solar System]]
+
<!---------------------------UNDO ARROW-------------------------------------------------------------->
| link3=
+
<div style="flex:0.75; border-left:1px solid lightblue; border-bottom:1px solid lightgray; border-top:1px solid lightblue;">[[File:UndoVE.jpg|40px]]</div>
| link4=
+
<!---------------------------------REDO ARROW------------------------------------------------------------->
| link5=[[User:Wonghk3/sandbox/workarea5|Planet Mars]]
+
<div style="flex:0.75; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue;">[[File:RedoVE.jpg|40px]]</div>
}}
+
<!---------------------------------------PARAGRAPH --------------------------------------------------------->
 +
<div style="flex:3; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">Paragraph <div style="margin-left:3vw; width:0; height:0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid gray"></div></div>
 +
<!--------------------------------------TEXT STYLE--------------------------------------------------->
 +
<div style="flex:1; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue"><div style="font-size:1.3vw; font-style:italic; text-decoration: underline">'''A'''</div><div style="margin-left:1vw; width:0; height:0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid gray"></div></div>
 +
<!------------------------------------LINKS------------------------------------------------------------>
 +
<div style="flex:1; display:flex; align-items:center; justify-content:center; border:1px solid red">
 +
<div style="display:flex;">[[File:Link.png|50px]]
 +
</div>
 +
</div>
 +
<div style="flex:1.5; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">Cite<div style="margin-left:1vw; width:0; height:0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid gray"></div></div>
 +
<!------------------------------LISTS---------------------------------------------------------------------->
 +
<div style="flex:1.2; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">
  
 +
<div style="display:flex; flex-direction:column">
 +
<div style="display:flex"><div style="width: 5px; height: 5px; background: black; border-radius: 2.5px; margin-right:3px; margin-bottom:3px"></div><div style="display:flex; align-items:center; width:15px; height:5px"><div style="width:15px; height:3px; background-color:black"></div></div></div>
 +
<div style="display:flex"><div style="width: 5px; height: 5px; background: black; border-radius: 2.5px; margin-right:3px; margin-bottom:3px"></div><div style="display:flex; align-items:center; width:15px; height:5px"><div style="width:15px; height:3px; background-color:black"></div></div></div>
 +
<div style="display:flex"><div style="width: 5px; height: 5px; background: black; border-radius: 2.5px; margin-right:3px; margin-bottom:3px"></div><div style="display:flex; align-items:center; width:15px; height:5px"><div style="width:15px; height:3px; background-color:black"></div></div></div>
 +
</div>
 +
<div style="margin-left:1vw; width:0; height:0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid gray"></div>
  
==Introduction==
+
</div>
 +
<!----------------------------------------------INSERT------------------------------------------------------->
 +
<div style="flex:1.5; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">Insert<div style="margin-left:1vw; width:0; height:0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid gray"></div></div>
 +
<!---------------------------------------------------------OMEGA----------------------------------------------------->
 +
<div style="flex:0.8; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue"><span style="font-size:2vw">Ω</span></div>
 +
<!-------------------------------------------------------------------HELP----------------------------------------------------->
 +
<div style="flex:3; display:flex; align-items:center; justify-content:flex-end; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue"></div>
 +
<div style="flex:1; display:flex; align-items:center; justify-content:flex-end; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">
 +
<div style="display:flex; align-items:center; justify-content:center; width:20px; height:20px; font-size:1.5em; margin-right:10px">'''?'''</div>
 +
</div>
 +
<div style="flex:1; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">
 +
<div style="display:flex; flex-direction:column">
 +
<div style="width:15px; height:3px; margin-bottom:3px; background-color:black"></div>
 +
<div style="width:15px; height:3px; margin-bottom:3px; background-color:black"></div>
 +
<div style="width:15px; height:3px; background-color:black"></div>
 +
</div>
 +
</div>
 +
<!-------------------------------------------------------------TO GO WIKITEXT--------------------------------------------->
 +
<div style="flex:1; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue"><span style="font-size:1.3vw; font-weight:bold">[[File:VE Switch icon.png]]</span></div>
 +
<!--------------------------------------------------------SAVE--------------------------------------------------------->
 +
<div style="flex:2; display:flex; align-items:center; justify-content:center; border-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue; color:white; background-color:lightgray">Save changes...</div>
 +
</div>
  
<div style="width:85%">'''Mars''' is the fourth planet from the Sun and the second-smallest planet in the Solar System after Mercury. In English, '''Mars''' carries a name of the Roman god of war and is often referred to as the <font color="orangered">'Red Planet'</font color>. The latter refers to the effect of the iron oxide prevalent on '''Mars'''' surface, which gives it a reddish appearance distinctive among the astronomical bodies visible to the naked eye. '''Mars''' is a terrestrial planet with a thin atmosphere, having surface features reminiscent both of the impact craters of the Moon and the valleys, deserts, and polar ice caps of Earth.</div>
+
<!--visualeditor toolbar------------------------------------------------------------------------------------->
  
==Location==
+
==Links==
[[File:Planets2013.png|250px|right|thumb|<center>Planet Location from the Sun</center>]]
 
The following are the most historically relevant planets in the Solar<ref>Wikipedia contributors, "Solar System," in Wikipedia: the Free Encyclopedia, https://en.wikipedia.org/wiki/Solar_System, accessed 20 February 2020.</ref> System:
 
  
==Natural Satellites==
+
<!--detailed explanation of items on VisualEditor toolbar------------------------------------------->
Mars has two relatively small (compared to Earth's) natural moons, Phobos (about 22 km (14 mi) in diameter) and Deimos (about 12 km (7.5 mi) in diameter), which orbit close to the planet.<ref>Wikipedia contributors, "Moons of Mars", in Wikipedia: the Free Encyclopedia, https://en.wikipedia.org/wiki/Moons_of_Mars, accessed 20 February 2020.</ref>
 
  
==References==
+
<table style="width:100%; border:1px solid lightgrey">
  
 +
<!--links---------------------------------------------------------------------------------------->
  
 +
<tr>
 +
<td style="border:1px solid red">
 +
<div style="display:flex; padding:5px; width:40px">[[File:Link.png]]</div></td>
 +
<td style="border:1px solid lightgrey; padding:5px; width:50px">Links</td>
 +
<td style="border:1px solid lightgrey; padding:10px">[[File:VE Internal Link.PNG|300px|right]]
 +
'''TO CREATE A LINK'''<br>
 +
* Click the '''Edit''' tab.
 +
* Highlight the text you want to make into a link, then click the '''link icon'''.
 +
* ''Note: the text you highlighted is displayed in the search box.''
 +
* Select either the '''FamilySearch Wiki''' tab to create an <u>internal link</u> or the '''External site''' tab to create an <u>external link</u>.
 +
<br>
 +
'''INTERNAL LINK'''
 +
* After clicking on the ''FamilySearch Wiki'' tab, enter the article title into the search box.
 +
* If you don't know the article title, enter a keyword and a list of suggested articles will be displayed in a drop down menu. Click on the article to which you want to link.
 +
* Click '''Done''' to add the link.
 +
* To save your changes, click '''Save changes...''' on the Visual Editor tool bar, enter a Summary description of your changes, then click on the Save changes again.
 +
<br>
 +
'''EXTERNAL LINK'''
 +
[[File:VE External Link.PNG|300px|right]]
 +
* After clicking on the ''External Site'' tab, enter the URL for the external link into the search box.
 +
* Click '''Done''' to add the link.
 +
* To save your changes, click '''Save changes...''' on the Visual Editor tool bar, enter a Summary description of your changes, then click on the Save changes again.
 +
<br>
 +
'''LINK to a Page Section'''<br>
 +
There are times you may want to, not only link to a page, but go to a specific section or header on that page. ''Note: this may be done for internal links but NOT external links.''
 +
* Click on the ''FamilySearch Wiki'' tab.
 +
* Enter the article title into the search box. 
 +
* Place a pound sign ('''#''') immediately after the article title.
 +
* Directly following the pound sign, add the "exact" '''header name''' to which you desire to link. 
 +
* Click '''Done''' and save your changes.
 +
* For example: McDonald County, Missouri Genealogy<font color="blue">#County Courthouse</font color>.
 +
  
 +
<br>
  
 +
</td>
 +
</tr>
  
  
  
  
 +
</table>
 +
{{reflist}}
  
 +
 +
 +
 +
 +
__NOTOC__
 
[[Category:Sandbox]]
 
[[Category:Sandbox]]

Latest revision as of 16:05, 18 November 2020

Visual Editor toolbar[edit | edit source]

UndoVE.jpg
RedoVE.jpg
Paragraph
A
Link.png
Cite
Insert
Ω
?
VE Switch icon.png
Save changes...


Links[edit | edit source]

Link.png
Links
VE Internal Link.PNG

TO CREATE A LINK

  • Click the Edit tab.
  • Highlight the text you want to make into a link, then click the link icon.
  • Note: the text you highlighted is displayed in the search box.
  • Select either the FamilySearch Wiki tab to create an internal link or the External site tab to create an external link.


INTERNAL LINK

  • After clicking on the FamilySearch Wiki tab, enter the article title into the search box.
  • If you don't know the article title, enter a keyword and a list of suggested articles will be displayed in a drop down menu. Click on the article to which you want to link.
  • Click Done to add the link.
  • To save your changes, click Save changes... on the Visual Editor tool bar, enter a Summary description of your changes, then click on the Save changes again.


EXTERNAL LINK

VE External Link.PNG
  • After clicking on the External Site tab, enter the URL for the external link into the search box.
  • Click Done to add the link.
  • To save your changes, click Save changes... on the Visual Editor tool bar, enter a Summary description of your changes, then click on the Save changes again.


LINK to a Page Section
There are times you may want to, not only link to a page, but go to a specific section or header on that page. Note: this may be done for internal links but NOT external links.

  • Click on the FamilySearch Wiki tab.
  • Enter the article title into the search box.
  • Place a pound sign (#) immediately after the article title.
  • Directly following the pound sign, add the "exact" header name to which you desire to link.
  • Click Done and save your changes.
  • For example: McDonald County, Missouri Genealogy#County Courthouse.