YaCy Portal Search:

Code Snippet:

<script src="http://localhost:8080/yacy/ui/js/jquery-1.3.1.min.js" type="text/javascript"></script>
<script>			
	$(document).ready(function() {
		yconf = {
			url    : 'http://localhost:8080',
			logo   : '/yacy/ui/img/yacy-logo.png',
			link   : 'http://www.yacy.net',
			global : false,
			width  : 500,
			height : 620,
			position : ['top',30],
			theme  : 'start',
			title  : 'YaCy Portal Search'
		};
		$.getScript(yconf.url+'/yacy/ui/js/yacyui-portalsearch.js', function(){});
	});
</script>
<div id="yacylivesearch">
	<form id="ysearch" method="get" accept-charset="UTF-8" action="http://localhost:8080/yacysearch.html">
		Live Search <input name="query" id="yquery" class="fancy" type="text" size="15" maxlength="80" value=""/>
		<input type="hidden" name="verify" value="false" />
		<input type="hidden" name="maximumRecords" value="10" />
		<input type="hidden" name="resource" value="local" />
		<input type="hidden" name="urlmaskfilter" value=".*" />
		<input type="hidden" name="prefermaskfilter" value="" />
		<input type="hidden" name="former" value="" />
		<input type="hidden" name="display" value="2" />
		<input type="submit" name="Enter" value="Search" />
	</form>
</div>

Configuration options and defaults for 'yconf':

Defaults

url      : 'is a mandatory property - no default',
global   : false,
theme    : 'start',
title    : 'YaCy P2P Web Search',
logo     : '/yacy/ui/img/yacy-logo.png',
link     : 'http://www.yacy.net',
width    : 420,
height   : 500,
position : ['top',50],
modal    : false,			
resizable: true,
show     : '',
hide     : ''

Size and position (width | height | position)

Specifies where the dialog should be displayed. Possible values for position: 'center', 'left', 'right', 'top', 'bottom', or an array containing a coordinate pair (in pixel offset from top left of viewport) or the possible string values (e.g. ['right','top'] for top right corner).

Animation effects (show | hide)

The effect to be used. Possible values: 'blind', 'clip', 'drop', 'explode', 'fold', 'puff', 'slide', 'scale', 'size', 'pulsate'.

Interaction (modal | resizable)

If modal is set to true, the dialog will have modal behavior; other items on the page will be disabled (i.e. cannot be interacted with). Modal dialogs create an overlay below the dialog but above other page elements.

If resizable is set to true, the dialog will be resizeable.

Themes

You can download ready made themes or create your own custom theme.
Themes are installed into: DATA/HTDOCS/yacy/ui/css/themes/

Bookmarklet:

YaCy