|
|
|
|
<!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>
|
|
|
|
|
<link rel="stylesheet" media="screen" type="text/css" href="/yacy/ui/css/colorpicker.css" />
|
|
|
|
|
#%env/templates/metas.template%#
|
|
|
|
|
</head>
|
|
|
|
|
<body id="ConfigSkins">
|
|
|
|
|
#%env/templates/header.template%#
|
|
|
|
|
#%env/templates/submenuSearchConfiguration.template%#
|
|
|
|
|
|
|
|
|
|
<script type="text/javascript" src="/yacy/ui/js/jquery.colorpicker.js"></script>
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
|
$(document).ready(function(){
|
|
|
|
|
$('#color_background, #color_text, #color_legend, #color_tableheader, #color_tableitem, #color_tableitem2, #color_tablebottom, #color_borderline, #color_signbad, #color_signgood, #color_signother, #color_searchheadline, #color_searchurl, #color_searchurlhover').ColorPicker({
|
|
|
|
|
onSubmit: function(hsb, hex, rgb, el) {
|
|
|
|
|
$(el).val(hex);
|
|
|
|
|
$(el).ColorPickerHide();
|
|
|
|
|
},
|
|
|
|
|
onBeforeShow: function () {
|
|
|
|
|
$(this).ColorPickerSetColor(this.value);
|
|
|
|
|
}
|
|
|
|
|
})
|
|
|
|
|
.bind('keyup', function(){
|
|
|
|
|
$(this).ColorPickerSetColor(this.value);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
<h2>Appearance and Integration</h2>
|
|
|
|
|
<p>
|
|
|
|
|
You can change the appearance of the YaCy interface with skins.
|
|
|
|
|
The selected skin and language also affects the appearance of the search page.
|
|
|
|
|
If you <a href="ConfigPortal.html">create a search portal with YaCy</a> then you can
|
|
|
|
|
change the appearance of the search page here.
|
|
|
|
|
</p>
|
|
|
|
|
|
|
|
|
|
<form action="ConfigAppearance_p.html" accept-charset="UTF-8">
|
|
|
|
|
<fieldset>
|
|
|
|
|
<legend>Skin Selection</legend>
|
|
|
|
|
<p>Select one of the default skins, download new skins, or create your own skin.</p>
|
|
|
|
|
<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>
|
|
|
|
|
<dt> </dt>
|
|
|
|
|
<dd>
|
|
|
|
|
<input type="submit" name="use_button" value="Use" class="submitready"/>
|
|
|
|
|
<input type="submit" name="delete_button" value="Delete" class="submitready"/>
|
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
</fieldset>
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<form action="ConfigAppearance_p.html" accept-charset="UTF-8">
|
|
|
|
|
<fieldset>
|
|
|
|
|
<legend>Skin Color Definition</legend>
|
|
|
|
|
<p>The generic skin 'generic_pd' can be configured here with custom colors:</p>
|
|
|
|
|
<table border="0"><tr><td style="width:500px;" valign="top">
|
|
|
|
|
<dl>
|
|
|
|
|
<dt>Background</dt><dd><input type="text" maxlength="6" size="6" id="color_background" name="color_background" value="#[color_background]#" /></dd>
|
|
|
|
|
<dt>Text</dt><dd><input type="text" maxlength="6" size="6" id="color_text" name="color_text" value="#[color_text]#" /></dd>
|
|
|
|
|
<dt>Legend</dt><dd><input type="text" maxlength="6" size="6" id="color_legend" name="color_legend" value="#[color_legend]#" /></dd>
|
|
|
|
|
<dt>Table Header</dt><dd><input type="text" maxlength="6" size="6" id="color_tableheader" name="color_tableheader" value="#[color_tableheader]#" /></dd>
|
|
|
|
|
<dt>Table Item</dt><dd><input type="text" maxlength="6" size="6" id="color_tableitem" name="color_tableitem" value="#[color_tableitem]#" /></dd>
|
|
|
|
|
<dt>Table Item 2</dt><dd><input type="text" maxlength="6" size="6" id="color_tableitem2" name="color_tableitem2" value="#[color_tableitem2]#" /></dd>
|
|
|
|
|
<dt>Table Bottom</dt><dd><input type="text" maxlength="6" size="6" id="color_tablebottom" name="color_tablebottom" value="#[color_tablebottom]#" /></dd>
|
|
|
|
|
<dt> </dt>
|
|
|
|
|
<dd>
|
|
|
|
|
<input type="hidden" name="skin" value="generic_pd.css" />
|
|
|
|
|
<input type="submit" name="set_colors" value="Set Colors" class="submitready"/>
|
|
|
|
|
</dd>
|
|
|
|
|
</dl>
|
|
|
|
|
</td><td style="width:500px;" valign="top">
|
|
|
|
|
<dl>
|
|
|
|
|
<dt>Border Line</dt><dd><input type="text" maxlength="6" size="6" id="color_borderline" name="color_borderline" value="#[color_borderline]#" /></dd>
|
|
|
|
|
<dt>Sign 'bad'</dt><dd><input type="text" maxlength="6" size="6" id="color_signbad" name="color_signbad" value="#[color_signbad]#" /></dd>
|
|
|
|
|
<dt>Sign 'good'</dt><dd><input type="text" maxlength="6" size="6" id="color_signgood" name="color_signgood" value="#[color_signgood]#" /></dd>
|
|
|
|
|
<dt>Sign 'other'</dt><dd><input type="text" maxlength="6" size="6" id="color_signother" name="color_signother" value="#[color_signother]#" /></dd>
|
|
|
|
|
<dt>Search Headline</dt><dd><input type="text" maxlength="6" size="6" id="color_searchheadline" name="color_searchheadline" value="#[color_searchheadline]#" /></dd>
|
|
|
|
|
<dt>Search URL</dt><dd><input type="text" maxlength="6" size="6" id="color_searchurl" name="color_searchurl" value="#[color_searchurl]#" /></dd>
|
|
|
|
|
<dt>Search URL + hover</dt><dd><input type="text" maxlength="6" size="6" id="color_searchurlhover" name="color_searchurlhover" value="#[color_searchurlhover]#" /></dd>
|
|
|
|
|
</dl>
|
|
|
|
|
</td></tr></table>
|
|
|
|
|
</fieldset>
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
<form action="ConfigAppearance_p.html" accept-charset="UTF-8">
|
|
|
|
|
<fieldset>
|
|
|
|
|
<legend>Skin Download</legend>
|
|
|
|
|
<p>Skins can be installed from download locations:</p>
|
|
|
|
|
<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>
|
|
|
|
|
<dt> </dt>
|
|
|
|
|
<dd><input type="submit" name="install_button" value="Install" class="submitready"/></dd>
|
|
|
|
|
</dl>
|
|
|
|
|
<p>Make sure that you only download data from trustworthy sources. The new Skin file
|
|
|
|
|
might overwrite existing data if a file of the same name exists already.</p>
|
|
|
|
|
</fieldset>
|
|
|
|
|
</form>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#(status)#
|
|
|
|
|
::<p><strong>Unable to get URL: #[url]#</strong></p>
|
|
|
|
|
::<p><strong>Error saving the skin.</strong></p>
|
|
|
|
|
#(/status)#
|
|
|
|
|
|
|
|
|
|
#%env/templates/footer.template%#
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
