The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

i need this code "searchbox"

View previous topic View next topic Go down

i need this code "searchbox"

Post by omarpop23 on April 24th 2014, 7:50 pm

Please help me

I want to make asearchbox مooks like that exists here in the Forum



omarpop23
Forumember

Male Posts : 144
Reputation : 3
Language : Arabic
Location : Egypt

http://egyover.ahlamontada.com

Back to top Go down

Re: i need this code "searchbox"

Post by DeathDunk98* on April 24th 2014, 7:55 pm

Can you provide your forum's url please ?

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Re: i need this code "searchbox"

Post by omarpop23 on April 24th 2014, 8:00 pm

link has deleted


Last edited by omarpop23 on April 24th 2014, 9:56 pm; edited 1 time in total

omarpop23
Forumember

Male Posts : 144
Reputation : 3
Language : Arabic
Location : Egypt

http://egyover.ahlamontada.com

Back to top Go down

Re: i need this code "searchbox"

Post by DeathDunk98* on April 24th 2014, 8:15 pm

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 Wink

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

Re: i need this code "searchbox"

Post by omarpop23 on April 24th 2014, 8:18 pm

I do not understandSad
give me the code please

omarpop23
Forumember

Male Posts : 144
Reputation : 3
Language : Arabic
Location : Egypt

http://egyover.ahlamontada.com

Back to top Go down

Re: i need this code "searchbox"

Post by Pizza Boi on April 24th 2014, 8:23 pm

Hi Very Happy

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 Smile : http://help.ahlamontada.com/

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Re: i need this code "searchbox"

Post by DeathDunk98* on April 24th 2014, 11:10 pm

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 Smile

DeathDunk98*
Forumember

Posts : 479
Reputation : 3
Language : Shqip

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum