 |
|
 |
|
Comment placer la barre de recherche dans le bandeau supérieur sous le logo ? |
|
|
|
|
 |
|
Pas à Pas
1 - créer un fichier header_search.php dans catalog/includes/
| Code: | <?php
/*
$Id: header_search.php,v 1.1.1.1 2003/04/06 12:15:21 wilt Exp $
osCommerce, Open Source E-Commerce Solutions
http://www.oscommerce.com
Copyright (c) 2001 osCommerce
Released under the GNU General Public License
## Patch bandeau Search dans Header : GniDhal gnidhal@free.fr ##
*/
?>
<!-- Header search //-->
<tr>
<td align="center" valign="top" class="BoxHeadingSearch" height="20">
<?php
$hide = tep_hide_session_id();
echo '<form name="quick_find" method="get" action="' . tep_href_link(FILENAME_ADVANCED_SEARCH_RESULT, '', 'NONSSL', false) . '">' ;
echo $hide . BOX_SEARCH_TEXT . '&<input type="text" name="keywords" size="10" maxlength="30" value="' . htmlspecialchars(StripSlashes(@$HTTP_GET_VARS["keywords"])) . '" style="width: ' . (BOX_WIDTH-30) . 'px; height:20px">&<input type="submit" value="go" />&&&<a class="BoxHeadingSearch" href="' . tep_href_link(FILENAME_ADVANCED_SEARCH) . '"><b>' . BOX_SEARCH_ADVANCED_SEARCH . '</b></a></form>' ;
?>
</td>
</tr>
<!-- Header_search_eof //--> |
2 - modifier le header.php (dans catalog/includes) en ajoutant simplement la ligne require comme ci dessous à la fin de la première table (celle qui inclut le logo) entre le dernier </tr> et le </table>
| Code: | </tr>
<?php require(DIR_WS_INCLUDES . 'header_search.php');?>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="1" height="20">
<tr class="headerNavigation">
<td class="headerNavigation">&&<?php echo $breadcrumb->trail(' & '); ?></td>
<td align="right" class="headerNavigation"><?php if (tep_session_is_registered('customer_id')) { ?><a href="<?php echo tep_href_link(FILENAME_LOGOFF, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_LOGOFF; ?></a> &|& <?php } ?><a href="<?php echo tep_href_link(FILENAME_ACCOUNT, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_MY_ACCOUNT; ?></a> &|& <a href="<?php echo tep_href_link(FILENAME_SHOPPING_CART, '', 'NONSSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CART_CONTENTS; ?></a> &|& <a href="<?php echo tep_href_link(FILENAME_CHECKOUT_SHIPPING, '', 'SSL'); ?>" class="headerNavigation"><?php echo HEADER_TITLE_CHECKOUT; ?></a> &&</td>
</tr>
// Pour placer la barre de recherche sous la barre de navigation, déplacer la ligne ici
</table>
// Placer ce code pour avoir la barre de recherche centrée sous la barre de navigation
<table width="100%">
<td align=center><?php require(DIR_WS_INCLUDES . 'header_search.php');?></td>
</table>
|
3 - créer le style BoxHeadingSearch dans la CSS du site selon votre charte graphique, exemple :
| Code: | TD.BoxHeadingSearch {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
color: #FFFFFF ;
}
A.BoxHeadingSearch {
color: #000000;
}
A.BoxHeadingSearch:hover {
color: #FFFFFF;
} |
Et voilà ! disent les anglosaxons.
4- supprimer le box de recherche :
require(DIR_WS_BOXES . 'search.php');
dans le catalog/includes/column_left.php
par un simple comment'
// require(DIR_WS_BOXES . 'search.php');
et zouuu Au Boulot !(c)6ju
NB : attention ! certains caractères html sont filtés par le système d'édition du forum. C'est le cas des espaces insécables html : & nbsp; (ici avec un espace entre le & et nbsp; pour l'affichage !) dont il ne reste que le &. A corriger donc dans le code ci dessus. |
|
|
|
|
|
|
Auteur : Gnidhal |
Mise à jour le 01/08/2006 |
|
 |
|
|
|
|
|
