--=REKLAMA=--

Beez/obszar header mod search

Z Joomla!WikiPL

(Przekierowano z Beez - dostosowanie szablonu/header/mod search)

Odwołanie w HTML

  1. <form action="index.php"  method="post" class="search<?php echo $params->get('moduleclass_sfx'); ?>">
  2.    <label for="mod_search_searchword">
  3.       <?php echo JText::_('search') ?>
  4.    </label>
  5.    <?php
  6.       $output = '<input name="searchword" id="mod_search_searchword" maxlength="20" class="inputbox'.$moduleclass_sfx.'" type="text" size="'.$width.'" value="'.$text.'"  onblur="if(this.value==\'\') this.value=\''.$text.'\';" onfocus="if(this.value==\''.$text.'\') this.value=\'\';" />';
  7.  
  8.          if ($button) :
  9.             if ($imagebutton) :
  10.                $button = '<input type="image" value="'.$button_text.'" class="button'.$moduleclass_sfx.'" src="'.$img.'"/>';
  11.             else :
  12.                $button = '<input type="submit" value="'.$button_text.'" class="button'.$moduleclass_sfx.'"/>';
  13.             endif;
  14.          endif;
  15.  
  16.          switch ($button_pos) :
  17.             case 'top' :
  18.                $button = $button.'<br />';
  19.                $output = $button.$output;
  20.                break;
  21.  
  22.             case 'bottom' :
  23.                $button = '<br />'.$button;
  24.                $output = $output.$button;
  25.                break;
  26.  
  27.             case 'right' :
  28.                $output = $output.$button;
  29.                break;
  30.  
  31.             case 'left' :
  32.             default :
  33.                $output = $button.$output;
  34.                break;
  35.          endswitch;
  36.  
  37.          echo $output;
  38.    ?>
  39.       <input type="hidden" name="option" value="com_search" />
  40.       <input type="hidden" name="task"   value="search" />
  41. </form>

Zamiana tekstu etykiety

  1. JText::_('search')

Znajdź w pliku językowy en-GB.mod_search.ini deklarację "SEARCH=Search" i zmodyfikuj ją: 

  1. SEARCH=Tutaj twój tekst!

Odwołania w CSS

#header form

Poniższe klasy i id wpływają na formularz. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.

Podstawowa klasa

Miejsce przechowywania - w pliku: layout.css 

  1. #header form
  2. {
  3.     background:#C39;
  4.     border:solid 0 #000;
  5.     float:right;
  6.     height:5em;
  7.     min-width:240px;
  8.     text-align:left;
  9.     padding:0 0 0 20px;
  10. }


Dodatkowe klasy

Miejsce przechowywania: position.css 

  1. *
  2. {
  3.     margin: 0;
  4.     padding: 0;
  5. }
Dodatkowe informacje: position.css/*

#header form lable

Poniższe klasy i id wpływają na (ukryte) etykiety. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.

Podstawowa klasa

Miejsce przechowywania - w pliku: layout.css 

  1. #header form label
  2. {
  3.     color:#000;
  4.     position:absolute;
  5.     left:-3000px;
  6.     top:-200px;
  7.     width:auto;
  8. }

Dodatkowe klasy

Miejsce przechowywania: position.css 

  1. *
  2. {
  3.     margin: 0;
  4.     padding: 0;
  5. }
Dodatkowe informacje: position.css/*

#header form .button

Poniższe klasy i id wpływają na klasę button w formularzu w obszarze header. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.

Podstawowa klasa

Miejsce przechowywania - w pliku: layout.css 

  1. #header form .button
  2. {
  3.     background:url(../images/pfeil.gif) #000 no-repeat;
  4.     border:0;
  5.     color:#fff;
  6.     font-weight:bold;
  7.     margin:20px 10px 0 0;
  8.     padding:0px 5px 0px 30px;
  9.     cursor:pointer;
  10. }

Dodatkowe klasy

Miejsce przechowywania: position.css 

  1. *
  2. {
  3.     margin: 0;
  4.     padding: 0;
  5. }
Dodatkowe informacje: position.css/*

#header form .inputbox

Poniższe klasy i id wpływają na the klasę inputbox w formularzu w obszarze header. Zwróć uwagę na kolejność. Każda właściwość CSS zostanie napisana przez powyższą klasę.

Podstawowa klasa

Miejsce przechowywania - w pliku: layout.css 

  1. #header form .inputbox
  2. {
  3.     background:#fff;
  4.     border:solid 2px #93246F;
  5.     font-weight:bold;
  6.     padding:0 0 0 2px;
  7.     margin:20px 10px 0 0 !important;
  8.     width:6em;
  9. }

Miejsce przechowywania - w pliku: layout.css 

  1. #header form .inputbox:focus
  2. {
  3.     border:solid 2px #000;
  4. }

Dodatkowe klasy

Miejsce przechowywania: position.css 

  1. *
  2. {
  3.     margin: 0;
  4.     padding: 0;
  5. }
Dodatkowe informacje: position.css/*


Spis treści

Dziękujemy za wkład

» Stefan Wajda [zwiastun],

Źródło „https://wiki.joomla.pl/index.php?title=Beez/obszar_header_mod_search&oldid=23360”