Oficjalne forum pomocy serwisu PUN.pl

xn

Użytkownik

Dołączył: 2010-08-09

Liczba postów: 455

Szybkie wyszukiwanie

To błahostka, ale nie każdy zdaje sobie z tego sprawę: można utworzyć samemu prostą wyszukiwarkę.

<form method="get" action="search.php"><input type="hidden" name="action" value="search"><input type="text" autocomplete="off" name="keywords"> <button>szukaj</button></form>

Taką wyszukiwarkę możemy użyć w rozwijanym pasku menu, albo ładnie wkomponować w logo.

Przykładowe zastosowanie możecie zobaczyć u mnie na forum: http://www.stadolwiejziemi.pun.pl/
Gdzie wystarczy najechać na "Szukaj" myszą by wyskoczył pasek szybkiego wyszukiwania.

pro14ab

Moderator

Skąd: C:\users\pro14ab

Dołączył: 2013-01-20

Liczba postów: 1,198

WWW

Odp: Szybkie wyszukiwanie

Jeżeli ktoś potrzebujesz to proszę, gotowy kod:
Dodatkowe odnośniki w menu:

2 = <a class="szukaczka" href="#"><span onclick="document.location='/search.php'">Szukaj</span><form method="get" action="search.php"><input type="hidden" name="action" value="search"><input type="text" autocomplete="off" name="keywords"> <button>Szukaj</button></form></a>

2- pozycja odnośnika (2 w menu)

CSS:

a.szukaczka  {
  position: relative;
  display: inline;
}
a.szukaczka  form {
  position: absolute;
  width:220px;
  color: #FFFFFF;
  background: #000000;
  height: 35px;
  line-height: 35px;
  text-align: center;
  visibility: hidden;
  border-radius: 2px;
}

a:hover.szukaczka form {
  visibility: visible;
  opacity: 0.8;
  top: 13px;
  left: 50%;
  margin-left: -76px;
  z-index: 999;
}

Ostatnio edytowany przez pro14ab (2014-08-24 15:49:43)

---

Discord: pro14ab#3318
>> GitHub <<
Polecam