Добре дошли, в този сайт ще намерите серия от кодове на всевъзможни елементи които меже да добавяте към своя нов уебсайт.
Така наистина е по-лесно, когато намериш готово съдържание и не ти се налага да въвеждаш ред кодове на даден елемент. Пожелаваме ви приятни мигове в сайта ни и се надяваме да ви бъде полезен.
Search BOX Example 1

Описание:
Търсете каквото искате. Директно в търсачката Google.

HTML Код: - Копирай кода!


<!DOCTYPE html>
<html>
<head>
<title>Search Box Example 1</title>
<meta name="ROBOTS" content="NOINDEX, NOFOLLOW" />
<!-- CSS styles for standard search box -->
<style type="text/css">
 #tfheader{
  background-color:#c3dfef;
 }
 #tfnewsearch{
  float:right;
  padding:20px;
 }
 .tftextinput{
  margin: 0;
  padding: 5px 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  border:1px solid #0076a3; border-right:0px;
  border-top-left-radius: 5px 5px;
  border-bottom-left-radius: 5px 5px;
 }
 .tfbutton {
  margin: 0;
  padding: 5px 15px;
  font-family: Arial, Helvetica, sans-serif;
  font-size:14px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  border: solid 1px #0076a3; border-right:0px;
  background: #0095cd;
  background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
  background: -moz-linear-gradient(top,  #00adee,  #0078a5);
  border-top-right-radius: 5px 5px;
  border-bottom-right-radius: 5px 5px;
 }
 .tfbutton:hover {
  text-decoration: none;
  background: #007ead;
  background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
  background: -moz-linear-gradient(top,  #0095cc,  #00678e);
 }
 /* Fixes submit button height problem in Firefox */
 .tfbutton::-moz-focus-inner {
   border: 0;
 }
 .tfclear{
  clear:both;
 }
</style>
</head>
<body>
 <!-- HTML for SEARCH BAR -->
 <div id="tfheader">
  <form id="tfnewsearch" method="get" action="http://www.google.com">
          <input type="text" class="tftextinput" name="q" size="21" maxlength="120"><input type="submit" value="search" class="tfbutton">
  </form>
 <div class="tfclear"></div>
 </div>
</body>
</html>

Няма коментари:

Публикуване на коментар