Drupal.cz

Dneska jsem řešil úpravu vzhledu vyhledávací pole v bloku a nakonec se zadařilo. Určitě to neni hvězdný ale pro mě funkční tak se s váma podělim.

PŘED:

PO:

Stahni soubory v příloze:

Přidej do CSS:

<?php
/* Hides "Search this site:" label from search forms */
div#edit-search-theme-form-1-wrapper label,
div#edit-search-block-form-1-wrapper label {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}
#search-block-form {                  /* celej searchbox */
display: inline-block;
height: 46px;
width: 244px;
background-image: url(images/searchbox.png);
border: 0 ;
background-repeat: no-repeat;
float: right;
margin-right: 19px;                 /* odsazení zprava */
margin-top: 16px;                 /* odsazení zvrchu */
}

#edit-search-block-form-1 {          /* pole v searchboxu, kam se píše */
margin-top: 15px;
background-color: transparent;
border: 0 transparent ;
margin-left: 20px;
font-family: calibri;
width: 166px;
}

#search-block-form .form-submit {    /* tlačítko k odeslání dotazu v searchboxu */
display: inline-block;
padding-top: 10px;
background: transparent ;
border: 0 ;
float: right;
padding-right: 14px;
}
?>

a do template.php

<?php
function NÁZEVTÉMATU_preprocess_search_block_form(&$vars, $hook) {
    // Modify elements of the search form
    unset($vars['form']['search_block_form']['#title']);

    // Set a default value for the search box
  $vars['form']['search_block_form']['#value'] = t('');


    // Modify elements of the submit button
    unset($vars['form']['submit']);

    // Change text on the submit button
    //$vars['form']['submit']['#value'] = t('Go!');

    // Nahrazení tlačítka pro vyhledání obrázkem - NOTE: '#src' leading '/' automatically added
    $vars['form']['submit']['image_button'] = array('#type' => 'image_button', '#src' => 'sites/all/themes/NÁZEVTÉMATU/images/searchbox-tlacitko.png');

    // Rebuild the rendered version (search form only, rest remains unchanged)
  unset($vars['form']['search_block_form']['#printed']);
  $vars['search']['search_block_form'] = drupal_render($vars['form']['search_block_form']);

    // Rebuild the rendered version (submit button, rest remains unchanged)
    unset($vars['form']['submit']['#printed']);
    $vars['search']['submit'] = drupal_render($vars['form']['submit']);

    // Collect all form elements to print entire form
  $vars['search_form'] = implode($vars['search']);
}
?>

hotovo;-) Budu rád, když někdo napíše svoje řešení, případně jak nastavit stav po najetí na tlačítko vyhledávání. #search-block-form .form-submit:hover mi nefungovalo

Příloha	Velikost
pred.png	3.58 KB
po.png	7.8 KB
searchbox.png	2.35 KB
searchbox-tlacitko.png	1.87 KB