Newsflash newsflash read all about i! Local dimwit makes good in the theatre. There's always another tangent altogether describing blood sweat and tears but it's not for the weak at heart.
Whenever you see this Create New Content Icon you can click on it to create a new article. Or click on "Submit News" which can be found under the News button in the Main Menu.
Editing Content
Whenever you see the "Edit" Icon you can edit that article by clicking on the Icon.
BASICS You should now be looking at a page Titled The News / Edit Content. Starting with a field Labelled "Title" (Enter the title of your article here eg. "Using the WYSIWYG Web Tools") then select the appropriate Category for your article.
Note should you wish to save/apply/cancel you can using the:
Save Icon
Use this when your ready to save the article and leave the WYSIWYG editor.
Apply Icon
Use this when you want to apply the changes without leaving the editor. It is advisable to use this when spending time composing to ensure your changes are saved should a dissconnection occur.
Cancel Icon
Use this when you want to cancel. NOTE Selecting this button will delete any work not already saved.
Using the WYSIWYG Web Tools
Although Icons are self explanatory by nature I'll list some of the web tool functions:
Text Tools
Bold
Select text then click on this Icon to apply Bold.
Justify Left
Select text then click on this Icon to Justify Left.
Italic
Select text then click on this Icon to apply Italic.
Justify Center
Select text then click on this Icon to Justify Center.
Underline
Select text then click on this Icon to apply Underline.
Justify Right
Select text then click on this Icon to Justify Right.
Strike Through
Select text then click on this Icon to apply Strikethrough.
Justify Full
Select text then click on this Icon to Justify Full.
Bullet List
Select text then click on this Icon to apply Bullet List.
HR
Click this Icon to insert a horizontal ruler.
Numbered List
Select text then click on this Icon to apply Numbered List.
Unformat
Click this Icon to remove any prior formatting ie. bold text, justify paragraph, bullet list etc.
Indent
Select text then click on this Icon to indent.
Toggle invisible elements
Selecting this will enable you to see and toggle invisible elements ie table borders etc.
Outdent
Select text then click on this Icon to remove either indent or list.
Sub script
Superscript
Select text then click on either Subtext or Supertext Icons to apply.
Insert Custom Characters
Click on this Icon to choose and insert custom characters.
Customised HR
Click this Icon to create and insert a horizontal ruler. This tool allows you to customise the line.
Undo
Click on this Icon to undo your last move.
Redo
Click on this Icon to redo your last move.
Web Link Tools
Link
Linking Procedure
Select text eg. www.byronfilmclub.com then click on the Link Icon to access the web link editor. A window with four tabs should appear. The tabs are Titled General/Popup/Events/Advanced. At this point let's stick with the general tab.
In the field labelled "Link URL" enter the actual URL eg. http://www.byronfilmclub.com (IMPORTANT : you must include "http://www".etc).
For the moment skip past anchors. From the drop down menu labelled Target select "Open in new window (_blank)"
Enter a title for the link. (This can be additional information eg. "Click here to go to etc"
Click on "Insert" to apply URL to selected text
Please note that if you just type a URL eg "http://www.byronfilmclub.com" it won't actively link until you go through this procedure.
Unlink
Select weblink then click on this Icon to remove the URL
Anchor
Click on this Icon to insert an anchor. (Anchors can be used as short cuts) NOTE : this feature is buggy.
Images and Flash Files
Insert Image
Inserting an Image
Select this Icon to insert an image. A window with three tabs should appear. The tabs are Titled General/Appearance/Advanced.
Starting with the general tab, enter the URL of your image eg. "http://www.domainname.com/myimages/imagename.jpg"
Enter an image description
Title the image
Now click on the "Appearance" tab. In here you can set the finer details of your image eg. image alignment and dimensions.
Vertical space refers to the space above and below the image
Horizontal space refers to the space laft and right of the image
Border is set to nothing by default
Click on insert when you're done to save.
Please note : Keep your images to reasonable file size and dimensions or we'll be forced to edit or delete them.
Insert Flash SWF
Select this Icon to insert your Flash SWF. Enter the URL, set the size and presto ....
Using Tables
Create Table
Click on this Icon to create a table. A popup window should appear containing two tabs "General" and "Advanced". Starting with "General" enter the parameters of your table :
General
Columns use this to define how many columns you want in your table
Rows use this to define how many rows you want in your table
Cellpadding refers to the space between any media contained within the cell and the cell border
Cellspacing refers to the space between each cell
Alignment refers to the default alignment setting for the table.
Border use this to set the width of your Table Border (Note : 0 = no border)
Width use this to set the width of your table (Please keep table widths to less than or equal to 560 pixels)
Height use this to set the height of your table
Class currently inactive
Advanced
Background Image use this to place an image as the background of the table eg "http://www.mydomain.com/myImages/tableBG.jpg
Border Colour use this to set the color of the table border
Background Colour use this to set the table background colour
You can leave the other settings in the advanced tab as they are.
Edit Row Properties
Use this to edit the Row Properties of the row selected. A popup window should appear containing two tabs "General" and "Advanced". Starting with "General" enter the parameters of your row.
General
Row in table part Use this to set wich part of the table the selected row is in.
Alignmentrefers to the default alignment setting for the selected row.
Vertical Alignment refers to the default vertical alignment setting for the selected row.
ClassLeave this blank.
HeightUse this to define the height of the table row.
Advanced
Background Image use this to place an image as the background of the table eg "http://www.mydomain.com/myImages/tableBG.jpg
Border Colour use this to set the color of the table border
Background Colour use this to set the table background colour
You can leave the other settings in the advanced tab as they are.
Edit Cell Properties
Use this to edit the Cell Properties of the cell selected. A popup window should appear containing two tabs "General" and "Advanced". Starting with "General" enter the parameters of your cell.
General
Alignmentrefers to the default alignment setting for the selected cell.
Cell Type Use this to define the cell type. (Data or Header)
Vertical Alignment refers to the default vertical alignment setting for the selected cell.
Scope Use this to set the Scope
ClassLeave this blank.
WidthUse this to define the width of the table cell.
HeightUse this to define the height of the table cell.
Advanced
Background Image use this to place an image as the background of the cell eg "http://www.mydomain.com/myImages/cellBG.jpg
Border Colour use this to set the color of the cell border
Background Colour use this to set the cell background colour
You can leave the other settings in the advanced tab as they are.
Insert Row Before
Use this to insert a row before the selected row.
Insert Row After
Use this to insert a row after the selected row.
Delete Row
Use this to delete a row.
Insert Column Before
Use this to insert a column before the selected column.
Insert Column After
Use this to insert a column after the selected column.
Delete Column
Use this to delete the selected column.
Split Cells
Use this tool to split the cells of a table.
Merge Cells
Use this tool to merge the cells of a table.
More Tools
Clean Up
Use this Icon to clean up messy code.
Help
Use this tool to find out moreabout the WYSIWYG editor.
HTML
Use this tool to edit the html code directly. (Only do this if you know html)
Preview
Use this tool to preview your article.
Find
Use this tool to find a word.
Find
Use this tool to find and replace a word.
Insert Date
Use this tool to insert the date.
Insert Time
Use this tool to insert the time.
Emotions
Use this to display emoticons
Insert Layer
Insert a new layer.
Move Forward
Move layer to the front.
Move Backward
Move layer to the back.
MovePosition
Use this to plae your layer where you want it to appear on the page.