Увы, шаблон недоступен для скачивания или покупки, в связи с обращением правообладателя! По всем вопросам обращайтесь к Администратору.
Выглядит это следующим образом: пользователь видит только часть текстового поля, ту часть, в которой есть иконка поиска, по нажатию на эту иконку выползает оставшаяся часть поиска. Так только, кажется, на самом деле поиск не выползает и не выдвигается, он просто увеличивается по ширине. Стандартную ширину ставим 1 пиксель, видимую область решит padding слева. Кстати, padding справа уберем вообще, чтобы все выглядело ровно. Выдвижной поиск на JQuery смотрится лучше, когда располагается справа, так и задумано. Если установить слева, то выдвигаться поиск будет в правую сторону, эффект не такой интересный, но, возможно, вам это и нужно.
Для примера сконструировано меню, сюда же и «впихнем» наш поиск. Меню сделано с помощью списков (UL и LI), поэтому заключенный в LI поиск приобретает атрибут в CSS (float: right). Это значит, что поиск будет показываться справа независимо от других элементов.