Wstawianie wyszukiwarki NetSprint
Na stronie netsprint.pl możesz pobrać przykładowe kody wyszukiwarek, są to rozbudowane formularze z dużą ilością niepotrzebych rzeczy ;). W tym tutorialu pokażę w jaki sposób zmodyfikować kod wyszukiwarki aby można go było wstawić w dowolne miejsce na szablonie nie "niszcząc" przy tym całego wyglądu.
W niektórych szablonach standardowo umieszczam miejsce na wyszukiwarkę, jest ona wbudowana w grafikę. Ale jako że nie umieszczam skryptów na szablonach to nie ma kodów wyszukiwarek tylko czyste formularze.
Jeżeli wstawisz cały orginalny kod od netsprint.pl to całość się rozpadnie ;)
Przykład kodu wyszukiwarki NetSprint:
<form action="http://www.netsprint.pl/search"><input type="hidden" name="fff" value="0" /> <table width="232" border="0" cellspacing="0" cellpadding="0"> <tr bgcolor="#DBE4EF"> <td colspan="3"><img src="http://www.netsprint.pl/files/searchbox/_blank.gif" width="1" height="1"></td> </tr> <tr> <td width="1" bgcolor="#DBE4EF"><img src="http://www.netsprint.pl/files/searchbox/_blank.gif" width="1" height="1"></td> <td><table width="230" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"><a href="http://www.netsprint.pl/" target="_blank"><img src="http://www.netsprint.pl/files/searchbox/netsprint.gif" alt=" NetSprint " width="96" height="30" border="0"></a></td> </tr> <tr> <td align="center" bgcolor="#DBE4EF"><img src="http://www.netsprint.pl/files/searchbox/_blank.gif" width="1" height="1"></td> </tr> <tr> <td align="center"><img src="http://www.netsprint.pl/files/searchbox/_blank.gif" width="1" height="7"></td> </tr> <tr> <td align="center"><table border="0" cellspacing="0" cellpadding="0"> <tr> <td><input name="all" type="text" style="font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; background-color: #FFFFFF; width: 142px; border: 1px solid #7F9DB9; height: 22px;"></td> <td><img src="http://www.netsprint.pl/files/searchbox/_blank.gif" width="5" height="1"></td> <td><input type="submit" name="submit" value="Szukaj"></td> </tr> </table> </td> </tr> <tr> <td align="center"><img src="http://www.netsprint.pl/files/searchbox/_blank.gif" width="1" height="4"></td> </tr> <tr> <td align="center"><table border="0" cellspacing="0" cellpadding="0"> <tr> <td><input type="radio" name="domain" value="" checked /></td> <td style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none;">Szukaj w sieci</td> <td><img src="http://www.netsprint.pl/files/searchbox/_blank.gif" width="4" height="1"></td> <td><input type="radio" name="domain" value="www.ADRES_TWOJEJ_STRONY.pl"></td> <td style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #000000; text-decoration: none;">Szukaj na tej stronie</td> </tr> </table></td> </tr> <tr> <td align="center"><img src="http://www.netsprint.pl/files/searchbox/_blank.gif" width="1" height="4"></td> </tr> </table></td> <td width="1" bgcolor="#DBE4EF"><img src="http://www.netsprint.pl/files/searchbox/_blank.gif" width="1" height="1"></td> </tr> <tr bgcolor="#DBE4EF"> <td colspan="3"><img src="http://www.netsprint.pl/files/searchbox/_blank.gif" width="1" height="1"></td> </tr> </table> </form>
Sporo... a tak na prawdę to potrzeba tylko kilka fragmentów.
<form action="http://www.netsprint.pl/search"> - początek formularza
<input type="hidden" name="fff" value="0" />
<input type="hidden" name="domain" value="www.ADRES-TWOJEJ-STRONY.pl"> - tutaj wpisujesz adres swojej strony, jeżeli chesz aby wyszukiwarka szukała wszędzie to pozostaw puste
<input name="all" type="text" /> - pole tekstowe
<input type="submit" name="submit" value="Szukaj"> - przycisk szukaj
</form> -zakończenie
Pola typu "hidden" są niewidoczne.
Teraz wystarczy, ze skopiujesz w odpowiednie miejsca kawałki kodu i wyszukiwarka w szablonie jest gotowa.
Autor: Daniel Perec
D.Perec@d4u.pl