Suchfunktion/Search - nPage.de

Herthaner4ever · #1 (**permalink**) 24.11.2010, 18:35

Guten Abend und meine Frage: Wie bekomm ich diese Suchfunktion zum "laufen" ???
Im Design rechts oben: http://www.sabrina-bode.de.to

hier der code:

HTML-Code:

<div id='search'>
          <form action="">
               <input class='form-box' type='text' value='Search'/>
               <input id="search-btn" type='image' src="http://file1.npage.de/002392/02/bilder/go-btn.png" align="top" onclick='return false;'/>
            </form>
        </div>

Der Code ist so vorgegeben.Aber ich habe keinen Schimmer wie ich die Suchfunktion aktiviere.
Muss hier noch was rein ? ->

Code:

<form action="">

Danke im voraus

Peter

bolivien · #2 (**permalink**) 24.11.2010, 20:41

Ich glaube: gar nicht. Wenn man alle Seite einer Website durchsuchen will, benötigt man irgend ein kleines PHP-Programm. So etwas läuft aber bei NPage nicht.

Ansonsten gibt es Anbieter, die so etwas ermöglichen. Wenn man deren Code einbaut, hat man aber gleich noch deren Werbelink dabei und macht sich damit das Design kaputt.

Herthaner4ever · #3 (**permalink**) 24.11.2010, 20:59

Hm, echt ? Hätt ich jetzt so nicht erwartet.Wozu baut man dann solch Suchfunktion in Templates ein ? Sicher, ich kann sie auch rausmachen, wäre aber schade ...;(

Dana · #4 (**permalink**) 25.11.2010, 09:33

Die Suchfunktion ist vielleicht auch mehr für Foren geeignet, die mit PHP gebaut werden.

Vielleicht kann man da oben alternativ eine Google-Suchfunktion einbauen?

PS: Ich hätte noch eine einfache Lösung: Ein Drop-Down-Menü dort einfügen mit allen Seiten der Homepage.

jannes115 · #5 (**permalink**) 25.11.2010, 12:23

Zitat:

Zitat von Herthaner4ever

...
Muss hier noch was rein ? ->

Code:

<form action="">

Danke im voraus

Peter

Ja, damit eine Suchfunktion funktioniert,
muss dort die Seite eingetragen werden,
die die Suche auswertet.
Aber das ist eben nur mit PHP möglich.

Tamizhan · #6 (**permalink**) 25.11.2010, 16:18

diese templates sind auch dazu gedacht, dass man die auf nem eigenen server hochlädt und dann diese weiterbearbeitet ^^

Herthaner4ever · #7 (**permalink**) 25.11.2010, 21:42

Zitat:

Zitat von Tamizhan

diese templates sind auch dazu gedacht, dass man die auf nem eigenen server hochlädt und dann diese weiterbearbeitet ^^

Genau das hab ich gemacht ...!

Danke ALLEN für ihre Antworten

Dana · #8 (**permalink**) 28.11.2010, 12:46

Ich hab meinen Such-Code wiedergefunden:

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
<meta name="author" content="Dana">
<meta name="editor" content="html-editor phase 5">
<style type="text/css">
<!--
input {width:100px;
height: 25px;
background-color:#000;
color:#ffff00;
border:solid 1px #ffff00;
text-align:center;
}
table,td {background-color:#000;
color:#ffff77;
font-size:11px;
font-family:verdana;
font-weight:bold}
=-->
</style>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
  <table border="0" bordercolor="#ffff00" align="center" cellpadding="1" cellspacing="0" width="150">
                    <tr bordercolor="black" align="top">
                      <td bgcolor="#ffff00" width="170">
                        <center>
                          <b><font color="#000000">.: Google-Suche :.</font> </b>
                        </center>
                      </td>
                    </tr>
                    <tr bgcolor="#000000" bordercolor="#999999">
                      <td onMouseOver="style.backgroundColor='#333333'" onMouseOut="style.backgroundColor='#000000'" width="0" bgcolor="#000000">
                        <div align="center">
                          <center>
                            <form method=GET action="http://www.google.com/search">
                              <div  style="color:#ffff00;font-size:11px;font-family:verdana" align="center"><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><b>Brauchst Du etwas schnell?
                                <input type="text" name="q" size=13  value="      Enter Text" onFocus="this.value='';" style="BORDER-RIGHT: #436e99 1px solid; BORDER-TOP: #436e99 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; BORDER-LEFT: #436e99 1px solid; COLOR: #000000; BORDER-BOTTOM: #436e99 1px solid; FONT-FAMILY: tahoma; BACKGROUND-COLOR: #ffff00">
                                </b></font>
                                <input type=submit class="bt5" name=btnG value="Suche!" target=_blank>
                              </div>
                            </form>
                          </center>
                        </div>
                      </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
            <p>&nbsp;</p>
<p>
<div align="center">
<center>
<table border="0" cellpadding="3" cellspacing="0">
<tr>
<td valign="top" height="25" style="line-height:15px">
<form method=GET action="http://www.google.com/search">
<div  align="center">
Brauchst Du etwas schnell?
</td>
<td valign="top" height="25">
<input type="text" name="q" size=13  value="Enter Text" onFocus="this.value='';"
style="BORDER-RIGHT: #436e99 1px solid; BORDER-TOP: #436e99 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px;
BORDER-LEFT: #436e99 1px solid; COLOR: #000000; BORDER-BOTTOM: #436e99 1px solid; FONT-FAMILY: tahoma;
BACKGROUND-COLOR: #ffff00">

</td>
<td valign="top" height="25"><input type=submit class="bt5" name=btnG value="Suche!" target=_blank>
</div>
</form>
</td>
</tr>
</table>
</p>
</body>
</html>

Code als Html-Seite speichern und einfach mal testen.

Das klappt. Da kann man schnell mal was bei google suchen.

Muss natürlich individuell gestylt werden, Muster ist schwarz-gelb.

Code oben:

Code:

<div id='search'>
          <form action="http://www.google.com/search">
               <input class='form-box' type='text' value='Search'/>
               <input id="search-btn" type='image' src="http://file1.npage.de/002392/02/bilder/go-btn.png" align="top" onclick='return false;'/>
            </form>
        </div>

Code für das Gästebuch:

font {color:#000000;}

Dann kann der Background weiß bleiben.