Tweet
I'm trying to use cgi with shtml becuase I haven't been able to get this working on php. So far, the shtml works fine, but... I can't seem to change the style or add my own images etc. Can someone tell me which places I should change to add a banner and footer?
I have things set up like this:
--search.shtml--
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="Pragma" content="No-Cache">
<title>Search</title>
<link rel=stylesheet type="text/css" href="../css/index.css" media=screen>
<link rel=stylesheet type="text/css" href="../css/index_p.css" media=print>
<style type="text/css">
.highlight { background: #FFFF40; }
.searchheading { font-size: 130%; font-weight: bold; }
.summary { font-size: 80%; font-style: italic; }
.results { font-size: 100%; }
.category { color: #999999; }
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}
.sorting { text-align: right; }
.result_title { font-size: 100%; }
.zoom_searchform { font-size: 100%; }
.zoom_options { font-size: 80%; }
input.zoom_button { }
input.zoom_searchbox { }
</style>
</head>
<body>
[img]../images/banner.gif[/img]
<table width=760 cellpadding=0 cellspacing=0>
<tr>
<td class=pink>
<p class=title>Search this site</p>
Enter one or more keywords to search.</p>
</td>
</tr>
</table>
MY FOOTER GOES HERE
</body>
</html>
and search_template.html
<!--
The ZOOMSEARCH tag below marks the place where your search form and search results will be inserted when you run the search script. By default, you do not need to place a
search form here, the search script will generate one and display it before the search
results. Also note that the ZOOMSEARCH tag should be on a seperate line of its own. -->
<p class=title>Search this site</p>
Enter one or more keywords to search.</p>
and when I view search.shtml on the website I get this:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="Pragma" content="No-Cache">
<title></title>
</head>
<body>
<center>
<table width=100% cellpadding=0 cellspacing=0>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
This is the search template file (search_template.html) which contains the layout
to your search page.
Note that you can not access the search function from this page (by default). Instead,
you should open or link to the search script, which is a file named "search.php",
"search.asp", or "search.cgi".
-->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Example Zoom search template page</title>
<!--
You can change the fonts, colors, and styles of your search results with the CSS below.
For some examples and more information on Cascading Style Sheets (CSS), visit our support page at:
http://www.wrensoft.com/zoom/support/css.html
-->
<style type="text/css">
.highlight { background: #FFFF40; }
.searchheading { font-size: 130%; font-weight: bold; }
.summary { font-size: 80%; font-style: italic; }
.results { font-size: 100%; }
.category { color: #999999; }
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}
.sorting { text-align: right; }
.result_title { font-size: 100%; }
.zoom_searchform { font-size: 100%; }
.zoom_options { font-size: 80%; }
input.zoom_button { }
input.zoom_searchbox { }
</style>
</head>
<body>
<!--
The ZOOMSEARCH tag below marks the place where your search form and search results
will be inserted when you run the search script. By default, you do not need to place a
search form here, the search script will generate one and display it before the search
results. Also note that the ZOOMSEARCH tag should be on a seperate line of its own.
-->
<p class=title>Search this site</p>
Enter one or more keywords to search.</p>
<form method="get" action="search.shtml" class="zoom_searchform">
Search for: <input type="text" name="zoom_query" size="20" value="" class="zoom_searchbox" />
<input type="submit" value="Submit" class="zoom_button" />
<span class="zoom_options">Results per page:
<select name='zoom_per_page'><option selected="selected">10</option><option>20</option><option>50</option><option>100</option></select>
Match:
<input type="radio" name="zoom_and" value="0" />any search words
<input type="radio" name="zoom_and" value="1" checked="checked" />all search words
<input type="hidden" name="zoom_sort" value="0" />
</span>
</form>
</body>
</html>
</td>
</tr>
</table>
</center>
</body>
</html>
I have things set up like this:
--search.shtml--
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="Pragma" content="No-Cache">
<title>Search</title>
<link rel=stylesheet type="text/css" href="../css/index.css" media=screen>
<link rel=stylesheet type="text/css" href="../css/index_p.css" media=print>
<style type="text/css">
.highlight { background: #FFFF40; }
.searchheading { font-size: 130%; font-weight: bold; }
.summary { font-size: 80%; font-style: italic; }
.results { font-size: 100%; }
.category { color: #999999; }
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}
.sorting { text-align: right; }
.result_title { font-size: 100%; }
.zoom_searchform { font-size: 100%; }
.zoom_options { font-size: 80%; }
input.zoom_button { }
input.zoom_searchbox { }
</style>
</head>
<body>
[img]../images/banner.gif[/img]
<table width=760 cellpadding=0 cellspacing=0>
<tr>
<td class=pink>
<p class=title>Search this site</p>
Enter one or more keywords to search.</p>
</td>
</tr>
</table>
MY FOOTER GOES HERE
</body>
</html>
and search_template.html
<!--
The ZOOMSEARCH tag below marks the place where your search form and search results will be inserted when you run the search script. By default, you do not need to place a
search form here, the search script will generate one and display it before the search
results. Also note that the ZOOMSEARCH tag should be on a seperate line of its own. -->
<p class=title>Search this site</p>
Enter one or more keywords to search.</p>
and when I view search.shtml on the website I get this:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta http-equiv="Pragma" content="No-Cache">
<title></title>
</head>
<body>
<center>
<table width=100% cellpadding=0 cellspacing=0>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--
This is the search template file (search_template.html) which contains the layout
to your search page.
Note that you can not access the search function from this page (by default). Instead,
you should open or link to the search script, which is a file named "search.php",
"search.asp", or "search.cgi".
-->
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Example Zoom search template page</title>
<!--
You can change the fonts, colors, and styles of your search results with the CSS below.
For some examples and more information on Cascading Style Sheets (CSS), visit our support page at:
http://www.wrensoft.com/zoom/support/css.html
-->
<style type="text/css">
.highlight { background: #FFFF40; }
.searchheading { font-size: 130%; font-weight: bold; }
.summary { font-size: 80%; font-style: italic; }
.results { font-size: 100%; }
.category { color: #999999; }
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}
.sorting { text-align: right; }
.result_title { font-size: 100%; }
.zoom_searchform { font-size: 100%; }
.zoom_options { font-size: 80%; }
input.zoom_button { }
input.zoom_searchbox { }
</style>
</head>
<body>
<!--
The ZOOMSEARCH tag below marks the place where your search form and search results
will be inserted when you run the search script. By default, you do not need to place a
search form here, the search script will generate one and display it before the search
results. Also note that the ZOOMSEARCH tag should be on a seperate line of its own.
-->
<p class=title>Search this site</p>
Enter one or more keywords to search.</p>
<form method="get" action="search.shtml" class="zoom_searchform">
Search for: <input type="text" name="zoom_query" size="20" value="" class="zoom_searchbox" />
<input type="submit" value="Submit" class="zoom_button" />
<span class="zoom_options">Results per page:
<select name='zoom_per_page'><option selected="selected">10</option><option>20</option><option>50</option><option>100</option></select>
Match:
<input type="radio" name="zoom_and" value="0" />any search words
<input type="radio" name="zoom_and" value="1" checked="checked" />all search words
<input type="hidden" name="zoom_sort" value="0" />
</span>
</form>
</body>
</html>
</td>
</tr>
</table>
</center>
</body>
</html>
Comment