HTML - Custom Google Search Bar, Will Not Resize!
I'm working on a website trying to get the Custimized Google Search bar where I want it. But I can't seem to get it to adjust the width or the height.
I'm sure I'm probably doing something stupid, but I'm a noob. Please help! Here's what it looks like in preview: This is what the code looks like: !!!! Similar Tutorialsanyone knows a way to sign into google apps without involving a google hosted sign in page? somebody in a blog described same problem like "We're having a Google Apps mail service. And we want to create a gmail login form on our main site. The mail login page resides at mail.our_domain.com. And we're trying to create a form at www.our_domain.com pages to send the user to his gmail account. I've copied the whole html code from mail.our_domain.com and placed in www.our_domain.com pages. And when the form gets submitted it redirects to mail.our_domain.com displaying the login form with security warning that it is only safe to log in from there. " since i do not understand html or so i need help, lets say my domain is xy.com, how must the html code must look like to enter google apps mail directyl from my domainwebpage. Please help hi every i'm Rohit From India and just started working with the html and i've an task given by my teacher i have to make a web page with one header pic and a footer pic and there should be one google search box in Header i know how to make a google search box in a simple web page using this code HTML Code: <html> <head> </head> <body> <form name="search" action="http://www.google.com/search" target= "_blank"><input name="query" value= "site:http://www.my_site.com" type="hidden" /><input name="q" type= "text" class="field" value="Search Stuff" /><input type="submit" class= "button" value="Search" /></form> </div> </body> </html> but here i've too make a search box over an pic so what i did is i made a simple header in photoshop then i sliced it and use it in my web page using a table and placed the text input box one column and the search button on the next column but now the searching is working i'm English learning too . i know its not good but if its hard for you what i 've written then do this :- i have attached a zip file which have the source files so please edit the html code without changing the current look of the page and make the search box work and i'm new to this site too if i did anything wrong or posted my question at wring place plz don't mind I want to create a google search bar for my website. Not a custom search, but one that will use just generic google. How would I go about doing this (may require JS/PHP) Hi there, Firstly, I am really really new to HTML and i am trying to learn, pretty much through trial and error and a bit of on the side reading, so sorry if this is a really easy and silly question. Secondly, any help would really be appreciated becasue I have looked EVERYWHERE and can't seem to find out how to do this. So thank you in advance OK. I designed a webpage with a virtual arabic keyboard (just for fun!.lol), I havent used javascript or anything like that, my buttons are made up of a MAP. For example: input class= "bt" type="button" onclick="document.form.textarea.value=document.form.textarea.value + '١'; " shape=RECT coords="93, 115, 143, 163"> What I want to do is, when I click one of the buttons on the keyboard, I want it to open a new window/tab and search the contents of the textarea in google.com. I have tried loads of things, but nothing seems to work. My website is: www.arabic-keys.com Thank you once again in advance for all your help! Mucho appreciated! I teach middle school and I want the students to search directly from my site. http://home.comcast.net/~cknaylor/index.html I have the links to google and other sites but I don't have the correct code. Could someone have a look and help me out? So when you type in a search, it doesn't just go to google but it searches google. Thanks. I want a Form that searches google on my home page. Not a hyperlink to google but a text area and then maybe a dropdown menu for Google, Yahoo, Google Images, Alltheweb. Any help would be appreciated. I made a site with Dreamweaver that has frames and within those frames I have different html pages that load into them. I came across an extension once which I believe prevented those pages from coming up in Google searches but cannot relocate it. These pages are just bare text and should not be accessed by themselves. Hi - I've noticed on my site that the code Google Search generates behaves differently in Firefox than in IE7. The code is adding extra spaces above the Google forms. Has anyone else experienced this? How do I correct it? Thanks, Matt Code: <form style="margin-top:4px;margin-bottom:4px" method="get" name="searchform" action="http://www.google.com/search" target="_blank"> <input type="hidden" name="sitesearch" value="domain" /> <input alt="search" type="text" style="width:102px; color: #ffffff; background-color: #494949" name="as_q" /><input style="width:20px;height:20px;font-weight:bold;color:#000000;background-color:#8f8f8f" type="submit" value=".."/> how can i make the code work for subdomain coz it doesnt work if i put like test.domain.com.. any idea pls ? I'm using IE8 to test Hi, I'm trying to add a google search box (in a table) to my web page, but for some reason it the input button links to the page I am currently on. The strange part is that I put the same exact code in another cell right next to the other google search box and that one works wonderfully while the first one still links to the current page. It is the same with any search engine (yahoo, bing, ask), the first search box links to the current page and the rest work great. Here is the code I use: Code: <form method="get" action="http://www.google.com/search"> <input style="width:140px" type="text" name="q" size="31" maxlength="255" value="" /><br /> <input type="submit" value="Google Search" /> </form> Try googling "SWTOR". The first link has a very nice description, e.g., several links to the material within etc. How can I do this? Can someone link some sample code? Is this all done within the meta description? Thanks all! Love the advice here on this forum ) I made update to the HTML code of an website. After update, I searched a content in google. Still google searches the previous HTML content in search results. If I open the search result, new updated HTMl code is displayed. My question is how to remove completely the information more google search results. Please help. Hey everyone! Does anybody know how we could set up google search results for this: ( see pic ) Hey all, I'm pretty sure this is a very easy solution, I've just been staring at it too long and am probably missing the cause. I'm using Google's site search API and using their "Results Only" setup, so I design my own search box, then just drop their code into the results page and specify the variable the query is being passed as. So here's my search box: Code: <form method="post" action="/search-results/?q="> <input id="searchTxt" type="text" maxlength="128" name="q" size="15" value="Search" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}" /> <input type="image" name="op" value="Search" src="/wp-content/uploads/2011/07/search-button-magnifier.png" /> And the results code via Google: Code: <div id="cse" style="width: 100%;">Loading</div> <script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript"> function parseQueryFromUrl () { var queryParamName = "q"; var search = window.location.search.substr(1); var parts = search.split('&'); for (var i = 0; i < parts.length; i++) { var keyvaluepair = parts[i].split('='); if (decodeURIComponent(keyvaluepair[0]) == queryParamName) { return decodeURIComponent(keyvaluepair[1].replace(/\+/g, ' ')); } } return ''; } google.load('search', '1', {language : 'en'}); google.setOnLoadCallback(function() { var customSearchControl = new google.search.CustomSearchControl('XXXXXXXXXXXXXXXXXXX'); customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET); var options = new google.search.DrawOptions(); options.enableSearchResultsOnly(); customSearchControl.draw('cse', options); var queryFromUrl = parseQueryFromUrl(); if (queryFromUrl) { customSearchControl.execute(queryFromUrl); } }, true); </script> <link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" /> But nothing seemingly the query is not sent with the user to the results page. Manually adding "?q=test" shows the results work. Am I missing something here? I'm using Wordpress on this site, so not sure if the permalink setup is screwing with it at all. Thanks for the help When I use this code in Google it works fine: Quote: <form name="f" action="http://www.google.com/search" method="get" name="fo" target="_self"> <input name="q" type="checkbox" style="width: 20px" value="avi|mpg|mpeg|wmv|rmvb|asf|divx|xvid"> <span class="style17"><strong>Ficheiros avi</strong></span></td> <table cellspacing="0" cellpadding="0"> <tbody> <tr valign="top"> <td width="25%"> </td> <td nowrap="nowrap" align="middle"> <input name="q" type="text" id="q" /> <input style="WIDTH: 75px" type="submit" value="Procurar" /> </tr> </tbody> </table> </form> But when I use this same code on blogsearch.google.com it does not deliver the word I'm searching. Any ideas? Thank you, Rui Nunes Hi, Here you are going to know how to create a shortcut search form for Google or Youtube or any website: First of all you need to open notepad in your computer and type the following code: You know: HTML Code: <html> <body> Alright, This is famous code... Now you need to create a form search so what you need to type is: HTML Code: <form name="Youtube Search" method="get" action="http://www.youtube.com/"> <input type="text" name="search_query"> <input type="submit" value=" Search! "> </form> Q: Why did we put the text name "search_query"? A: I have created this simple code by searching on youtube and looking at the link above. Ex: I have searched for " html language " The link appeared: http://www.youtube.com/results?searc...+language&aq=f So... We see " search_query " then, " = " and " method="get" " mean that the text which you type in the html page will be put in a link after " = ". I mean if I type in the textbox that I want to search for html language. It will be put like that: http://www.youtube.com/search_query=html+language This is it. Then, put the following code to end the html code and the body: HTML Code: </body> </html> Now, It should work completely.. Hope you understand my own code in searching on websites without entering it or putting it in your website. Hi, I need to add a search in a site, that is combined by a text field, a drop down menu, and a submit button. The code is like this: <html> <body> <input type="text" name="textfield" /> <select name="select"> <option>Google Scholar</option> <option>Google Books </option> <option>Yahoo</option> <option>Altavista</option> <option>Webcrawler</option> <option>Metacrawler</option> </select> <input type="submit" name="Submit" value="Submit" /> </body> </html> What I need it to do, and I can't find how to, is this: When I type something in the text field, and choose (for example) Yahoo, when i press "submit", I need to redirect to www.yahoo.com, and the results already in the site, presented. I could do it with one site easily, but the drop down menu, with all these search engines, is my difficulty.... Thanks in advance! Great site, great job! this issue has been solved |