2025-07-19 Saturday
Subscribe to our RSS feed

Загварыг хөрвүүлсэн Muggi


UcozTutorial Banner
Follow us on Facebook
Main » 2013 » February » 25 » Хайлт хийхийг өөрчлөх
4:13 PM
Хайлт хийхийг өөрчлөх


Маш гоё хайлт хийх хэсгийн загвар. Хар Template-тэй сайтад их гоё тохирно!


Дараах кодыг CSS дотроо хийнэ:


Code
/*Search*/  
  form.c_search {  
  vertical-align: top;  
  background: #303030;  
  border: solid #3a3a3a 1px;  
  border-top: none;  
  border-left: none;  
  -webkit-border-radius:4px;  
  -moz-border-radius:4px;  
  border-radius:4px;  
  box-shadow: -1px -1px 0 #000;  
  margin: 1px 0 0 0px;  
  // margin: 10px 0 0 0px;  
  // float:left;  
  font-style: italic;  
  width:259px;  
  }  
  .c_search input {  
  background: none repeat scroll 0 50% transparent;  
  border: medium none;  
  border-radius:none;  
  box-shadow:none;  
  height: 19px;  
  line-height: 19px;  
  padding-left: 3px;  
  vertical-align: top;  
  width: 232px;  
  }  
  form.c_search a {  
  background: url("../go_search.png") no-repeat scroll center 4px transparent;  
  position: absolute;  
  right: 30px;  
  top: vertical-align;  
  height: 19px;  
  width: 19px;  
  }  
  form.c_search a:hover {  
  background-position: center -16px;  
  }  
  /*----------------------------------------*/


Харин дараах кодыг байрлуулах газраа хийнэ:


Code
<form class="c_search" onsubmit="search();return false;" method="post" action="/load/" id="searchform"><input type="text" value="Найдется..." onclick="if (this.value=='Найдется...'){this.value='';}" name="query" id="querys"/><a onClick="$('.c_search').submit(); return false;" href="#"></a>  
  <input type="hidden" name="a" value="2"> </form><script type="text/javascript">function search(){if ($('#querys').val().match(/^\s*$/)){_uWnd.alert('Введите ключевое слово или синоним для поиска','',{w:200,h:70,tm:3300});return;} document.getElementById('searchform').submit();}</script>


Ингээд л болоо. Enjoy!
  • 1
  • 2
  • 3
  • 4
  • 5
Category: Scripts | Views: 638 | Added by: Muggi | Rating: 0.0/0
Total comments: 0
Сэтгэгдэл үлдээх хэсэг

Үндсэн Меню

    • Нүүр хуудас
    • Сайтын тухай
    • Форум
    • Зочдын дэвтэр
    • Сэтгэгдэл
    • Тоглоом
    • Сурталчилгаа

Мэдээний Төрөл

  • Ucoz
    • Загвар
    • Scripts
    • Зөвлөгөө
  • Бусад
    • Reklam

Сайтад Нэвтрэх

Архив

  • 2013 January
  • 2013 February
Visit the YOOtools website!
Visit the YOOtorials website!
Visit the YOOtheme website!
    Эхлэл
Загварыг х?рв??лсэн Muggi
<--??--> © 2010 UcozTutorial