arama kutusu

idea

arkadaşlar bu şekilde kenarları siyah ve ince çizgili bir arama kutusu nasıl yapabilirim? normal bir search kutusundan bahsetmiyorum. resimdeki gibi diyorum.

teşekkürler.

sempaty · 27 Mart 2011

stil vereceksin

border:1px solid #000;
background: #fff;
width:200px;

idea · 27 Mart 2011

teşekkürler.

idea · 27 Mart 2011

hocam son bir sorum daha var da.

kutu içine tıklanınca yok olan yazı nasıl ekleriz? birde bu yazı boyutuna nasıl şekil (yazı boyutu,rengi) verebiliriz? tşk.

Antika · 27 Mart 2011

.input{width:250px;border:1px solid #000;color:#000;font-size:14px;}

<input value="ara..." onfocus="if (this.value == 'ara...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'ara...';}" class="input" />

gibi gibi gibi

idea · 27 Mart 2011

eyvallah sağolun.

idea · 28 Mart 2011

yeni bir başlık açmak istemedim. arama kutusu ile bir sorum daha var.

bir arama kutusu yapmak istiyorum ama "ARA" butonu olmayacak ENTER dediğimiz zaman arayacak şekilde.

örnek: aranan kelime "haber" olsun. aşağıdaki gibi sayfaya gitsin. bunu nasıl yapabiliriz? tşk.

http://127.0.0.1/index.php?category=haber

Angelo · 28 Mart 2011

Enter zaten formu trigger eder.
FORM method'u GET yapacaksın, şekildeki gibi category=haber vermesi için.

sempaty · 28 Mart 2011

ek olarak, <input name="category" olacak

idea · 28 Mart 2011

tamam oldu ama "aranan kelime" aranılan sayfaya gittiğinde arama kutusunda hiçbirşey yazmıyor.

yeni sayfada arama kutusunda aranılan kelimenin gözükmesini nasıl sağlarız?

çok sağolun.

sempaty · 28 Mart 2011

<input name="category" value="<?=$_GET["category"];?>" .......

idea · 28 Mart 2011

value="<?=$_GET["category"];?>"

olmadı hocam? aşağıdaki gibi bir kod yapısı var.

PHP:

<!-- START SEARCH -->
	<div class="search">


	<form action="index.php" method="get" name="category" id="thisform-search">
<!-- LOGO---><a href="http://127.0.0.1/" class="logo">LOGO</a>
<!-- KAYDOL---><a class='kanal_listesi'>#</a>
	<input type="text" title="Kanal Ara" class="kanalara" name="category" value="Kanal Adı">
		</form>
	</div>
	<div class="clear"></div>
	<!-- END SEARCH -->

sempaty · 28 Mart 2011

idea · 28 Mart 2011

Allah razı olsun. çok işime yaradı.