The Wet Nose Society
powered by Dog Friendly Britain

Content Editor user guide


Editing your dog's details At the top is a link to your dog's webpage. You must confirm any changes you have made (using the 'Confirm changes' button at the bottom) before clicking this or you will not see them. Then there are spaces for the title and subtitle of your page and drop downs to select a background colour for the top strip and the rest of the page.

The next section is for uploading images. These will appear down the left hand side of your page and will be automatically resized to the correct width, and a thumbnail and large image version will be created. The 'Main Image' will appear at the top, and is the one which will be shown when your dog appears in search results. The order of the others can be changed by entering numbers against each image and updating your page.

The breed, type of dog, sex, birthday and country can be completed and the 5 small text areas ('Things I love' to 'My favourite Saying'). These will appear on the right hand side of your page. The next two boxes are free text areas to allow you to enter as much text as you wish. They use a use a Content Editor which allows you to format your text and is explained in more detail below.

The bottom section is for your details. You may enter a username or leave it blank. Your email address will not be displayed directly on the website but must be completed as it is used when you log in. If you do not wish other members to be able to email you, untick the box. Your password must be unique for each dog. You may use the same email address but must have a different password. Please try to make this difficult to guess and do not just use your dog's name or nickname. When you have first completed your dog's page and are happy for it to go live, tick the box. The WNS administrators will then authorise it so it appears on the website. The Content Editor  the content editor icons
The Content Editor is used for large sections of editable text. It allows users to format text (bold, italic etc) and insert images, links, videos, lists and tables. In many cases right clicking an inserted item (image, link, table cell etc) will reveal a menu specific to the item you have clicked enabling you to edit those item properties.

Some functions generate a popup window. If this does not work or you encounter warning messages, try Ctrl-clicking, allowing Interent Explorer to show popups for this site or disabling your popup blocker whilst working on the site. The exact method needed may depend on your browser, operating system and security settings. Some other functions (such as pasting) may also result in warning messages. Again, depending on your browser and security settings you may need to authorise the editor to access your clipboard, or allow popup windows for the site.

cut and copy The first two icons are Cut and Copy. Clicking these will Cut or Copy the selected text to the clipboard. There are also two other ways of achieving the same thing: Right clicking to access the context menu, or pressing the usual Ctrl-X or Ctrl-C combination.
paste The next three icons are Paste, Paste as Plain Text and Paste from Word. IMPORTANT: The first icon should only be used to paste plain text with no formatting into the editor and must NEVER be used to paste text from Microsoft Word. Word (and some other programs) use formatting which may not be understood by a web browser and will not be accessible for people using screen readers. The second option pastes as plain text and removes all formatting and should be used wherever possible. The third option removes Word-specific formatting. Pasting as plain text (option 2) is the preferred method, as all styling can then be applied to the text from within the Content Editor. If you paste in some text and it does not look as you expect, use the undo function and then use Paste as Plain Text.
undo and redo These icons Undo and Redo the last Editor actions.
find and replace These icons Find or Find and Replace text within the Editor.
special characters This allows the insertion of special characters such as letters with accents (á ö) or symbols (€ ©).
special characters These icons insert a horizontal line or a smiley.
Adding a link
add and remove a link These icons allow the addition or removal of a link. You may either insert your cursor where the link should appear or select a section of text with your mouse beforehand.
the link popup window Clicking the Insert/Edit Link icon will give the Link popup window.

The Link Type drop down allows you to choose to link to a URL (webpage or website) or insert an Email link (any email address you enter here will be collectable by spammers). For a URL, the protocol drop down allows you to choose a number of options. Generally you will only need 'http://'. This should be used if you are linking to an external webpage such as 'http://www.bbc.co.uk/' and when you paste a URL such as this into the URL box, the link type will automatically change to 'http://' and the URL will change to 'www.bbc.co.uk/'.

To link to a file that you have uploaded rather than a webpage you may use the 'Browse Server' button which will open another popup window. This will allow you to browse the folders where files have been uploaded and select a file to link to, either by double clicking or right-clicking and selecting 'Select'. The 'upload' button can be used to upload a file to the current folder. Please ensure that all files go into the appropriate folder for their file type (e.g. documents go into the 'Files' folder).

The 'Target' tab should be ignored unless the link needs to open in a new window, in which case the 'New Window' option should be chosen. The 'Advanced tab should be ignored.

the link context menu Once placed, a link may be removed by selecting it and clicking the remove link icon or by right-clicking to reveal the Link Menu. Similarly, a link may be edited by selecting it and clicking the link icon again, or by clicking 'Edit Link' on the link menu.
Adding an image
add or edit an image Use this icon to insert or edit an image
the image popup window Clicking the Insert/Edit Image icon will give the Image popup window.

The address to the image may be typed directly into the URL field, but most of the time the 'Browse Server' button should be clicked to view the available images on the server.
the image context menuOnce placed, an image may be edited by either selecting it and clicking the image icon again, or right clicking the image to reveal the Image Menu where 'Image Properties' can be selected.

the image browser Browse the folders and files using the navigation to the left. Once the required image has been found, insert it by either double clicking the image or right-click and choose 'Select'.

The 'upload' button can be used to upload an image to the current folder (please ensure that all files go into the appropriate folder for their file type e.g. images go into the 'Images' folder). This is a direct upload and these images are not resized in any way. If you are uploading images that have been taken with a digital camera and have not been processed, they may well be very large both in terms of their size they display on the screen and their filesize. While images can be set to display at a smaller size (see below), they often don't look as good as if they have been properly resized and so this method should be used where possible. There are a number of free image resizing websites which will create an image for you (www.resizr.com, www.drpic.com, rsizr.com). Images should be saved with a maximum width of 450 pixels, but can be smaller.

If you have uploaded any images but they will not display on your webpage, try checking the filenames on your computer and removing any special characters such as '%', '%', '#' etc. If in doubt - just use 0-9 and a-z.

The 'Alternative Text' field should be used to write a description of the image. This will be used by screen readers and when users have elected to not show images. The 'Width' and 'Height' fields will be automatically filled in with the actual dimensions of the image selected. If these are changed and are not kept in propertion the image may look squashed or stretched.

The 'Border' field is usually set to '0' but can be applied if required. The 'HSpace' and 'VSpace' give some horizontal and vertical space around the image and mean that text alongside the image will not butt right up to the image. A value of between 3 and 10 is often appropriate.

The 'Align' drop down option allows the image to be aligned in different ways with the surrounding text. 'Left' and 'Right' are the two most common options and make the image left or right aligned and make the text flow around it.
Adding a Flash Video
add or edit a video Use this icon to insert or edit a Flash video file
the flash popup window Clicking the Insert/Edit Flash Video icon will give the Flash popup window.

Click the 'Browse Server' button to view the available videos on the server. To select a video to insert, either double click the video file or right-click and choose 'Select'. The 'upload' button can be used to upload a file to the current folder but this must be a Flash (swf) file and must be uploaded into the 'Flash' folder.

There are a number of free software programmes which will convert video to a Flash swf file. Two that seem to do a simple conversion are Format Factory and Cinema Forge. Any programs installed from other website must be at the users own risk and Dog Friendly Britain takes no responsibility for any consequences.

To display the video at a specific size, fill in the 'Width' and/or 'Height' fields. The 'Advanced' tab has some more options. The 'Scale' option should be left on the default setting. If 'Auto Play' is selected the video will start playing automatically when the web page is loaded. If 'Loop' is selected the video will play continuously. If 'Enable Flash Menu' is selected, the user will be able to right click the video and access the usual Flash options.
Adding a Table
add or edit a video Use this icon to insert or edit a table. Tables should only be used for data that needs to be presented in a table. Please use the editor 'List' function for a single list of items and use the image 'Align' property for placing images.
the table popup window Clicking the Insert/Edit Table icon will give the Table popup window. Set the initial number of 'Rows' and 'Columns' and specify a 'Width' for the table (either as a percentage of the web page width or as a set number of pixels). The 'Height' should generally not be set but left fluid.

The 'Border size' setting allows a border to be added around the table cells. The 'Alignment' can be left as the default (Left aligned) or set to Centre or Right. Cell Spacing controls the spacing between the cell border and the text within while Cell Padding adds space between the cells.

The 'Caption' will be visible on the web page and should be a short description. The 'Summary' is not visible to web browsers but is used by screen readers and should be a summary of the structure of the table (not a summary of the results). Example: "This table shows statistics (column headings) for countries (row headings) ordered in descending population size."

the table content menu the cell properties window
Right clicking within the table gives the Table Context Menu. The 'Row' and 'Column' options allows rows and columns to be inserted and deleted in relation to the current one. The 'Cell' options allow cells to be inserted, deleted, split and merged. The 'Cell Properties' option brings up a further window with a set of options to control the layout of each cell. The 'Width' of the cell can be set (pixels or percentage of the table) and the 'Height' can be set (this should rarely be needed). The 'Rows Span' and 'Columns Span' allow cells to span across other rows/columns. The 'Word Wrap' should always be set to 'Yes' otherwise the table can expand wider than required and alter the layout of the webpage. The 'Horizontal Alignment' and 'Vertical Alignment' options allows rows or columns to be aligned with each other in different ways.
Formatting Text
bold and italic These allow text to be made Bold, Italic, Underlined or Strikethrough.
subscript and superscript These allow text to be made Subscript (lower than the rest of the text) or Superscript (higher than the rest).
lists These allow lines of text to be set up as lists. They can be either numbered or bulleted. Right clicking on a list within the editor window gives the option to change the numbering or bullet type.
indents These allow the indentaion of the paragraph to be increased and decreased and to be set as a blockquote.
justification These allow the justification to be set to left (the default), right, centred or both sides.
remove formatting Use the Remove Formatting icon to strip applied formatting from text. If this does not work satisfactorily, try copying/cutting the problem text and using paste as plain text to enter the text without any formatting.
the fonts drop downthe font size drop downThe 'Font' drop down allows the selected text to be formatted as a particular font and the 'Size' drop down allows the selection of a specific size.
the text colour drop downThe 'T' drop down allows the selected text to be set to a specific colour and the next icon with the paint pot colours the background similarly.
maximiseThe screen icon changes the editor to be fullscreen. Clicking it again, returns it to it's previous size.

 

Login
email:
password:

New members

Visit Angus
Visit Austin
Visit Brodie
Visit Mollie

Recently updated

Visit Suzi
Visit Harvey
Visit Tess
Visit Webster

Most popular

Visit George
Visit Suzi
Visit Max
Visit Lily
Cottages 4 You