v5.8

2 Kommentare

1. 

   funkygog

   29. Oktober 2009 at 21:29

   Im Bauen.blog die Suche geändert.

   Im Template (sidebar.php) wird die externe searchform.php durch folgenden Code aufgerufen:

   • <?php get_search_form(); ?>

   Inhalt der searchform.php:

   <form method="get" id="searchform" action="<?php bloginfo('wpurl'); ?>/">
<div>
<input type="text" value="Suchbegriff eingeben..." name="s" id="s" onfocus="if (this.value == 'Suchbegriff eingeben...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Suchbegriff eingeben...';}" />
</div>
</form>

   onblur=beim verlassen [info]
   onfocus=beim aktivieren [info]

   Verbunden mit einigen Styling-Angaben:

   #s {
background:transparent;
border:0px solid #DDD;
}
#searchform {
float:right;
text-align: right;
padding: 6pt;
}
#searchform input {
border-bottom:1px dotted #DDD;
}

   Ergebnis:
   das Suchen-Feld ist so leichter editierbar.

   • Link
2. 

   funkygog

   28. Oktober 2009 at 00:29

   Die Standard-Linie wurde bislang durch eine Grafik eingebunden:

   .lin {
background:url(images/lin.gif);
background-repeat:no-repeat;
height:9px;
margin: 6px 0 10px;
text-align: center;
}

   ersetzt durch einen Code ohne Grafik-Aufruf:

   .lin {
background:#ccc;
height:2px;
border-top: 1px solid #aaa;
border-bottom:3px solid #eee;
margin-bottom:20px;
}

   • Link