<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>YaCy '#[clientname]#': Appearance and Integration</title>
#%env/templates/metas.template%#
</head>
<body id="ConfigSkins">
#%env/templates/header.template%#
#%env/templates/submenuCustomizationIntegration.template%#
<h2>Appearance and Integration</h2>
<p>
You can change the appearance of YaCy with skins
and the default icons and links on the search page can be replaced with you own.
</p>
<h3>Skin Selection</h3>
<p>
Select one of the default skins, download new skins, or create your own skin.
</p><form action="ConfigAppearance_p.html">
<fieldset>
<dl>
<dt><label for="cur_skin">Current skin</label>:</dt>
<dd id="cur_skin">#[currentskin]# </dd>
<dt><label for="skins">Available Skins</label>:</dt>
<dd>
<select id="skins" name="skin">#{skinlist}#
<option value="#[file]#">#[name]#</option>#{/skinlist}#
</select>
</dd>
<dd>
<input type="submit" name="use_button" value="Use" />
<input type="submit" name="delete_button" value="Delete" />
</dd>
</dl>
</fieldset>
</form>
<form action="ConfigAppearance_p.html">
<fieldset>
<dl>
<dt><label for="url">Install new skin from URL</label>:</dt>
<dd><input type="text" name="url" id="url" size="30" /></dd>
<dt><label for="use_url">Use this skin</label></dt>
<dd><input type="checkbox" name="use_skin" id="use_url" value="on" checked="checked" /></dd>
<dd><input type="submit" name="install_button" value="Install" /></dd>
</dl>
</fieldset>
</form>
#(status)#
::<p><strong>Unable to get URL: #[url]#</strong></p>
::<p><strong>Error saving the skin.</strong></p>
#(/status)#
<h3>Search Page Integration</h3>
<p>
The search page may be customized. You can change the 'corporate identity'-images, the greeting line
and a link to a home page that is reached when the 'corporate identity'-images are clicked.
</p>
<form action="ConfigAppearance_p.html">
<fieldset>
<dl>
<dt>Greeting Line</dt>
<dd><input type="text" name="promoteSearchPageGreeting" value="#[promoteSearchPageGreeting]#" size="60" /></dd>
<dt>URL of Home Page</dt>
<dd><input type="text" name="promoteSearchPageGreeting.homepage" value="#[promoteSearchPageGreeting.homepage]#" size="60" /></dd>
<dt>URL of a Small Corporate Image</dt>
<dd><input type="text" name="promoteSearchPageGreeting.smallImage" value="#[promoteSearchPageGreeting.smallImage]#" size="60" /></dd>
<dt>URL of a Large Corporate Image</dt>
<dd><input type="text" name="promoteSearchPageGreeting.largeImage" value="#[promoteSearchPageGreeting.largeImage]#" size="60" /></dd>
<dt>Default Pop-Up Page</dt>
<dd>
<input type="radio" name="popup" value="status" #(popupStatus)#::checked="checked"#(/popupStatus)# />Status Page
<input type="radio" name="popup" value="front" #(popupFront)#::checked="checked"#(/popupFront)# />Search Front Page
<input type="radio" name="popup" value="search" #(popupSearch)#::checked="checked"#(/popupSearch)# />Search Page (small header)
<input type="radio" name="popup" value="interactive" #(popupInteractive)#::checked="checked"#(/popupInteractive)# />Interactive Search Page
</dd>
<dd>
<input type="submit" name="searchpage_set" value="Change Search Page" />
<input type="submit" name="searchpage_default" value="Set to Default Values" />
</dd>
</dl>
</fieldset>
</form>
<h3>
The search page can be integrated in your own web pages with an iframe. Simply use the following code:
</h3>
<fieldset><pre>
<iframe name="target"
src="http://#[myaddress]#/index.html?display=2&resource=local"
width="100%"
height="560"
frameborder="0"
scrolling="auto"
id="target">
</iframe>
</pre></fieldset>
This would look like:
<iframe name="target"
src="http://#[myaddress]#/index.html?display=2&resource=local"
width="100%"
height="340"
frameborder="0"
scrolling="auto"
id="target">
</iframe>
<h3>
For a search page with a small header, use this code:
</h3>
<fieldset><pre>
<iframe name="target"
src="http://#[myaddress]#/yacysearch.html?display=2&resource=local"
width="100%"
height="560"
frameborder="0"
scrolling="auto"
id="target">
</iframe>
</pre></fieldset>
This would look like:
<iframe name="target"
src="http://#[myaddress]#/yacysearch.html?display=2&resource=local"
width="100%"
height="180"
frameborder="0"
scrolling="auto"
id="target">
</iframe>
<h3>
A third option is the interactive search. Use this code:
</h3>
<fieldset><pre>
<iframe name="target"
src="http://#[myaddress]#/yacyinteractive.html?display=2"
width="100%"
height="560"
frameborder="0"
scrolling="auto"
id="target">
</iframe>
</pre></fieldset>
This would look like:
<iframe name="target"
src="http://#[myaddress]#/yacyinteractive.html?display=2"
width="100%"
height="180"
frameborder="0"
scrolling="auto"
id="target">
</iframe>
#%env/templates/footer.template%#
</body>
</html>