Webboard: CSS formatting for the PHP search frontend

Richard Wall Wed, 19 Sep 2001 10:04:45 -0700
Author: Richard Wall
Email: [EMAIL PROTECTED]
Message:
I've created a version of the template file (search.htm) without any html formatting, 
so I thought I'd share it with the list.
All the tags have either a class or an ID which can be referred to in a style sheet.

A problem I've been having is that our designers have wanted to edit the template file 
in Frontpage / Dreamweaver etc. When they do, they *always* seem to screw it up. The 
solution I've found is to only put the bare minimum of HTML in the template file 
itself, and create a second file called eg. index.asp based on the site design. 
(menu's graphics etc)
(note the 'asp' extension for Frontpage compatibility, only works if your server is 
configured to parse .asp files as PHP, and PHP is configured to recognise ASP style 
tags) 
In this file put a php include statement pointing to the actual php frontend script 
(search.php) Now the designers can open the search page without having to touch the 
template, and frontpage includes will work in the search page too.

If you're using TopStyle 2.5, you can point it at the file below, and it will extract 
all the id and class tags for you.

Hope this makes sense.

---- Template
&lt;!--top--&gt;
&lt;div id=&quot;search_input_block&quot;&gt;
&lt;form method=&quot;GET&quot; action=&quot;$A&quot; id=&quot;search_form&quot;&gt;
&lt;input type=&quot;hidden&quot; name=&quot;t&quot; value=&quot;CAF&quot;/&gt;
&lt;input type=&quot;hidden&quot; name=&quot;ps&quot; value=&quot;10&quot;/&gt;
&lt;p class=&quot;search_standard_paragraph&quot;&gt;Search for: &lt;input 
type=&quot;text&quot; 
name=&quot;q&quot; size=50 value=&quot;$Q&quot; 
id=&quot;search_input_box&quot;/&gt;&lt;input 
type=&quot;submit&quot; value=&quot;Search!&quot; 
id=&quot;search_submit_button&quot;/&gt;&lt;/p&gt;
&lt;p class=&quot;search_standard_paragraph&quot;&gt;
Results per page:
&lt;select name=&quot;ps&quot; id=&quot;search_results_pagination_select&quot;&gt;
&lt;option value=&quot;10&quot; SELECTED=&quot;$ps&quot;&gt;10&lt;/option&gt;
&lt;option value=&quot;20&quot; SELECTED=&quot;$ps&quot;&gt;20&lt;/option&gt;
&lt;option value=&quot;50&quot; SELECTED=&quot;$ps&quot;&gt;50&lt;/option&gt;
&lt;/select&gt;
 Default query type:
  &lt;select name=&quot;m&quot; id=&quot;search_query_type_select&quot;&gt;
  &lt;option value=&quot;and&quot; SELECTED=&quot;$m&quot;&gt;All&lt;/option&gt;
  &lt;option value=&quot;or&quot; SELECTED=&quot;$m&quot;&gt;Any&lt;/option&gt;
  &lt;option value=&quot;phraser&quot; SELECTED=&quot;$m&quot;&gt;Phrase&lt;/option&gt;
  &lt;/select&gt;
  &lt;/p&gt;

 &lt;!-- end of stl options --&gt;

 &lt;/form&gt;
  &lt;/div&gt;
  &lt;!--/top--&gt;




&lt;!--restop--&gt;
  &lt;div id=&quot;search_stats_block&quot;&gt;
  &lt;p class=&quot;search_standard_paragraph&quot; 
id=&quot;search_stats_time&quot;&gt;Search 
  Time: &lt;span 
id=&quot;search_stats_time_value&quot;&gt;$SearchTime&lt;/span&gt;&lt;/p&gt;
  &lt;p class=&quot;search_standard_paragraph&quot; 
id=&quot;search_stats_range&quot;&gt;Displaying 
  documents $f-$l of total &lt;span 
id=&quot;search_stats_total&quot;&gt;$t&lt;/span&gt; 
  found.&lt;/p&gt;
  &lt;/div&gt;
  &lt;!--/restop--&gt;

&lt;!--res--&gt;
  &lt;div id=&quot;search_results_block&quot;&gt;
  &lt;p class=&quot;search_results_title_line&quot;&gt;&lt;span 
class=&quot;search_results_number&quot;&gt;$DN.&lt;/span&gt; 
  &lt;a href=&quot;$DU&quot; TARGET=&quot;_blank&quot; 
title=&quot;$DU&quot;&gt;&lt;span 
  class=&quot;search_results_title&quot;&gt;$DT&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;
  &lt;p class=&quot;search_results_abstract_line&quot;&gt;$DE...&lt;/p&gt;
  &lt;p class=&quot;search_results_stats_line&quot;&gt;($DC) $DM, $DS bytes&lt;/p&gt;
  &lt;/div&gt;
  &lt;!--/res--&gt;

&lt;!--resbot--&gt;
  &lt;p&gt;$V&lt;/p&gt;
  &lt;!--/resbot--&gt;







&lt;!--clone--&gt;
  &lt;p class=&quot;search_results_clone_list&quot;&gt;&lt;a href=&quot;$DU&quot; 
  target=&quot;_blank&quot;&gt;$DU&lt;/a&gt; ($DC) $DM&lt;/p&gt;
  &lt;!--/clone--&gt;

&lt;!--navigator--&gt;
  &lt;div class=&quot;search_navigation_block&quot;&gt;$NL $NB $NR&lt;/div&gt;
  &lt;!--/navigator--&gt;

&lt;!--navleft--&gt;
  &lt;a href=&quot;$NH&quot; class=&quot;search_nav_prev_active&quot;&gt;Prev&lt;/a&gt;
  &lt;!--/navleft--&gt;

&lt;!--navleft_nop--&gt;
  &lt;span class=&quot;search_nav_prev_inactive&quot;&gt;Prev&lt;/span&gt;
  &lt;!--/navleft_nop--&gt;

&lt;!--navbar1--&gt;
  &lt;a href=&quot;$NH&quot; class=&quot;search_nav_page_number&quot;&gt;$NP&lt;/a&gt;
  &lt;!--/navbar1--&gt;

&lt;!--navbar0--&gt;
  &lt;span class=&quot;search_nav_page_number_current&quot;&gt;$NP&lt;/span&gt;
  &lt;!--/navbar0--&gt;

&lt;!--navright--&gt;
  &lt;a href=&quot;$NH&quot; class=&quot;search_nav_next_active&quot;&gt;Next&lt;/a&gt;
  &lt;!--/navright--&gt;

&lt;!--navright_nop--&gt;
  &lt;span class=&quot;search_nav_next_inactive&quot;&gt;Next&lt;/span&gt;
  &lt;!--/navright_nop--&gt;


  &lt;!--notfound--&gt;
  &lt;div id=&quot;search_stats_block&quot;&gt;
  &lt;p class=&quot;search_standard_paragraph&quot; 
id=&quot;search_stats_time&quot;&gt;Search 
  Time: &lt;span 
id=&quot;search_stats_time_value&quot;&gt;$SearchTime&lt;/span&gt;&lt;/p&gt;
  &lt;p class=&quot;search_standard_paragraph&quot; 
id=&quot;search_stats_words&quot;&gt;Search 
  results: &lt;span 
id=&quot;search_stats_words_value&quot;&gt;$W&lt;/span&gt;&lt;/p&gt;
  &lt;/div&gt;

&lt;div class=&quot;search_error_block&quot;&gt;
  &lt;p class=&quot;search_standard_paragraph&quot;&gt;Sorry, but search returned 
  no results. Try to produce less restrictive search query.&lt;/p&gt;
  &lt;/div&gt;
  &lt;!--/notfound--&gt;

&lt;!--error--&gt;
  &lt;div class=&quot;search_error_block&quot;&gt;
  &lt;p class=&quot;search_standard_paragraph&quot;&gt;An error occured!&lt;/p&gt;
  &lt;p class=&quot;search_standard_paragraph&quot;&gt;$E&lt;/p&gt;
  &lt;/div&gt;
  &lt;!--/error--&gt;


  &lt;!--noquery--&gt;
  &lt;div class=&quot;search_error_block&quot;&gt;
  &lt;p class=&quot;search_standard_paragraph&quot;&gt;You should give at least 
  one word to search for.&lt;/p&gt;
  &lt;/div&gt;
  &lt;!--/noquery--&gt;


  &lt;!--bottom--&gt;
  &lt;div id=&quot;search_footer_block&quot;&gt;
  &lt;p class=&quot;search_standard_paragraph&quot; 
id=&quot;search_powered_by&quot;&gt;&lt;a 
  href=&quot;http://search.mnogo.ru/&quot;&gt;&lt;img 
src=&quot;http://search.mnogo.ru/img/udm.gif&quot; 
  border=&quot;0&quot;/&gt;&lt;/a&gt;&lt;p&gt;
  &lt;/div&gt;
  &lt;!--/bottom--&gt;
----

---- Stylesheet

/**
 * search section
 */
 
/* classes */
.search_error_block{
        border : 1px dotted Red;
        font : normal normal bold 14px/normal Verdana, Geneva, Arial, Helvetica, 
sans-serif;
        text-align : center;
        margin : 10px 0px 0px 0px;
        padding : 10px 10px 10px 10px;
}
.search_standard_paragraph{
        margin : 2px 0px 1px 0px;
}

.search_nav_next_active {  }

.search_nav_page_number {  }

.search_nav_page_number_current {  }

.search_nav_prev_active {  }

.search_navigation_block {
        text-align : center;
        border-bottom : 1px solid Black;
        border-top : 1px solid Black;
}

.search_results_abstract_line {
        margin : 5px 0px 0px 20px;
}

.search_results_number {
        font-weight : bold;
}

.search_results_title { 

 }

.search_results_title_line { 
        margin : 10px 0px 0px 0px;
 }

.search_results_url {
        font-size : 9px;
}

.search_results_stats_line { 
        margin : 2px 0px 0px 20px;
        font : normal normal normal 10px;
 }


/* unique IDs */
#search_footer_block {  }

#search_form {  }

#search_input_block {   
        border : thin solid Black;
        background : #FFCC00;
        padding : 10px 10px 10px 10px;
 }

#search_input_box {  }

#search_powered_by {
        text-align : center;
}

#search_query_type_select {  }

#search_results_block {  }

#search_results_pagination_select {  }

#search_stats_block {
        border : 1px solid Black;
        background : #FFF098;
        margin : 10px 0px 0px 0px;
        padding : 10px 10px 10px 10px;
  }

#search_stats_range {  }

#search_stats_time {

}

#search_stats_time_value { 
        font : bold;
 }

#search_stats_total { 
        font : bold;
 }

#search_stats_words {  }

#search_stats_words_value { 
        font : bold;
 }

#search_submit_button {  }

----

Reply: <http://www.mnogosearch.org/board/message.php?id=3109>

___________________________________________
If you want to unsubscribe send "unsubscribe general"
to [EMAIL PROTECTED]
Webboard: CSS formatting for the PHP search frontend

Reply via email to
