i need this code "searchbox"

Please help me   

I want to make a search box مooks like that exists here in the Forum

Can you provide your forum's url please ?

link has deleted

sorry it wont open, oh and I think the Forumotion Administrator Moderators and Designers will not allow anyone to give you the exact code for the search box because it's designed for the SUPPORT FM not for other forums

I do not understand 
give me the code please

Hi

What he's saying is that the layout you've been trying to have as of now (Looking at the topics you've started) are all Forumotion's properties so we cannot give you the exact style it has since that would violate their copyright; however, we can give you a similar style that you have to edit yourself like the code below:

Code:

#search-box input.button2 {
background-color: #Color;
border: 1px solid #Color;
color: #Color;
margin: #px;
padding: #px;
text-align: center;
}

You have to change #Color, and #px values to the ones you want and you can add additional styles.

Also, if you have a hard time comprehending English, please consult with the Arabic Support Forum instead so you will find it easier to communicate : http://help.ahlamontada.com/

Regards,
Pizza Boi

Here's a great searchbox with Hover effects:
Go to you'r ACP - DISPLAY - TEMPLATES - GENERAL - OVERALL HEADER  add this:

Code:

<div id="search" class="attach">
<form method="get" action="/search?search_where=11" id="search-box">
<label for="main_search" class="hide"></label>
<a href="/search" title="Advanced Search" accesskey="4" rel="search" id="adv_search" class="attach"></a>
<span id="search_wrap">
<input type="text" name="search_keywords" id="main_search" maxlength="128" value="Search..." onclick="if (this.value == 'Search...') this.value = '';" onblur="if (this.value == '') this.value = 'Search...';">
<span class="choice ipbmenu clickable" id="search_options" style="">Forums</span>
<input type="submit" class="submit_input clickable" value=""></span>
</form>
</div>

GO TO YOUR ACP - COLORS - CSS STYLESHEET and add this :

Code:

.attach{float: right;}
.hide{display: none;}
#adv_search{width: 16px;
height: 16px;
background: url(http://community.invisionpower.com/filestore/public/style_images/master/advanced_search.png) no-repeat right 50%;
text-indent: -3000em;
display: inline-block;
margin: 4px 0 4px 4px;}
#search_wrap{position: relative;
background: white;
display: block;
padding: 0 26px 0 4px;
height: 26px;
line-height: 25px;
-moz-border-radius: 3px 4px 4px 3px;
border-radius: 3px 4px 4px 3px;
border-radius: 3px 4px 4px 3px;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
min-width: 230px;}
#main_search {margin-top: 5px;
font-size: 12px;
border: 0;
padding: 0;
background: transparent;
width: 130px;
outline: 0;}
#search_options {font-size: 10px;
height: 20px;
line-height: 20px;
margin: 3px 3px 3px 0;
padding: 0 6px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background: #EAEAEA;
display: inline-block;
float: right;
max-width: 80px;
text-overflow: ellipsis;
overflow: hidden;}
#search .submit_input {background: #0088ff url(http://community.invisionpower.com/filestore/public/style_images/master/search_icon.png) no-repeat 50%;
text-indent: -3000em;
padding: 0;
border: 0;
border: 1px solid #7BA60D;
display: block;
width: 26px;
height: 26px;
position: absolute;
right: 0;
top: 0;
bottom: 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
-webkit-box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);
-moz-box-shadow: inset 0px 1px 0 rgba(255,255,255,0.2);
box-shadow: inset 0px 1px 0 rgba(255, 255, 255, 0.2);}
#search.attach{
    position: relative;
    right: 25px;
}

#search .submit_input:hover {
  background: #7BA60D url(http://community.invisionpower.com/filestore/public/style_images/master/search_icon.png) no-repeat 50%;
}

Regards,
MIKAIL