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.

Search Box

View previous topic View next topic Go down

Solved Search Box

Post by MasterSly on January 19th 2013, 7:47 pm

How do I add a Seach box here

Like this

I use punBB

MasterSly
Forumember

Male Posts : 114
Reputation : 5

http://greekfmsupport.forumgreek.com/

Back to top Go down

Solved Re: Search Box

Post by MasterSly on January 20th 2013, 9:20 pm

Bump

MasterSly
Forumember

Male Posts : 114
Reputation : 5

http://greekfmsupport.forumgreek.com/

Back to top Go down

Solved Re: Search Box

Post by MasterSly on January 21st 2013, 8:39 pm

Bump

MasterSly
Forumember

Male Posts : 114
Reputation : 5

http://greekfmsupport.forumgreek.com/

Back to top Go down

Solved Re: Search Box

Post by Akkii on January 21st 2013, 10:26 pm

Code:
<div id="search-box"><form method="get" action="/search?search_where=11" id="search"><p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="Search.." onclick="if (this.value == 'Search..') this.value = '';" onblur="if (this.value == '') this.value = 'Search..';"><input type="hidden" name="tt" value="1"><input class="button2" type="submit" value="Search"></p></form></div>
This is code to make Search Box.

Code:
#search-box #keywords {
position: relative;
top: 34px;
padding-left: 5px;
background: #004e86;
left: -27px;
color: white;
border: 1px solid #00365c;
border-radius: 3px;
}
#search-box input.button2 {
display: none;
}
This is CSS for that box.
Now you will need to put that first code somehow in Navigation links.
And fix position with that CSS.
I tried , but i always get Search button behind Navigation :/

Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: Search Box

Post by MasterSly on January 22nd 2013, 2:43 pm

thank you but this code don`t search
Code:
<div id="search-box"><form method="get" action="/search?search_where=11" id="search"><p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="Search.." onclick="if (this.value == 'Search..') this.value = '';" onblur="if (this.value == '') this.value = 'Search..';"><input type="hidden" name="tt" value="1"><input class="button2" type="submit" value="Search"></p></form></div>

MasterSly
Forumember

Male Posts : 114
Reputation : 5

http://greekfmsupport.forumgreek.com/

Back to top Go down

Solved Re: Search Box

Post by Akkii on January 22nd 2013, 3:49 pm

Its working fine for me.

Akkii
Forumember

Male Posts : 710
Reputation : 107
Language : English,HTML, CSS,Photoshop,Javascript!
Location : Here on Forumotion!

http://www.csshelp.net

Back to top Go down

Solved Re: Search Box

Post by Sanket on January 22nd 2013, 3:53 pm


Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Search Box

Post by MasterSly on January 22nd 2013, 9:14 pm

I Did but I have a problem
Look

I want to do something like this

MasterSly
Forumember

Male Posts : 114
Reputation : 5

http://greekfmsupport.forumgreek.com/

Back to top Go down

Solved Re: Search Box

Post by Sanket on January 23rd 2013, 3:53 am

I believe.
By modifying this, you can change the position where you want it to appear.
Code:
.qsearch {
    position: absolute;
    right: 8px;
    top: 10px;
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Search Box

Post by Omu on January 23rd 2013, 11:22 am

If you still need help..
Search this in overall_header
Code:
               <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                     </ul>
                  </div>
               </div>
And replace it with:
Code:
               <div id="pun-head">
                  <div id="pun-navlinks">
                     <ul class="clearfix">
                        <li>{GENERATED_NAV_BAR}</li>
                        <li id="sarci">    <div id="search-box"><form method="get" action="/search?search_where=11" id="search"><p class="nomargin"><input type="text" name="search_keywords" id="keywords" maxlength="128" class="inputbox search" value="Search.." onclick="if (this.value == 'Search..') this.value = '';" onblur="if (this.value == '') this.value = 'Search..';"><input type="hidden" name="tt" value="1"><input class="button2" type="submit" value="Search"></p></form></div></li>   
                     </ul>
                  </div>
               </div>
Add to CSS Stylesheet:
Code:
    #search-box #keywords {
    position: relative;
    top: 34px;
    padding-left: 5px;
    background: #004e86;
    left: -27px;
    color: white;
    border: 1px solid #00365c;
    border-radius: 3px;  }

    #search-box input.button2 {  display: none;  }

  li#sarci {  float: right;}

Omu
Active Poster

Male Posts : 1019
Reputation : 86
Language : Romanian, English, French
Location : Romania

http://supportdrops.com/

Back to top Go down

Solved Re: Search Box

Post by MasterSly on January 23rd 2013, 2:09 pm

Thanks Smile
Solved

MasterSly
Forumember

Male Posts : 114
Reputation : 5

http://greekfmsupport.forumgreek.com/

Back to top Go down

Solved Re: Search Box

Post by Sanket on January 23rd 2013, 2:13 pm

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

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