Animation Source Forums

I have wrote this to explain how to make a GOOD use of the text editor on the site (used for writing articles, fanfics, sending private messages, for site creators it's used to write the pages content, etc...)

Currently, it uses a software named FCK editor, which is similar in use to Microsoft Word.

It is used to write formatted text. It generates the HTML code automatically.
Watch carefully the buttons in the interface (let your mouse over to know what they're for).




Adding links : If you want a link to appear as this : (which is the best for webranking, as it contains keywords)

Animation Source

And not this (which is BAD in most cases) :

/

You need to do this in the text editor : write the words first, then highlight them with the mouse, then click on the "Link" button in the interface. There, paste the URL, and click OK. There! If you made a mistake, highlight the words again and click the "Remove link" button in the interface.




Adding images : When you write large amount of text, remember to always add some images around the text, in order to attract the readers. For example, when you write the presentation of a film, you can add the logo of the company or the DVD cover. This is important, and I insist : to make your pages look better, add one or two images (not too many either – try to be reasonable)




Prepare your picture : Resize it to a small resolution in order to fit (between 100 and 300 pixels width / height is fine for pictures surrounding text) Try to add meaningful filenames to your pictures : if it's the Disney company logo, do not send « pic1.jpg » but rename your file to « logo-disney.jpg ». (that's for webranking)




Upload : Click on the « Image » button. You can upload a new picture by choosing « Browse the server ». The directory you're uploading to is different whether you're sending a PM, an article, writing a page on the site, etc... In any case, you'll only be able to access one.

When it's done, it should appear in the preview, and the URL will be filled.

This is not finished!!! It is very important to add an « Alternate text », especially for webranking. The alternate text is used for describing what's on the picture.

Also, to make them look better, go to the « advanced » tab, and write « ib » in the « stylesheet class » field. (this will automatically add a nice border around it)
Finally, in order for your pic to surround the text, you can choose to add some horizontal / vertical padding, and align it to the left or the right.
You can also reduce the picture resolution by changing the values of width / height here. (but it's better to do it before upload, because this is a browser resize and it will look worse)
If you want to modify a picture later, right click on it and choose « image properties ».




Writing text : Try to avoid spelling mistakes, make it look professional. Jump lines, make paragraphs, use punctuation. Use bold or underline on important parts. Italics should be used for names (characters, companies, etc...)

To make it more convenient, do not hesitate to use the « Edit full screen » button and the « Preview » button.
If you did a mistake and want to go back, use the « Undo » button. (or CTRL + Z)

If you're writing a list, add « [rond ] » before each entry to automatically add a dot picture and make it look nicer.

For subtitles, instead of using formatting, add « [h1 ] » before each subtitle and « [/h1 ] » after, to make it look like a « standard » subtitle.

To separate your text, it's even better to use an horizontal bar : in order to do that, enter the HTML source code (« Source » button) and add « <hr /> » at the position you want to add it (sorry, no button in the interface available to do it yet)

Finally, don't forget to save regularly!




Imports from Word : use the special « Word paste » button when you copy/paste from a Word document, in order to get a much better result.

Adding Youtube videos, flash content, etc : use the « Source » button and paste the code directly into it.

Glitchs : The text editor often generates bad HTML, and the result may end up broken or glitchy. If that happens, remember that you can always edit the source HTML code. You can also remove formatting by using the « Paste as text » button or the « Clean formatting » button.