Difference between revisions of "Help:Wiki University VisualEditor--Save Page"

From FamilySearch Wiki
Jump to navigation Jump to search
m (→‎Try these out: minor edits)
Line 8: Line 8:
 
----
 
----
 
==Visual Editor toolbar==
 
==Visual Editor toolbar==
<table style="width:100%"><tr><td>[[File:Visualeditor7.PNG|1000px]]</td></tr></table>
+
<div style="display:flex">
 +
<!---------------------------UNDO ARROW-------------------------------------------------------------->
 +
<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>
 +
<!---------------------------------REDO ARROW------------------------------------------------------------->
 +
<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-right:1px solid lightgray; border-bottom:1px solid lightgray; border-top:1px solid lightblue">
 +
<div style="display:flex; transform:rotate(135deg)"><div style="width:10px; height:5px; border:3px solid black; border-radius:8px"></div>
 +
<div style="width:10px; height:5px; border:3px solid black; border-radius:8px; margin-left:-8px"></div>
 +
</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>
 +
 
 +
</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:1.5vw">Ω</span></div>
 +
<!-------------------------------------------------------------------HELP----------------------------------------------------->
 +
<div style="flex:4; 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; border:3px solid black; width:20px; height:20px; border-radius: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">[[ ]]</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 page</div>
 +
</div>
 +
 
 
<!--visualeditor toolbar------------------------------------------------------------------------------------->
 
<!--visualeditor toolbar------------------------------------------------------------------------------------->
  

Revision as of 11:45, 11 January 2017

Lessons

<< Previous Chapter

Visual Editor toolbar[edit | edit source]

UndoVE.jpg
RedoVE.jpg
Paragraph
A
Cite
Insert
Ω
?
[[ ]]
Save page


Save page[edit | edit source]

Mainpage27.PNG Save page
Visualeditor25.PNG
  1. When you click "Save page" in Visual Editor tool bar, the panel to the right appears.
  2. Enter description of entries made in "Summary" box.
  3. Click "Save page" in panel.

Try these out[edit | edit source]

Tests.gif
Quick Quiz
  • You are encouraged to put a brief statement describing your changes to an article in the Summary box.
A. True
B. False