Submit a Story

• Fill in all the fields, they're required
• Provide complete and accurate information
• Double check those URLs

Submission Page Enhancements

HISTORY: The enhanced submission page uses the most common Javascript code that will run on any platform, using most if not all, web browsers (including good 'ol NS 4x). There is no ActiveX, DHTML or iFrame specific code within this enhanced version. If there was, it would only work under the dominant browser on the Wintel platform, so please refrain from comparing it to any existing "runs on PC IE 5+ only" WYSIWYG editors currently floating around. Our goal is to support everyone who uses Geeklog regardless of their preferred platform.

The image to the right will help you to localize their functions described below:

(1) TEMPLATES: These are not real templates, they are merely story submission starters. Clicking on either of the two included samples will drop some dummy text into the <textarea> which, at best, will give you a place to start if you are unfamiliar with html content submission. For example, clicking on "Article" would add the following html code to the <textarea>:

This is the first paragraph to your article...
<p>
This is the second paragraph to your article...
</p><p>
This is the third paragraph to your article with a link that relates to your story. <a href="http://www.sampleurl.com"> Click here.</a>
</p>

The text shown in black is your story, all the black text is dummy text which is meant to be replaced by your own words. Anything inbetween <> will not be visible in your story because they are html tags and are used by the web browser to define content around and within them. Many articles that are posted to Geeklog sites contain a link in them, therefore this particular template includes one at the end of your article incase you want to link to something on the web. Simply replace "www.sampleurl.com" with your link and you're done.

(2) LINKS and IMAGES: Possibly the most useful feature is the ability to have the submission page generate the code to create hyperlinks. It also generates the code to load an image from the web/intranet into your article. Samples of what is require will load into the fields each time you submit a new story, however, unless you specifically click the "Add" button the samples will not be included with your submission.

We encourage you to replace the samples provided in the fields with whatever it is you are planning to link to. Then click the "Add" button to have your link with the proper html code applied to it so works in a browser. Once the code is pasted into the <textarea> (that's the largest blue area shown in the image) you can change what the hyperlink word actually says. For instance, the default sample link is "http://geeklog.sourceforge.net". When you click "Add" the following will be added to the <textarea>:

<a href="http://geeklog.sourceforge.net">link to file or site</a>

The text in blue above is what will appear in your article, everything else in red is invisible. So if you were linking to Geeklog's web site you may want to change the text shown in blue to something more specific like:

<a href="http://geeklog.sourceforge.net">go to Geeklog</a>

(3) FORMATTING EXTRAS...: This drop down menu contains the following:

• New Paragraph <P>
• Line Break <BR>
• Teletype Text <TT>
• Preformatted Text <PRE>
• Horizontal Rule <HR>

Selecting any of these from the list will append it to your article. Unfortunately Javascript is not very good at interacting with text fields in web browsers, what this means for you is that anything which you decide to add to your story will be appended to the tail end of your story. In short, if you write up your entire article then decide you want a link in the middle of your text it means highlighting it from the bottom of your story where it was inserted, cutting it, and then pasting it into the location you originally wanted it in. That's likely the most painful process you'll even encounter - cut and paste... ;^)

(4) COLOUR and FORMATTING: The colour options will add a <font> tag that defines colour for a peice of text (shown below). You have to replace the dummy text shown in blue with the actual word(s) you want to appear in colour. It doesn't get anymore complicated than that.

<font color=#fd000e> blue text </font>

To the right of the colour box are formatting options which include things such as bold <B>, italics <I>, benter <CENTER> and so on. These all get appended after the last word in the <textarea>. Use the formatting options to add a separating rule to your article or bold some text.

(5) This is shows you what the webmaster of the site is permitting as html code within your story. If you thought your text was going to be coloured but it turns out black then look at this line. If you don't see <img> as allowable html then it means the webmaster does not want you colouring your story submissions. By default, Geeklog does not permit coloured text and internet hosted images to be submitted with your articles, your webmaster may simply have forgotten to add this ability.

Have fun,
Simon