Eigene Browser Startseite

Ist auch raus.

"onkeyup="googlesuche()" das meintest du doch oder?
 
Ich versteh nach wie vor nicht, warum ihr Javascript bemüht nur um eine Suche per Enter abzuschicken, was eh schon so geht, aber ich beobachte das hier mit Interesse weiter. :D
 
raid89 schrieb:
Geht das jetzt auch noch das ich diese Abgerundeten Ecken habe wie im Safari 4?
Zum Vergrößern anklicken....
ins css:

#srch_fld{
border: 2px solid gray;
-moz-border-radius: 10px;
}

werte kannst du nach belieben verändern

raid89 schrieb:
"onkeyup="googlesuche()" das meintest du doch oder?
Zum Vergrößern anklicken....
jup

rm -r * schrieb:
Ich versteh nach wie vor nicht, warum ihr Javascript bemüht nur um eine Suche per Enter abzuschicken, was eh schon so geht, aber ich beobachte das hier mit Interesse weiter. :D
Zum Vergrößern anklicken....
du hast natürlich recht....
den button weglassen ist natürlich auch ein weg :D :faint:
naja, warum einfach wenns auch kompliziert geht :rotfl:
 
raid89 schrieb:
Ich möchte jetzt eigentlich nur noch, das es so wie hier ausschaut.

http://www.brandspankingnew.net/archive/2005/08/adding_an_os_x.html

Denn wäre ich Super glücklich und die echt sehr dankbar!!!:)
Zum Vergrößern anklicken....

wie das geht steht ja da ;)

für die runden ecken kannst du auch den oben beschriebenen css schnipsel nehmen..

oder du variierst noch ein wenig:

#srch_fld{
border: 2px solid #bfa17b;
-moz-border-radius: 10px;
height: 20px;
width: 300px;
font-size: 18px;
text-align: center;
letter-spacing: 1px;
font-family: "Marker Felt";
color: #683816;
}

(wobei ich "marker felt" mit der schon genutzten Schriftart ersetzen würde)
 
raid89 schrieb:
Das war ja mein Problem was ich nicht hinbekommen habe. Da hat es mir immer das ganze Suchfeld zerhauen.
Zum Vergrößern anklicken....

hm.. das ist auch ne ziemlich abgefahrene lösung :D

ersetz mal testweise den quelltext durch diesen und guck ob dir das nicht evtl. auch gefällt ;):
(mit autofocus aufs eingabefeld... damit man direkt anfangen kann zu tippen)
("marker felt" würd ich wie gesagt noch durch die im bild verwendete schriftart ersetzen)

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<title>Rockmartin Startseite</title>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<script type="text/javascript">
	function start(){document.getElementById("srch_fld").focus();}
	</script>
	<style type="text/css" media="screen">

	body {
		text-align: center;
        	background: #ffffff url(caution-stripe.png) repeat-x;
	}
		
	#wrapper {
		width: 500px;
		padding-top: 400px;
		margin: auto;
		margin-top: 40px;
		background: url('firefox.png') 90px no-repeat;
		
	}
	
	#submitbutton{
		display: none;
	}
	
	#srch_fld{
		height: 24px;
		width: 320px;
		border: 3px solid #bfa17b;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		padding-top: 2px;
		font-family: "Marker Felt";
		color: #683816;
		font-size: 23px;
		text-align: center;
		letter-spacing: 1px;
	}
	</style>
</head>
<body onload="start()">
<div id="wrapper">
<form method="get" action="http://www.google.de/search">
<input type="input" id="srch_fld" name="q" />
<input type="submit" id="submitbutton" value="suche" />
</form>
</div>
</body>
</html>
 
Zuletzt bearbeitet:
Zurück
Oben Unten