Support » Allgemeine Fragen » "Ausfahrbares" Suchfeld

  • Hallo zusammen!

    Ich würde gerne das Suchfeld meiner Website (www.jz-oz.de) überarbeiten und sie in eine modernere, ausfahrbarere Variante verwandeln – so wie hier http://codepen.io/llamaswill/pen/rmqfB oder auf vielen anderen aktuellen Seiten.

    Momentan habe ich lediglich ein weißes Textfeld und ein kleines Lupen – Icon.

    Hat jemand eine Idee, wie man die CSS umschreiben müsste?!

    .searchform {
    	-moz-border-radius: 15px;
    	-webkit-border-radius: 15px;
    	border-radius: 15px;
    	width: 160px;
    	padding: 0;
    	margin: 7px 5px 5px 10px;
    	height: 20px;
    	box-shadow:inset 0 0 1px #222;
    	background: #fff;
    	float: right;
    	margin-right: 20px;
    }
    
    .center .searchform {float:none;}
    
    #morefoot .searchform {float:left;}
    
    .searchform .s{
    	margin:0;
    	border: none;
    	margin: 3px 2px 2px 20px;
    	font-size: 12px;
    	height: 14px;
    	width:	130px;
    	color: #333;
    	overflow: hidden;
    }
    .phone-two .searchform {
      width: 100%;
      margin-right: 0;
    }
    
    #magnify {float:left;position:absolute;margin: 2px 0 0 5px;}
    
    #magnify {margin: 0 0 0 5px/IE8+9; /* IE8+9  */}
    
    .searchform .s:focus {outline:0; border:none;}
    
    .searchform .searchsubmit {display:none;}

    Vielen Dank im Voraus für Eure Hilfe!

    Herzliche Grüße
    Chip

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Das hat eigentlich nichts mit WordPress zu tun und ist eher eine Frage zum richtigen Einsatz von CSS und ggf. JavaScript.

    Nach kurzer Suche bei Google findet man Beispiele z.B. hier und hier.

    Thread-Starter Chip

    (@chip_88)

    Hi pixolin!

    Danke für Deine Antwort.
    Auf die beiden von Dir gefundenen und angegebenen Seiten bin ich auch gestoßen.

    Leider bin ich, was das Programmieren angeht, nicht allzu sehr bewandert und weiß daher nicht 100%-ig, wie ich den bereits existierenden Code der CSS abändern muss, um das gewünschte Ergebnis zu erhalten… 🙁

    Es wäre daher sehr nett, wenn mir jemand diesbezüglich behilflich sein und mich unterstützen könnte.

    Danke nochmals im Voraus!
    Chip

    Thread-Starter Chip

    (@chip_88)

    Hey zusammen!

    Hat den wirklich niemand eine Idee?! 🙁

    Diejenigen, die in diesem Forum Fragen beantworten, leben davon solche Dinge gegen Geld umzusetzen. Du hast alle Informationen an der Hand, um es selbst hinzubekommen, wenn Du lernen möchtest.

    Probiere es und frage konkret, wenn du irgendwo scheiterst. Aber eine Silbertablett-Lösung bekommst Du nur, wenn Du Geld in die Hand nimmst oder viel Geduld hast und irgendwann jemand Bock darauf hat, diese Frage zu beantworten.

    Gruß, Torsten

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Das Thema „"Ausfahrbares" Suchfeld“ ist für neue Antworten geschlossen.