-
-
-
-
-<?xml version="1.0" encoding="iso-8859-1"?>
-<!DOCTYPE html
- PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "DTD/xhtml1-transitional.dtd">
-
-<html lang="en-US">
-<head>
- <title>umweb: counter</title>
-
- <style type="text/css">
- <!--
-a:link {
- color: #000066;
-}
-a:visited {
- color: #cc0000;
-}
-a:active {
- color: #cccc33;
- text-decoration: underline;
-}
-a:hover {
- color: #000000;
- background: #ffee00;
- text-decoration: underline;
-}
-
-a.titleImg:hover {
- background: #333366;
-}
-a.downloadImg:hover {
- background: #cccccc;
-}
-
-blockquote {
- font-family: arial, helvetica, sans-serif;
- margin-top: 6pt;
- margin-bottom: 6pt;
-}
-
-body {
- margin-top: 0pt;
- margin-bottom: 0pt;
- margin-left: 0pt;
- margin-right: 0pt;
- background-color: #ffffff;
-}
-
-body.home {
- margin-top: 0pt;
- margin-bottom: 0pt;
- margin-left: 0pt;
- margin-right: 0pt;
- background-image: url( "images/blue-stripes.gif" );
-}
-
-div.tt, span.tt {
- margin-top: 0pt;
- font-family: courier, courier new, monospace;
-}
-
-h1, h2, h3, h4 {
- margin-top: 5pt;
- margin-bottom: 5pt;
- font-family: arial, helvetica, sans-serif;
-}
-
-h4 {
- font-size: 0.95em;
- font-weight: bold;
-}
-
-li {
- margin-bottom: 4pt;
- margin-top: 0pt;
- font-family: arial, helvetica, sans-serif;
- font-size: .9em;
-}
-
-p {
- margin-top: 0pt;
- font-family: arial, helvetica, sans-serif;
- font-size: .9em;
-}
-
-p.cell {
- margin-bottom: 0pt;
-}
-
-p.footer {
- font-size: .75em;
- color: #333333;
- margin-top: 15pt;
- margin-right: 100pt;
-}
-
-p.footer-home {
- font-size: .75em;
- color: #cccccc;
- margin-top: 15pt;
- margin-right: 100pt;
-}
-
-p.hedr {
- font-weight: bold;
- color: #000066;
- font-size: 1.1em;
- margin-bottom: 3pt;
-}
-
-p.hedr-home {
- text-align: center;
- font-weight: bold;
- color: #000066;
- margin-bottom: 0pt;
-}
-
-p.label, span.label {
- font-family: arial, helvetica, sans-serif;
- font-weight: bold;
- color: #000066;
- font-size: .8em;
- margin-bottom: 3pt;
-}
-
-p.margins, pre.margins {
- margin-top: 4pt;
- margin-right: 10pt;
- margin-left: 10pt;
- margin-bottom: 4pt;
-}
-
-p.menu {
- color: #000000;
- font-family: verdana, arial, helvetica, sans-serif;
- font-size: 0.8em;
- line-height: 1.5em;
- margin-top: 0pt;
- margin-bottom: 3pt;
-}
-
-p.small {
- margin-left: 12pt;
- font-size: .8em;
-}
-
-p.submenu {
- color: #000000;
- font-family: verdana, arial, helvetica, sans-serif;
- font-size: 0.7em;
- line-height: 1.4em;
- margin-left: 18pt;
- margin-top: -3pt;
- margin-bottom: 4pt;
-}
-
-pre,tt {
- margin-top: 4pt;
- margin-bottom: 4pt;
- font-family: courier, courier new, monospace;
- font-size: 0.9em;
-}
-
-span.err {
- color: #990000;
- font-weight: bold;
-}
-
-table.flume {
- border: 1px solid black;
- width: 100%;
-}
-
-td.flume, th.flume {
- font-family: arial, helvetica, sans-serif;
- background-color: #bbcbff;
-}
-
-th.flume {
- color: #000066;
- font-weight: bold;
- font-size: 1.1em;
- text-align: left;
- margin-bottom: 3pt;
- width: 33%;
-}
-
- -->
- </style>
-
-
-</head>
-
-<body
-
- >
-
-
-<!-- ITCS header -->
-<table width="100%" border="0" cellpadding="0" cellspacing="0">
- <tr>
- <td align="left" bgcolor="#333366">
- <a href="http://www.itd.umich.edu/" class="titleImg"><img src="http://www.itd.umich.edu/images/itcs-banner.gif" width="455" height="20" border="0" alt="information technology central services at the university of michigan" /></a>
- </td>
-
- <td align="right" bgcolor="#333366">
- <img src="http://www.itd.umich.edu/date/Thursday.gif" alt="Thursday" /><img src="http://www.itd.umich.edu/date/April.gif" alt="April" /><img src="http://www.itd.umich.edu/date/24.gif" alt="24" /><img src="http://www.itd.umich.edu/date/2003.gif" alt="2003" />
- </td>
- </tr>
-</table>
-<!-- end ITCS header -->
-
-<table width="100%" border="0" cellpadding="3" cellspacing="0">
- <tr>
- <td bgcolor="#000066"
- background="../../images/blue-stripes.gif"
- valign="bottom"><img
- src="../../images/umweb-small.gif"
- width="350" height="71" alt="um web services"
- border="0" class="logo" />
- </td>
- </tr>
-</table>
-
-
-
-
-
-<table width="100%" border="0" cellspacing="3">
- <tr>
- <!-- Menu column -->
- <td width="125" align="center" valign="top">
- <table width="125" cellpadding="1" border="0">
- <tr>
- <td bgcolor="#000000" width="125">
- <table width="125" cellspacing="0" cellpadding="3" border="0">
-<tr>
- <td width="125" bgcolor="#dddddd" align="left">
-
- <p class="menu">
-
- <a href="../..">home</a><br />
-
-
-
-
- <a href="../../faq/">FAQ</a><br />
-
-
-
-
-
- →
-
-
- <a href="../../how-to/">how-to</a><br />
-
-
-
- </p>
- <p class="submenu">
-
-
- <a href="../../how-to/homepage.html">homepage</a> <br />
-
-
-
- → <a href="../../how-to/cgi-scripts/">cgi scripts</a> <br />
-
-
-
- <a href="../../how-to/weblogin.html">weblogin</a> <br />
-
-
-
- <a href="../../how-to/sql.html">SQL</a> <br />
-
-</p>
-
- <p class="menu">
-
-
-
-
-
- <a href="../../services/">services</a><br />
-
-
-
-
-
-
-
- <a href="../../software/">software</a><br />
-
-
-
-
- <!-- commented out until it is ready: clunis 8/13
-
-
-
- <a href="../../statistics/">statistics</a><br />
-
- -->
-
-
-
-
- <a href="../../team/">team</a><br />
-
-
-
-
-
-
- <a href="../../contact/">contact</a> <br />
-
- </p>
-
- </td>
-</tr>
-</table>
-
-
- </td>
- </tr>
- </table>
- </td>
-
- <!-- left inner margin -->
- <td width="5">
- <img src="../../images/trans.gif"
- width="5" alt="" />
- </td>
-
- <!-- main body column -->
- <td width="600" valign="top">
- <!-- ====== header and breadcrumbs ==== -->
-
- <table cellpadding="0" cellspacing="8" border="0" width="90%">
- <tr>
-
- <td>
- <h2>
- counter
- </h2>
- </td>
-
-
- <td align="right">
- <!-- ======
- this is formatted tight to avoid whitespace and wrapping
- ====== -->
- <p>
- <a href="../..">home</a> / <a href="../../how-to/">how-to</a> / <a href="../../how-to/cgi-scripts/">cgi-scripts</a> / <b>counter</b>
- </p>
- </td>
- </tr>
- </table>
-
-
-
-
-<table cellpadding="6" cellspacing="4" border="0" width="90%">
-
-<tr>
- <td bgcolor="#dddddd">
- <p class="hedr">Counter - an approximate count of hits on your page</p>
- </td>
-</tr>
-
-<tr>
- <td>
- <p class="margins">
- <a href = "./counter-faq.html">Counter</a> allows
- you to display an image representing an access counter on a
- given page. To put a counter on a page, include a tag
- like:
- </p>
-
-<pre class="margin">
-<img src="http://cgi.www.umich.edu/counter?link=
-http://www.umich.edu/~umweb/index.html"></pre>
-
- <p class="margins">
- <b>Note:</b> This line must appear in your html
- document on only one line. If you copy and paste any
- of the counter examples from this page to your own
- document, be sure to edit the file and remove any line
- breaks in the counter link.
- </p>
- </td>
-</tr>
-
-<tr>
- <td bgcolor="#dddddd">
- <p class="hedr">Counter options</p>
- </td>
-</tr>
-
-<tr>
- <td>
- <p class="margins">
- The <b>link=</b> argument specifies the URL to be counted. It is
- required. Additional arguments must be separated from each other by
- ampersands (&)
- </p>
-
- <p class="margins">
- The <b>ignore=</b> argument specifies IP
- addresses (141.211.164.2) or domain names
- (terminator.cc.umich.edu) that are forbidden from
- incrementing the counter.
- </p>
-
- <p class="margins">
- The <b>font=</b> argument specifies a font to use instead of
- the counter's default. If you have a freely available
- truetype font that you would like to see added to this
- list please submit download information, author's name,
- and contact information to webmaster. We will not be
- able to add every font that is submitted.
- </p>
-
- <p class="margins">
- The <b>width=</b> argument specifies how many digits are
- displayed & has a maximum of ten. If you specify a
- width that is too small for the number being displayed,
- the counter will use only as many digits as it needs.
- If you specify too large a width, the counter will pad
- the number being displayed with zeros.
- </p>
-
- <p class="margins">
- The <b>rand=</b> argument will cause the counter to display a
- different random number everytime your page loads.
- </p>
-
- <p class="margins">
- The <b>reset=</b> argument allows you to reset the counter to
- a specific value.
- </p>
-
- <p class="margins">
- The <b>text=</b> argument allows you to set the font color
- using the "web color" scheme. For instance, to get a
- counter with black text, set "text=000000". Note that "#"
- is interpreted as an anchor by the browser, and as such
- must be ommitted. "text=#000000" will not behave as you
- expect.</p>
-
- <p class="margins">
- The <b>bgcolor=</b> argument allows you to set the background
- color using the "web color" scheme. For instance, to get
- a counter with a white background, set "bgcolor=ffffff".
- Note that "#" is interpreted as an anchor by the browser,
- and as such must be ommitted. "bgcolor=#ffffff" will not
- behave as you expect.</p>
-
- <p class="margins">
- The <b>point=</b> argument allows you to set the point size
- of the counter. Note this will only work in conjunction
- with the font= argument, as the default font cannot be
- sized.</p>
-
- <p class="margins">
- The <b>image=</b> argument allows you to make the counter
- generate PNG images rather than the default image format,
- JPEG. JPEG has been chosen as the default image format
- because, being rendered internally by most browsers, JPEG
- images appear to load more quickly and match the other
- colors presented by the browser better than PNG files.
- However, the image quality of JPEGs is lower than that of
- PNG. PNG appears to be slower on some browsers ( those
- that use a helper application to render the images may
- appear to "hang" for a moment when loading the counter
- image ) but the quality is superb.
- </p>
-
- </td>
-</tr>
-
-<tr>
- <td bgcolor="#dddddd">
- <p class="hedr">Counter options</p>
- </td>
-</tr>
-
-<tr>
- <td>
-
- <p class="margins">
- There is only one required argument in the counter:
- <b>link=<i>URL</i></b>. There are other, optional
- arguments, each of which needs to be separated by &
- signs. All of the applicable arguments are listed below:
- </p>
-
- <table border="0" cellpadding="1" cellspacing="1">
- <tr>
- <th>Example</th>
- <th>default</th>
- <th>Example Image</th>
- <th>Description</th>
- </tr>
-
- <tr>
- <td>link=http://www.umich.edu</td>
- <td>none</td>
- <td><img src="http://cgi.www.umich.edu/counter?link=http://www.umich.edu" alt="" /></td>
- <td>The URL of the page using the counter.</td>
- </tr>
-
- <tr>
- <td>rand=true</td>
- <td>rand=false</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true" alt="" /></td>
- <td>Whether or not to display a random number.</td>
- </tr>
-
- <tr>
- <td valign="top">font=gd</td>
- <td rowspan="16" valign="top">gd is the default font</td>
- <td><img src="http://cgi.www.umich.edu/counter?link=http://www.umich.edu/counter.html" alt="" /></td>
- <td rowspan="16">The digit style of the counter.</td>
- </tr>
-
- <tr>
- <td>font=transit</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&font=transit" alt="" /></td>
- </tr>
-
- <tr>
- <td>font=stylus</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&font=stylus" alt="" /></td>
- </tr>
-
- <tr>
- <td>font=steamer</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&font=steamer" alt="" /></td>
- </tr>
-
- <tr>
- <td>font=buff</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&font=buff" alt="" /></td>
- </tr>
-
- <tr>
- <td>font=zoinkfat</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&font=zoinkfat" alt="" /></td>
- </tr>
-
- <tr>
- <td>font=simpson</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&font=simpson" alt="" /></td>
- </tr>
-
- <tr>
- <td>font=adlibn</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&font=adlibn" alt="" /></td>
- </tr>
-
- <tr>
- <td>font=signboard</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&font=signboard" alt="" /></td>
- </tr>
-
- <tr>
- <td>font=arial</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&font=arial" alt="" /></td>
- </tr>
-
- <tr>
- <td>font=comic</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&font=comic" alt="" /></td>
- </tr>
-
- <tr>
- <td>font=courier</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&font=courier" alt="" /></td>
- </tr>
-
- <tr>
- <td>font=impact</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&font=impact" alt="" /></td>
- </tr>
-
- <tr>
- <td>font=trebuchet</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&font=trebuchet" alt="" /></td>
- </tr>
-
- <tr>
- <td>font=verdana</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&font=verdana" alt="" /></td>
- </tr>
-
- <tr>
- <td>font=lumos</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&font=lumos" alt="" /></td>
- </tr>
-
- <tr>
- <td>width=9</td>
- <td>width=0</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&width=9" alt="" /></td>
- <td>
- This setting determines how many digits are
- displayed & has a maximum of ten.
- </td>
- </tr>
-
- <tr>
- <td>reset=1202</td>
- <td>none</td>
- <td><img src="http://cgi.www.umich.edu/counter?link=http://www.umich.edu/counter.html&reset=1202" alt="" /></td>
- <td>Used to reset the counter to a specific, non-negative value. </td>
- </tr>
-
- <tr>
- <td>text=9933ff</td>
- <td>text=ffffff</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&text=9933ff" alt="" /></td>
- <td>Used to set the font color of the counter.</td>
- </tr>
-
- <tr>
- <td>bgcolor=ffffff</td>
- <td>bgcolor=000000</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&bgcolor=ffffff&text=000000" alt="" /></td>
- <td>Used to set the background color of the counter.</td>
- </tr>
-
- <tr>
- <td>point=36</td>
- <td>point=20</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&font=comic&point=36" alt="" /></td>
- <td>Used to set the point size of the counter font.</td>
- </tr>
-
- <tr>
- <td>image=png</td>
- <td>image=jpeg</td>
- <td><img src="http://cgi.www.umich.edu/counter?rand=true&font=comic&image=png" alt="" /></td>
- <td>Used to set the output format of the counter image. </td>
- </tr>
- </table>
-
- </td>
- </tr>
-</table>
-
-
- </td>
-
- <!-- right outer margin -->
- <td width="20">
- <img src="../../images/trans.gif"
- width="20" alt="" />
- </td>
- </tr>
-</table>
-
-
- <p class="footer" align="right">
-
-
-
- Copyright © 2001 - 2003
- Regents of the University of Michigan <br />
-
-
- Page last updated:
- Tuesday, 15 April 2003 <br />
- </p>
-
-</body>
-</html>
-