Thanks for fixing the Search.html so that it accepts the URL commands. Giving the webmaster a little more control is really nice.  For the record, I love DDG!

That said I’ve been putting Search.html through the paces and here’s what I’ve found.

1.       For placement on any website the following adjustments to the standard html code allows for integration regardless to the page background color.

<iframe src="http://duckduckgo.com/search.html

 style="overflow:hidden;margin:0;padding:0;width:398px;height:34px;" frameborder="0"></iframe>

 

2.       The standard duck logo has two issues: 1) Size. For integration bigger is not better. Trying to integrate the logo into a website with the current logo size is a bit overpowering. I think 33px X 33px would be about right. This would get the DDG logo out there without distracting from integrating sites page appeal. 2) White background. Works great if you are integrating into a page with a white background. However, if you want to integrate into a page with a background color other than white, not so good. If the new smaller logo had a transparent background I think it would be perfect.

 

3.       Finally, the following probably less than perfect, code change would add a link to the DDG About page.

                <iframe src="http://duckduckgo.com/search.html

 style="overflow:hidden;margin:0;padding:0;width:398px;height:34px;" frameborder="0"></iframe>

User could change font style, color and size if desired.

I updated the search box code. 

This is definitely a step closer.

The larger image no doubt works better with white or lighter colored backgrounds.

The smaller image works with just about any background if you adjust the style width and height so that the background becomes pretty much invisible.

You can also get a real nice affect with both by turning the frameborder parameter on.  Once again, each image requires some adjustment to the style width and height settings in this mode.

I guess if you wanted to you could build width, height and frameborder on/off into the tool, but any average hacker should be able to do this without the tool.

I’ve also had pretty good luck leaving the image off and pasting in the cropped and resized large logo into a WYSIWYG editor. This gives you a sharp logo with a transparent background.

This is great!

It's been a long time since I did those and of course I no longer have the exact code and colors the following code should get you close.

<iframe src="http://duckduckgo.com/search.html?width=350&duck=yes&bgcolor=EEDAA9" 
style="overflow:hidden;margin:0;padding:0;width:473px;height:60px;" frameborder="0"></iframe>

Set your page background to HTML color code #CCB05B and use the above code to create the search box. This should put you in the ballpark.



Use the link AGreenEarth provided to create the basic html code then tweek it inside of you web software.