Search box in horisontal menu - is this possible to do !?
Author: Gorg ..
Visited 2246,
Followers 3,
Shared 0
How to put Search box into hor. menu!?
Is there some script to do that, and how to do this!
Thanks in advance!!
Posted on the
Yes it's possible.
1. Create a normal search bar in the header with the button.
2. Export the site in a folder on your computer
3. Find the code for the search bar. It's like this
<div style="position: relative; top: 25px; left: 20px; width: 282px;z-index:10001;">
<form id="imSearch_1" action="imsearch.php" method="get" style="white-space: nowrap">
<fieldset>
<input type="text" name="search" value="" 0px;"="" margin-right:="" middle;="" vertical-align:="" 0);="" 0,="" rgb(0,="" solid="" 1px="" border:="" 21px;="" 0px="" 3px="" padding:="" no-repeat;="" background-repeat:="" center;="" 2px="" background-position:="" imsearch.png");="" res="" style="width: 208px; font: 8pt Tahoma; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); margin-right: 0px; padding-right: 0px;">
<img id="search_ife_marker_1" class="ife_marker" src="chrome://informenter/skin/marker.png" style="position:relative; z-index: 999; cursor:pointer; vertical-align: bottom; border: 0; width: 14px; height: 19px; display:none;" title="Lunghezza massima del campo sconosciuta">
<img id="search_ife_marker_0" class="ife_marker" title="Lunghezza massima del campo sconosciuta" style="position:relative; z-index: 999; cursor:pointer; vertical-align: bottom; border: 0; width: 14px; height: 19px; display:none;" src="chrome://informenter/skin/marker.png">
<span onclick="$('#imSearch_1').submit();" style="height: 21px; font: normal normal normal 8pt Tahoma; color: #000000; background-color: #D3D3D3; margin-left: 6px; padding: 3px 6px 3px 6px; border: 1px solid #000000; vertical-align: middle; cursor: pointer;">Cerca</span>
</fieldset>
</form>
</div>
4. In the header use the html button, and place it where you want. I placed mine in right bottom of the header (see the attached image). If you see the height ot the html box is placed under the header.
5. Insert the search bar code and use top and left tag to position. Before this you must insert the z- index tag (You can see it in the code point 3 in the first div line)
6. After that you must export imsearch.php in the root and imsearch.png in res folder
7. i hope i was clear
sorry i forgot to attach the image file
Author
Hi Roberto,
I will try that now.
I make test project, insert search box into head, expotr site on HDD - but, tell me where is stored code for search ( I search into index.html, but there is nothing like this...?
And one more, when I find( I hope....!?) this code, and copy it into html object, then test the site , and that is OK, is next step export site on server, and now from HDD is your STEP 6.
If I understod correct !?
Thanks allot!
Your support means a lot to me !!!
Hi
well to find the code you must open index.html with any text programs, you will find for sure. Last step is delete the original search bar in the head and leave only the code in html and export in your hosting with website's ftp program. If you want you can see if everything is going fine with website x5 preview.
Author
Ok, I find code, and paste it into html object, set z- index tag into 10001 like yours, but , down is attached immage for preview...???
[IMG]http://i.imgur.com/UzG5d.png[/IMG]
Author
Is need some changes in this part of code;
<input type="text" name="search" value="" 0px;"="" margin-right:="" middle;="" vertical-align:="" 0);="" 0,="" rgb(0,="" solid="" 1px="" border:="" 21px;="" 0px="" 3px="" padding:=""