Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Mapowanie obrazka, a skrypt szukajki
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Mangel
Hej,

To mój debiut tutaj, więc prosze za mocno nie bić. :-)
Mam forum, pod logiem umieściłem skrypt na szukajkę forumową, ale nie bardzo mi to tam współgra. Najchętniej zmapowałbym logo i umieścił na nim pole i button szukajki, ale... no właśnie, jest to "ale". Umiem mapować obrazki w GIMPie, umieszczając na nich odsyłacze (to jest akurat banalne), ale zastanawia mnie, jak, i czy w ogóle, da się zmapować obrazek i umieścić na nim skrypt?

Jeśli to pomoże, oto link do forum http://www.zakonswiatla.pun.pl/forums.php

PS Nie byłem pewien, bo noga jestem, czy to się odnosi do JS, ale wydawało mi się że tak... Jak coś, proszę o przeniesienie. M.
zegarek84
Zrobiłem Ci to w CSS i sprawdzałem tylko pod mozillą w firebugu zmieniałem (dostosuj to sobie)...

zamień tam gdzie masz to logo w znaczniku <p> na:
  1. <p>
  2. <span style="position: relative;">
  3. <a href="http://www.zakonswiatla.pun.pl/forums.php">
  4. <img src="http://i39.tinypic.com/1zc347t.png" style="width: 100%; height: 281px;">
  5. </a>
  6. <link rel="Shortcut icon" href="http://i35.tinypic.com/10gbfrq.png//">
  7. <div style="margin: 0px; text-align: right; position: absolute; bottom: 17px; right: 22px;">
  8. <form id="search" method="get" action="search.php">
  9. <input type="hidden" name="action" value="search">
  10. <input type="text" name="keywords" size="25" maxlength="200" value="Szukaj!" onclick="this.value= ''">
  11. <input type="submit" name="search" value="Szukaj!">
  12. </form>
  13. </div>
  14. </span>
  15. </p>

oczywiście to w style wywalić by należało i ostylować w CSS... i chyba tam masz gdzieś jakiś float czy coś bo musiałem do div'a z formularzem przy bottom dać 17px od dołu i 22 od prawej - masz zarys a popraw sobie dalej sam winksmiley.jpg

Mangel
Dzięki wielkie! Już wszystko jest tak jak chciałem. :-)
Niestety, nie mam tam dostępu do FTP, więc wszystkie kody i skrypty umieszczam na forum za pośrednictwem pól czytających HTML i js. Nie da się niestety ustawić wszystkiego pod wszystkich, nad czym ubolewam.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.