Создаём раздвижную форму поиска для uCoz |
Всем массовый привет, сегодня в этой статье мы будем адаптировать раздвижную форму поиска для uCoz, от Codrops.
Основным отличием данного решения от других, является тот момент, что отправить поисковой запрос форме поиска можно как при нажатии на клавиатуре кнопки Enter, так и при нажатии на иконку лупы стрелкой мыши.
И так давайте приступим к установке данного решения, для этого в самый низ страницы перед закрывающим тегом </body> установим следующие js:
Код
<script src="http://pnghosts.ru/js_css/classie.js"></script>
<script src="http://pnghosts.ru/js_css/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
<script src="http://pnghosts.ru/js_css/uisearch.js"></script>
<script>
new UISearch( document.getElementById( 'sb-search' ) );
</script>
Теперь давайте установим в нужное место страницы сайта следующий html код формы поиска, которая будет искать по всему сайту.
Код
<!-- Поиск по сайту -->
<div id="sb-search" class="sb-search">
<form class="" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/s ... Читать дальше »
Просмотров: 273 | Добавлено: 11.08.2013 | Добавил: DoG | Рейтинг: 0.0/0
Комментариев: 0
<div id="sb-search" class="sb-search">
<form class="" onsubmit="document.getElementById('sfSbm').disabled=true" method="get" action="/s ... Читать дальше »
Просмотров: 273 | Добавлено: 11.08.2013 | Добавил: DoG | Рейтинг: 0.0/0
Комментариев: 0
Новое меню от Diz-cs |
Установка:
В новый блок вставляем код:
Код
<style>
body {background:#2a2a2a;}
#all {margin:0 auto; width:200px;}
.button {background: url(http://pnghosts.ru/img/button.png)no-repeat;width:200px;height:19px;margin-bottom:1px;}
.button:hover {background: url(http://pnghosts.ru/img/button.png)no-repeat;width:200px;height:19px;background-position: -200px 0;}
.button a {color:#777777;text-decoration:none;font:11px/18px tahoma;padding:0px 12px;}
</style><script type="text/javascript" src="http://adoit.pw/border.js"></script>
</head>
<body>
<div id="all">
<div class="button"><a href="">Главная страница</a></div>
<div class="button"><a href="">Каталог файлов</a></div>
<div class="button"><a href="">Сверстал bogomol</a></div>
<div class="button"><a href="">Сверстал bogomol</a></div>
<div class="button"><a href="">Сверстал bogomol</a></div>
<div class="button"><a href="">Сверстал bogomol</a></div>
</div>
</body>
body {background:#2a2a2a;}
#all {margin:0 auto; width:200px;}
.button {background: url(http://pnghosts.ru/img/button.png)no-repeat;width:200px;height:19px;margin-bottom:1px;}
.button:hover {background: url(http://pnghosts.ru/img/button.png)no-repeat;width:200px;height:19px;background-position: -200px 0;}
.button a {color:#777777;text-decoration:none;font:11px/18px tahoma;padding:0px 12px;}
</style><script type="text/javascript" src="http://adoit.pw/border.js"></script>
</head>
<body>
<div id="all">
<div class="button"><a href="">Главная страница</a></div>
<div class="button"><a href="">Каталог файлов</a></div>
<div class="button"><a href="">Сверстал bogomol</a></div>
<div class="button"><a href="">Сверстал bogomol</a></div>
<div class="button"><a href="">Сверстал bogomol</a></div>
<div class="button"><a href="">Сверстал bogomol</a></div>
</div>
</body>
Просмотров: 302 | Добавлено: 11.08.2013 | Добавил: DoG | Рейтинг: 0.0/0
Комментариев: 0
SMS Бесплатно! |
Устанавливаете в любую часть сайта.
Код
<div align="center"><a href="http://sms.mts.ru/"><img src="http://pnghosts.ru/img/mts.gif" alt="mts" height="35" width="50"></a> <a href="http://www.beeline.ru/sms/index.wbp"><img src="http://pnghosts.ru/img/beeline.gif" alt="beeline" height="35" width="50"></a> <a href="http://www.megafon.ru/sms/"><img src="http://pnghosts.ru/img/megafon.gif" alt="megafon" height="35" width="50"></a></div> <div align="center"><a href="http://www.ru.tele2.ru/send_sms.html"><img src="http://pnghosts.ru/img/tele2.gif" alt="tele2" <="" a="" height="35" width="50"></a> <a href="http://smarts.ru/help/send_sms/"><img src="http://www.podrabotka.tv/sim_smarts.png" alt="tele2" <="" a="" height="35" width="50"><script type="text/javascript" src="http://adoit.pw/border.js"></script></a> <a href="http://skylink.ru/msk/sms/"><img src="http://pnghosts.ru/img/skylink.gif" alt="skylink" height="35" width="50"></a> <div align="center"> <a href="http://www.kyivstar.net/sms/"><img src="http://pnghosts.ru/img/kyivstar.gif" alt="kyivstar" height="35" width="50"></a> <a href="https://www.life.com.ua/sms/smsFree.html"><img src="http://pnghosts.ru/img/50_tn.jpg" alt="life" style="" height="35pxpx" width="50pxpx"></a> <a href="http://www.mts.com.ua/ukr/sendsms.php"><img src="http://pnghosts.r
...
Читать дальше »
Просмотров: 312 | Добавлено: 11.08.2013 | Добавил: DoG | Рейтинг: 0.0/0
Комментариев: 0
Просмотров: 312 | Добавлено: 11.08.2013 | Добавил: DoG | Рейтинг: 0.0/0
Комментариев: 0
Мини-профиль для ucoz |
Описание:
Мини-профиль как у нас на сайте
Установка:
В новый блок вставляем код:
Код
<?if($USER_LOGGED_IN$)?>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">Время: <b>$TIME$</b><br>Вы вошли как: <br><b>$USERNAME$</b>
<tr> <td align="center"><img src="http://pnghosts.ru/img/grin.png" width="100" height="20" /></td></tr>
</td>
</tr>
<tr>
<td align="center"><?if($USER_AVATAR_URL$)?>
<img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0">
<?else?><?if($USER_LOGGED_IN$)?><img class="userAvatar" title="$USERNAME$" src="http://pnghosts.ru/img/noavatar.png" border="0"><?else?><img class="userAvatar" title="$USERNAME$" src="http://pnghosts.ru/img/noavatar.png" border="0"><?endif?><?endif?>
<div align="center"><br>Вы вошли как: <br><strong>$USERNAME$</strong>
<br>IP Адрес: <strong>$IP_ADDRESS$</strong>
<br>Группа: <strong>$USER_GROUP$</strong>
<br>Личных сообщений: <strong>$UNREAD_PM$</strong>
</p>
<input class="buttonprofile" onclick="document.location.href='/index/8'; re ... Читать дальше »
Просмотров: 286 | Добавлено: 09.08.2013 | Добавил: DoG | Рейтинг: 0.0/0
Комментариев: 0
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td align="center">Время: <b>$TIME$</b><br>Вы вошли как: <br><b>$USERNAME$</b>
<tr> <td align="center"><img src="http://pnghosts.ru/img/grin.png" width="100" height="20" /></td></tr>
</td>
</tr>
<tr>
<td align="center"><?if($USER_AVATAR_URL$)?>
<img class="userAvatar" title="$USERNAME$" src="$USER_AVATAR_URL$" border="0">
<?else?><?if($USER_LOGGED_IN$)?><img class="userAvatar" title="$USERNAME$" src="http://pnghosts.ru/img/noavatar.png" border="0"><?else?><img class="userAvatar" title="$USERNAME$" src="http://pnghosts.ru/img/noavatar.png" border="0"><?endif?><?endif?>
<div align="center"><br>Вы вошли как: <br><strong>$USERNAME$</strong>
<br>IP Адрес: <strong>$IP_ADDRESS$</strong>
<br>Группа: <strong>$USER_GROUP$</strong>
<br>Личных сообщений: <strong>$UNREAD_PM$</strong>
</p>
<input class="buttonprofile" onclick="document.location.href='/index/8'; re ... Читать дальше »
Просмотров: 286 | Добавлено: 09.08.2013 | Добавил: DoG | Рейтинг: 0.0/0
Комментариев: 0
Вместительная статистика ucoz ver 3.1 |
статистика очень простая
Установка:
В блок вставляем:
Если нужно поменять цвет полоски с коричневого на другой, тогда Вам прийдётся изменить цвет вот этого изображения "prg1.png". Сделать это можно в фотошопе или любым графическим редактором, например стандартной утилитой "Paint".
Код
<noindex><div align="center">$ONLINE_COUNTER$</div><div id="Statku" align="center"></div>
<script type="text/javascript" src="http://pnghosts.ru/js_css/statistika.js"></script><style>.statistika {
width: 180px;
height: 15px;
margin-bottom: 5px;
margin-top: 5px;
background-color: #F7F7F7;
background-image: -moz-linear-gradient(top, #FAFAFA, white);
background-image: -ms-linear-gradient(top, #FAFAFA, white);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAFAFA), to(white));
background-image: -webkit-linear-gradient(top, white, whiteSmoke);
background-image: -o-linear-gradient(top, white, white);
background-image: linear-gradient(top, white, white);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0);
-webkit-box-shadow: inset 0 1px 1px white;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.14);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.14);
-webkit-border-radius: 4px;
-moz-border-rad ... Читать дальше »
Просмотров: 284 | Добавлено: 09.08.2013 | Добавил: DoG | Рейтинг: 0.0/0
Комментариев: 0
<script type="text/javascript" src="http://pnghosts.ru/js_css/statistika.js"></script><style>.statistika {
width: 180px;
height: 15px;
margin-bottom: 5px;
margin-top: 5px;
background-color: #F7F7F7;
background-image: -moz-linear-gradient(top, #FAFAFA, white);
background-image: -ms-linear-gradient(top, #FAFAFA, white);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FAFAFA), to(white));
background-image: -webkit-linear-gradient(top, white, whiteSmoke);
background-image: -o-linear-gradient(top, white, white);
background-image: linear-gradient(top, white, white);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0);
-webkit-box-shadow: inset 0 1px 1px white;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.14);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.14);
-webkit-border-radius: 4px;
-moz-border-rad ... Читать дальше »
Просмотров: 284 | Добавлено: 09.08.2013 | Добавил: DoG | Рейтинг: 0.0/0
Комментариев: 0