Suchslot mit YaCy-Background

Ideen und Vorschläge sind willkommen.

Suchslot mit YaCy-Background

Beitragvon Orbiter » Sa Jun 07, 2008 10:35 pm

ich hätte gerne sowas wie das hier
http://www.vifa-recht.de/internetquellen/index.php
wo die Google Custom Search im Suchfenster steht entsprechend für YaCy.

Wer weiss wie das geht, kann eine entsprechende Grafik aus den vorliegen YaCy-Grafiken ableiten und unser Suchslot entsprechend aufhübschen?

Ziel: Wenn mal jemand eine "YaCy Custom Search" nutzen sollte, kann man das auch am Suchfenster sehen wie hier im Beispiel"
Orbiter
 
Beiträge: 5793
Registriert: Di Jun 26, 2007 10:58 pm
Wohnort: Frankfurt am Main

Re: Suchslot mit YaCy-Background

Beitragvon datengrab » Sa Jun 07, 2008 11:33 pm

Die Grafik hätte ich schon mal

yacy-custom-search.png
yacy-custom-search.png (1.28 KiB) 539-mal betrachtet

Ich war so frei und habe den äußersten dunkelblauen Rand entfernt, da an sonsten auf dem herunter skalierten Bild nichts mehr zu erkennen ist. Wenn noch jemand dran basteln möchte ist hier noch die xcf-Datei (gimp)
Dateianhänge
yacy-custom-search.xcf.zip
(1.96 KiB) 42-mal heruntergeladen
datengrab
 
Beiträge: 366
Registriert: Sa Aug 25, 2007 7:22 pm

Re: Suchslot mit YaCy-Background

Beitragvon Orbiter » So Jun 08, 2008 12:15 am

ui, also das finde ich schon perfekt, danke!
wie bekomme ich das jetzt in das Suchfenster rein?
Orbiter
 
Beiträge: 5793
Registriert: Di Jun 26, 2007 10:58 pm
Wohnort: Frankfurt am Main

Re: Suchslot mit YaCy-Background

Beitragvon apfelmaennchen » So Jun 08, 2008 10:16 am

Das Hintergrundbild in die Textbox zu bringen geht recht einfach via CSS:
Code: Alles auswählen
#searchtext {
  background: url(../img/yacy-custom-search.png) no-repeat;
  background-position: 10px center;
}


Um das Hintergrundbild bei der Eingabe wieder verschwinden zu lassen, den Background bei Fokus einfach auf Weiß setzen.

Code: Alles auswählen
#searchtext:focus {
  background:white;
}


Gruß!
apfelmaennchen
apfelmaennchen
 
Beiträge: 429
Registriert: Mo Aug 20, 2007 7:06 pm

Re: Suchslot mit YaCy-Background

Beitragvon datengrab » So Jun 08, 2008 10:17 am

So in etwa:
Code: Alles auswählen
<html>
<head>
<script type="text/javascript">
function clearEntry ()
{
  var entry = document.getElementById("searchEntry");
  entry.style.backgroundImage = null;
}
</script>
</head>
<body>
    <form>
        <input id="searchEntry" style="background-image:url(yacy-custom-search.png); background-repeat:no-repeat; background-position:4px center;" onfocus="clearEntry()"></input>

    </form>
</body>



edit: Da war jemand schneller :)
datengrab
 
Beiträge: 366
Registriert: Sa Aug 25, 2007 7:22 pm


Zurück zu Wunschliste

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 1 Gast

cron