Home

View PDF - Liz Murphy

1. AEE ER C 9 Beusvom HoRlA B o gt in Y ol Gl 2 O Y A 4 a iiy eae Ae A m E bem 1 Type in the web address in the General Pepup Events Advanced Link URL field rer ae Link URL IEJ a Creating an External Link If you Link list j want to create a link to an external naom 25 E Target Open in this window frame bel website type the web address in the Link URL field Make sure you include the http for external links mwe Class las Het get E b Creating an email link If you want to create an email link type in mailto followed by your agent email into the URL field i e mailto name email com c Link to an Internal Page If you want to create a link to a page found on HarryNorman com visit the page you wish to link to and copy the link and paste it in the Link URL field Each page will have a different id number and the URL should look similar to the following http harrynorman com AgentContent PagelD 12 2 Choose the Target open ina new window 3 Atthe bottom click the Insert button The text will now appear in the Web Builder window as underlined blue text Version 9 Harry Norman Realtors TinyMCE Users Guide 4 After you press the insert button you may or may not receive this message Windows Intenet Explorer YD The URL vou entered seems to external link do you want to add the required http prefix 5 Click OK to fini
2. Harry Norman Realtors TinyMCE Users Guide a eee ere rere resets PUGET ELELeLe ELELTiLate J Harry NORMAN a TinyMCE Users Guide Introduction TinyMCE is a platform independent web based Javascript HTML WYSIWYG editor What this means 1s that it will let you create html content on your web site TinyMCE supports a lot of Operation Systems and browsers Some examples are Mozilla Internet Explorer Firefox Opera Safari and Chrome TinyMCE has a large userbase and an active development community This user manual will show you all the basics of the TinyMCE editor Basics The default TinyMCE editor will look like this B 7 U gt Format Font family Fontsize 22 G3 Gy Gm 8 ce be om Aoo AJA Y A ems rR Oy H 4 E La Si ian y On top you can see the toolbar below the text area and at the bottom a resize bar If you drag the lower right corner you can make the editor window bigger or smaller This information was created for use by Harry Norman Realtors for the sole and propriety use by Harry Norman agents and employees Any other use is not authorized or supported in any way 2009 Harry Norman Realtors All rights reserved Questions Comments Contact webmaster harrynorman com or call 404 504 7965 Version 1 Harry Norman Realtors TinyMCE Users Guide TinyMCE Toolbar The following table describes the function and output of each button Icon Menu Na
3. efore the current N A column Inserts a column after the current N A column Deletes the current column N A Splits the current cell N A Merge the current cell with other N A Harry Norman Realtors Icon Menu Version 1 gt ale e gij hhn i be P SRR HTML HT 74 Name Select text color Select text background color Preview Insert Time Insert Date Insert Link Unlink Insert Anchor Insert Image HTML Mode Full Screen Direction Left to Right Direction Right to Left Print Run Spell Checking Insert Emotions Insert Special Character Superscript Subscript Remove Formatting Insert Horizontal Rule Insert Image Map Insert Non Breaking Space Character TinyMCE Users Guide Description Example Text Color foreground button Changes the foreground color of Text the selected text Text Color background button Changes the background color of Text the selected text View page in preview mode N A Inserts current time N A Inserts current date N A Inserts or edits a link text Removes the current link text Inserts or edits an anchor N A Inserts or edits an image N A Edit the HTML source code N A Toggles fullscreen mode N A Left Justification Text Right Justification Text Print page contents N A Spell check page text N A Insert emoicons ey Inserts a special character R Makes a text superscript Text Makes a text subscript Text Removes cu
4. elect any color in the Color Picker by clicking anywhere in the gradient Click Apply l ssssss Version 6 Harry Norman Realtors TinyMCE Users Guide It is strongly advised that you use consistent colors throughout your agent page These colors will vary depending on the agent template you choose Corporate Colors Hex Colors Web Colors 330e00 b80007 7edd4 Version 7 Harry Norman Realtors TinyMCE Users Guide 1 To insert an image click on the space where you want to insert the image 2 Click the Insert edit image icon J B Z U a Format Fontfamily Font size x Ga is im a i te ce be Own HOA A B Ba a 3 3 gt ramal eE e 2 Ensertedt imase 3 pt u B a h a t lA appear allowing you to browse General Appasrance advanced your computer to find the image f General 7 Image URL E3 file Select the file you wish to ERROR insert and click Open image description Title M Preview 4 Once you have selected the image file click Upload 5 Enter a Description of the file into the Image Description box 6 To insert the uploaded image click Insert Version g Harry Norman Realtors TinyMCE Users Guide Inserting Links To create a Hyperlink Select the text you wish to make a Hyperlink Click the Insert Edit Link Icon Ji i Bil UA BB B amp B BB frye 7 Format Foctfanly Fontsire
5. me Description Example Paragraph TEA Paragraph Style Paragraph Style Dropdown button See ania Menu Applies standard text styles to examples in ree selected text the left icon Adoress column Preformatted Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading amp Font family pecan Font Family Menu Font Select button Sets the font See typeface examples in Andale Mono a the left icon Arial coum Arial Black Book Antiqua Comic Sane MS Courier New Georgia Helvetica Impact Sao Tahoma Terminal Times New Roman Trebuchet MS Verdana Webdings Wingdings Version j Harry Norman Realtors TinyMCE Users Guide Icon Menu Name Description Example Font size h TENE Font Size Menu Font Size button Sets the font See 1 pt SIZe examples in the left icon a mali column 3 12pt 4 14pt 5 18pt 6 24pt 7 36 Bold Bolds selected text text i Italic Italicizes selected text text U Underline Underlines selected text text ABE Strikethrough Places a line through text text Justify left Aligns the selected text to the left text Justify center Aligns the selected text to the fa center of the screen Justify right Aligns the selected text to the right text Aligns the selected text to both Justify full left and right text e item 1 Bulleted list Creates a bulleted list oe e item 3 1 item 1 2 item 2 a Numbered list Creates a numbered list 3 item 3 Moves an indented
6. rties You can also select Cell Properties Row Properties or Column Properties if you want to edit that part of the table Version 1 11
7. section of text i ri one tab to the left A i Indent Indents the selected text by one tab N A F Biecka Indents entire paragraph to block N A quote style it Undo Ctrl Z Undoes the last action N A Version 2 Harry Norman Realtors Icon Menu Version 1 is I j fi LL UL Name Redo Ctrl Y Cut Find Find amp Replace Copy Paste Paste in Plain Text Paste from Word Insert Table Row Properties Cell Properties Insert Row Before Insert Row After Delete Row Insert Column Before Insert Column After Delete Column Split Cells Merge Cells cells TinyMCE Users Guide Description Example Redoes Repeats the last action N A which has been undone Removes the selection from the active document and places it on N A the Clipboard Find text in the editor s content N A area Find and replaces text in the FEO N A editor s content area Copies the selection to the Clipboard oe Inserts the contents from the Clipboard at the insertion point N A and replaces any selection Inserts the text from the Clipboard at the insertion point and removes N A all formatting and leaves plain text Inserts the text from the Clipboard at the insertion point and keeps all N A formatting Inserts a table N A Table row properties N A Table cell properties N A Inserts a row before the current N A row Inserts a row after the current row N A Deletes the current row N A Inserts a column b
8. sh this procedure to prevent this message from appearing simply include the http in the URL when entering into the Link URL field Version 1 10 Harry Norman Realtors TinyMCE Users Guide A Inserting Tables 1 To insert a table click so that the cursor is flashing inside the Web Builder window 2 Click on the Table icon Paragraph Font family Font size X eP L EFO mn GO AJA Z emis 2 OY E e 3 The Table Properties window will appear Complete the information according to the properties you need and select Insert Make sure the entire width of your table is no wider than 770 The following settings are recommended for general use aes y General properties Cols z Rows determined by user needs Columns 1 Cellpadding none Cellspacing none Alignment left Border 0 Width 770 Height default Class none selected Table caption not selected Cellpadding Cellspacing Alignment Not set E Border Width Height Class Table caption To insert a row or delete a row o Insert Row Before icon the row will be inserted above the row in which your cursor is placed o Insert Row After icon the row will be inserted below the row in which your cursor i placed o Delete Row icon the row in which your cursor is placed will be deleted Editing the Table To edit a table right click inside the table and select Table Prope
9. stom or all formatting from selected text NA e g horizontal rule button Inserts a horizontal line at the cursor position Allows users to define clickable ae N A areas within image Used in special situations Used to insert a space between text N A images etc Harry Norman Realtors TinyMCE Users Guide How to Modify Text You can use different fonts sizes and colors to help separate Headings and Body text as well as Links and other information All Tools used to change font properties are found on the Tool Bar Font tamily 3 12 pt To change the font of the text Highlight the text and select the font under Font Family To change the size of the text Highlight the text and select the size under Font Size To change the color of the text Highlight the text and choose the Font Color from the drop down Note Each line of text should have a designated Font Family and Font size After you enter each line of text be sure to highlight the text and select a Font Family and Font size If this is not specified a default font and size will be used and your text may display inconsistently on your agent page Be sure to confirm the fonts and sizes when previewing your page before submitting for approval How to change font color Font family 3 12 pt To apply a color to your text 1 Highlight your text then click the down arrow next to the Font Color button and choose More Colors You can s

View PDF - Liz Murphy

Contents

Download Pdf Manuals

Related Search

Related Contents