dslreports logo
site
spacer

spacer
 
    All FAQs Site FAQ DSL FAQ Cable Tech About DSL Distance DSL Hurdles »»
spc

spacer




how-to block ads




20. Writing New Entries

You do this the same way a regular user adds a potential FAQ submission ... by clicking on the link at the bottom of the FAQ:



The difference is, when you as a FAQ owner preview and then submit, the entry immediately becomes part of the finished FAQ, if the FAQ has been made public.

By default, all new entries will go into the first topic in your FAQ if not changed. You make this selection in the box at the top of the screen.

by KeysCapt See Profile
last modified: 2007-11-18 10:05:00

One of the common problems that crops up in the FAQs is failure to close HTML tags. This can cause all sorts of little irritating glitches, chief among which is failure to format your text properly.

If you use a tag such as <small> or <strong> it's important to include the closing tag at the end of the formatted text: </small>

One trick to remembering this is to type both tags at the same time: <small></small> ... then type your text in between the tags. It's helped me.

by KeysCapt See Profile



Cascading Style Sheet properties can be used with HTML to bring life to your FAQ entries.
Please remember that FAQs are for concisely sharing information -- don't get carried away.



A good use for CSS is to create notes, or warnings. Here is the code for a very simple warning box:

<p style="background:yellow;color:blue;
width:300px">Warning: Don't cut the BLUE wire!</p>

This is its result:

Warning: Don't cut the BLUE wire!


That is pretty effective as is, but by using some additional properties, it's possible to create a more sophisticated one. Here is the code:

<p style="background:#FDFD9e;color:red;width:200px;border-width:1px;
padding-top:5;padding-bottom:5;padding-right:5;padding-left:5;
border-color:red;border-style:dashed none dashed none;
font-weight:bold"><b>Warning:</b><font color="black">
Don't cut the <font color="red">RED</font> wire!</font></p>


This is the result:

Warning:
Don't cut the RED wire!



If you're not already familiar with CSS and HTML, you can copy and paste the above code to use in your own FAQ entries. It's easy to change the colors and text.



CSS doesn't work the same in all browsers.

All the above code has been tested in Internet Explorer, Opera, and Firefox, and is viewable with the "printable all-text format" feature associated with a FAQ. This means it should work in all modern browsers. If you decide to experiment, other CSS code may not--test it.

If you'd like to learn more about CSS properties, here's a reference link:

»www.htmlhelp.com/reference/css/p···ies.html

by climbers See Profile edited by KeysCapt See Profile
last modified: 2004-03-27 18:01:47



SPAN tags can be used in FAQ entries for emphasis.


<span style="background-color:lightyellow"><b><font color="000000"
size="0">Click thumbnail to see full-size.</font></b></span>

Results in this:

Click thumbnail to see full-size.


Unlike the techniques given here /faq/9301 the SPAN tags can easily be used inline to highlight a word or phrase.

This:

<span style="background-color:lightyellow "><font color="000000"> <b>Don't</b>
</font></span> press the <span style="background-color:lightyellow">< font color="#FD0000">
<b>red button</b></font></span>!

Results in this:

Don't press the red button!


by climbers See Profile edited by KeysCapt See Profile
last modified: 2004-03-27 18:02:17

Whenever you either create or edit a FAQ entry now, there are tools along the top of the editing window to make the job of formatting much easier. These can be seen in this image:



Here is a brief description of the buttons and their uses:
First two insert heading styles in two font sizes.

H4 is larger, unbolded type with a horizontal line,

H5 is bold font.


Next one inserts the HTML code for a paragraph, giving two line feeds.

Next is a link insert button, which opens a small window into which you can type or copy the URL you want to include.

Next are BOLD, Italics, Strikethrough, Superscript and Subscript.

Next are the buttons for inserting a table, a table row, and a table definition ... saves you from having to type all those codes over and over.

Next, Unordered List, Ordered List, and Line insert for your lists. (Bulleted lists)

Next is Blockquote, which indents a paragraph or segment of text. This section is blockquoted.

The Code button allows the input of HTML or other coding without it being treated as such by the browser, and Comment is much the same, starts the line with an exclamation point and hypens to mark the following text as comment.

Close Tags is a quick way to enter closings for all the tags you have used, such as paragraph, font and table tags. Note that you may also type a section of text, higlight it, and then click on the format button you want to use. This will open and close the tags for that section of text.

The best way to get familiar with these new tools is to experiment.

by KeysCapt See Profile