TWIKI/HTML

Boreham Library Staff Manuals

TWIKI/HTML Manual

version 2007.07.26.a

Note: minor changes in menus and wording may occur with each upgrade. Just read the menu carefully and select the correct item wherever it is.

HTMLTWIKI
<a href=>[[http://www.uark.edu/page.html#placeonpage ][readable link]] (see below)
<b>*begin and end with*
<b> <i>__begin and end with__
<block>%BLOCK%begin and end with%/BLOCK%
<br>%BRALL%
<dl><dt><dd>term, three spaces, colon, space, definition (1)
<em>_begin and end with_
email link[[%EMAIL%emailname][visible name]]
<font>=begin and end with=
<h1>---+
<h2>---++
<h3>---+++
<h4>---++++
<hr>--- three hyphens at beginning of line
<i>_begin and end with_
<ol><li>three spaces and number or capital letter for ordered list
<p>blank line between typed paragraphs, first line indented
pdf file link%PDF%
stock pdf warning%PDFWARNING% "must download Adobe Acrobat..."
<quot><verbatim>begins and ends with</verbatim>
<strong>*begin and end with*
<strong> <em>__begin and end with__
<table>%TABLE{attributes}%
<tr>each line is a table row
<td>| contents |  (2)
<ul><li>three spaces and * for bullet list
Quick Links:

Anchors

[[#MyAnchor][jump to link]]

Attachments

Attached files are %ATTACHURL%image.gif

  1. Click on the Attach link (right of the Edit on the horizontal menu
  2. Browse to your file
  3. Click the Upload button
  4. The link is at the bottom of the web page and appears as
    * [[%ATTACHURL%/myfile.doc][myfile.doc]]:.
  5. Delete the * and the :, then use Edit to move it where it is needed

Remove attached files from the table containing them (at the bottom of the page) by clicking its Action link and Moving it to the Trash Index. Follow through to Move the file.

(1) Definitions

term can have only one word, or words separated by a ampersand followed by nbsp

Characters

For < write ampersand followed by lt; and for > write ampersand gt;

For & write ampersand followed by amp;

Colors

256 colors using 6 character hexadecimal at Color Table

Images

UA Fort Smith Image Bank

  1. Use the Image Processing screen in the dropdown menu, upper right of edit screen
  2. Browse for image in jpg or gif format
  3. Click Process Image button to get the image
  4. Adjust the horizontal bar to resize the image. This is the bar at the bottom of the form section, above the white space where the image appears
  5. Adjust brightness, rotation, select final size
  6. Comment becomes the Alt that appears when mouse is over the image
  7. Click Process Image
  8. Do NOT change: width, height, border="0"
  9. align can be left or right
  10. use %BRALL% to stop text beside the image and continue below it
  11. Right-click on image, save as a file on your hard drive, save it.
  12. Attach it (see instructions for that)

%IMG{SRC="%ATTACHURLPATH%/barbaraeden.jpg" WIDTH="250" HEIGHT="315" BORDER="0" ALIGN="left" ALT="barbaraeden.jpg"}%
%BRALL% then put caption line

Links

[[Topic Name]]
[[Web.Topic Name][visible text]] for on-site
[[%EXTERNAL%http://google.com][visible text]] for off-campus

(2) Tables

  • |bold| are considered headers
  • |space text space| are centered
  • |space text| are right aligned
  • |2 column span|| are multi-span columns; the number of pipes | at the end count number of columns to span
  • split a row into lines with a backslash \ at end of each line
Table Attributes {inside curly braces}
  • sort="on sortable by clicking on the head of the column
  • initsort="1" column to sort by initially
  • headerbg="#123456" header background cell color
  • databg="#123456" data cell color
  • for alternating colors use: %TABLE{databg="#C8CB8F,#DBDDB5"}% with desired colors
  • tableborder="1" thickness of table border
  • cellpadding="0" cell space inside in pixels
  • cellspacing="3" space between cells in pixels
  • valign="" vertical alignment is top, middle, bottom, or baseline
  • headeralign="center" header alignment is left, center, right, or justify
  • dataalign="center" data alignment is left, center, right or justify
  • align="center" aligns table on page; left is default, center, right
  • width="100%" width in percentage of page