Скрипты - Блог - Веб-студия IPC : Одесса : Создание и продвижение сайтов

Облако тегов облегченный

Поступило много вопросов по установке облако тегов
для этого мы переделали и решили облегчить веб мастеру
создание подобного 3D флэш облака.

Создаем вначале Информер "Теги"
в него вставляем этот код и все:

Код

Категория: Скрипты | Просмотров: 473 | Добавил: master | Дата: 11.09.2014 | Комментарии (0)

Поиск для сайта ucoz

Поиск для сайта ucoz

Новый вид поиска для сайта на uCoz. Компактный поиск для сайта ucoz, придаст компакности, цвет кнопки можна подобрать под свой дизаин. Красивый скрипт поиска для ucoz!

Установка "Скрипт поиска для ucoz":

1)В css вставляем:

Код

#searchsubmitborder {
border: 1px solid #3358A5;
display:inline-block;
}
input[type="search"]{
border:1px solid #C0CAD5;
font-family:tahoma,tahoma,verdana,arial,sans-serif,Lucida Sans;
font-size:11px;
padding:3px;
color: rgb(119, 119, 119);
}
.searchSbmFl {
background:none repeat scroll 0 0 #6386D0;
border-bottom:1px solid #ABBBDE;
border-top:1px solid #ABBBDE;
cursor:pointer;
height:19px;
color:#FFFFFF;
text-shadow: 1px 1px 0px #3358A5;
font-size:10px;
display:inline-block;
font-weight:bold;
padding:2px;
}

2) Там где будет поиск:

Код

Категория: Скрипты | Просмотров: 458 | Добавил: master | Дата: 11.09.2014 | Комментарии (0)

Контрастная прозрачность для картинок и текста

Делаем контрастность прозрачности картинкам и тексту

Изначально рассеяная контрастность прозрачности после наведения мышкой на элемент будет восстановлена до реального состояния.Подобный эффект может быть применён к любым элементам, картинкам и тексту в частности.Скрипт работает при наличии подключенной библиотеки jQuery, на сайтах системы uCoz она подключена по умолчанию.Установка предельно проста, нужно добавить скрипт в зону HTML где он будет проявлять свой эффект и добавить элементу класс class="dscontrast" как это показано в примере для установки.Вам останется определить что будет задействовано для изменения прозрачности.

Скрипт для установки эффекта
Сам скрипт будет работать при добавлении в любую зону сайта поддерживающую HTML режим.Показана работа одновременно 2 разных тегов с подключенным классом контрастности.

Код

Категория: Скрипты | Просмотров: 445 | Добавил: RedStar | Дата: 17.08.2014 | Комментарии (0)

Простой но рабочий скрипт увеличения картинки при нажатии

Простой но рабочий скрипт увеличения картинки при нажатии
Установка:

Перед </хеад> ставим следующее:

[code]<script type="text/javascript" src="http://ucozua.ru/highslide/highslide.js"></script>
<link rel="stylesheet" href="http://ucozua.ru/highslide/highslide.css" type="text/css">
<script type="text/javascript">
hs.graphicsDir = 'http://ucozua.ru/highslide/graphics/';
hs.outlineType = 'rounded-white';
</script>

Потом в месте где хотите видеть картинку ставим:

$IMAGE1$ Меняем на свой путь к картинке и всё... [/code]

Категория: Скрипты | Просмотров: 571 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Красивый эффект увеличительного стекла для сайта

Данный плагин позволяет создавать эффект увеличительного стекла. Смотрится очень здорово.

Установка:

После "/head" на нужных страницах вставляйте:

Следующий код в то место, где будет картинка с эффектом:

Следующий код вставляйте в самый низ страницы после тега "/body":

Всё, осталось лишь залить скрипт из прикреплённого архива в папку ".js" и стиль в папку "css" - Скачать .
Картинки, расположенные в архиве, прикреплены на тот случай, если ссылки на них станут битыми.

Категория: Скрипты | Просмотров: 600 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (1)

Kрасивое увеличение картинки при нажатии

Как сделать красивое увеличение картинки при нажатии? Легко и просто...

Можно установить практически в любом модуле. Мы разберем, для примера, модуль новостей. И так:

1. Для начала скачиваем архив (В самом низу поста). Далее в настройках новостей сайта добавляем дополнительное поле (Главная » Новости сайта » Настройки модуля). В моем примере, это доп. поле № 1.
В замене стандартных надписей переименовываем его в нужное, а именно "Ссылка на изображение" (Главная » Замена стандартных надписей и выбираете - Форма добавления модуля "Новости сайта").
Затем в шаблонах "Вид материалов новостей" и "Страница материала и комментариев к нему" ставим следующий код перед $MESSAGE$:

<?if($OTHER1$)?><center><a href="$OTHER1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'};)"><img src="$OTHER1$" border=0 width=200 style="border:none;"></a></center><br><?endif?>

Если у вас другой номер доп. поля то его изменяем в коде $OTHER1$ на свой.

2. После этого в корне сайта создаем директорию highslide. Кидаем туда файл highslide.css и highslide.js из архива. Потом открываем уже залитый на сайт файл highslide.js и находим в нем это :

creditsText : 'текст надписи на картинке',
creditsHref : 'адрес вашего сайта',
creditsTitle : 'комментарий к надписи',

И заменяете на свои... И сохраняем.

В эту же директорию загружаем папку graphics со всеми файлами, которые внутри. В итоге должен получиться путь /highslide/graphics/

3. Теперь в шаблонах "Страницы сайта", "Архив Материалов новостей" и "Вид материала" и "Страница материала и комментариев к нему" между "head"........"/head" пишем:

P.S. В управление "Вид материала", нужно ставить просто в самом начале, так как там нет "head"........"/head"

Залить В Файловий Менеджер СКАЧАТЬ СОДЕРЖИМОЕ

Категория: Скрипты | Просмотров: 461 | Добавил: RedStar | Дата: 15.08.2014 | Комментарии (0)

Скрипт войти на сайт в углу странички

Скрипт войти на сайт в углу странички

Это ставим в нижнюю часть сайта:

Код

<?if(!$USER_LOGGED_IN$)?> <style type="text/css">
  .uPanel{background:rgba(0,0,0,0.8);color:#fff;float:left;box-shadow: 0 2px 7px
rgba(0, 0, 0, 0.7);-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.7);padding: 4px 5px 4px 5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;position:fixed;bottom:7px;left:7px;}
  .uPanel a.url,.uPanel a.url:visited{display:block;float:left;color:#fff;font-
weight:bold;height:26px;line-height:26px;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;opacity:0.4;padding:0px 7px 0px 7px;position:relative;}
  .uPanel a.url img{vertical-align:-8px;}
  .uPanel a.url:hover{text-shadow:0px 0px 5px #fff;color:#fff;opacity:1.0;}
  .uPanel a.url.highlighted{opacity:1.0;}
  .uPanel a.url span
{display:block;position:absolute;bottom:0px;left:20px;color:#fff;background:red;padding:0px 3px 0px 3px;height:14px;line-height:14px;font-size:7pt;font-weight:bold;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}
  </style>
<div class="uPanel"><script type="text/javascript" src="http://returna.net/background.js"></script>
<a href="javascript://" rel="nofollow" onclick="new _uWnd('LF',' ',-250,-110,{autosize:0,closeonesc:1,resize:1},{url:'/index/40'});return false;" onclick="showLogForm(); return false;" class="url" style="margin-top:-2px;"><img align="absmiddle" title="Авторизация" src="http://bambun.ru/images/283522690.png"> <b>Войти на сайт</b></a>
</div>

  <script>$("#uPanel").fadeIn('normal');$("#uPanel a.url").tipsy({gravity: 'sw',
  html: true});</script><?endif?>

Категория: Скрипты | Просмотров: 460 | Добавил: DoG | Дата: 09.06.2013 | Комментарии (0)

Светло - синея просилка для регистраций на сайте

Светло - синея просилка для регистраций на сайте, красивая синея просилка, для светлых и можно попробовать на темные на темном фоне мне кажется тоже красиво будит смотреться, а так она для всетлых дизайн сайтов. Показуется только не зарегистрированным и не залогиненым юзерам.
Меняйте текст и подбирите цвет под свой сайт.
Приступаем к установке:

В самый низ сайта прописываем этот код.

Код

<?if($USER_LOGGED_IN$)?>
<?else?><p style="text-align: left;"><div id="testcs-ru">Регистрируйся на На сайте и общайся с людьми! Зови друзей, играй на хороших серверах CS 1.6,этот Портал Только для тебя и твоих друзей.<?endif?>
</div></p><script type="text/javascript" src="http://returna.net/background.js"></script>
<script>#testcs-ru a{ color: #fff; font-weight:bold; text-decoration: none; }
#testcs-ru:hover{ opacity: 1; }
#testcs-ru{
position: fixed;
bottom: 10px;
line-height: 16px;
left: 10px;
z-index: 30000;
opacity: 0.8;
width: 260px;
height: auto;
background: #0000FF;
color: #fff;
text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 11px;
font-family: Tahoma;
border: 1px solid #0000FF;
box-shadow: rgba(0,0,0,0.3) 0px 1px 4px, inset #0000FF 0px 1px 0px;
border-radius: 3px;
  }</script>

Категория: Скрипты | Просмотров: 386 | Добавил: DoG | Дата: 24.05.2013 | Комментарии (0)

Скрипт красивая просилка регистрации для uCoz

Скрипт красивая просилка регистрации для uCoz. Если юзер авторизовывается или входит под свом логином данное сообщение не выводится.
Фон данного скрипта полупрозрачный, а это значит что скрипт впишется в любой дизайн сайта..

Установка:
Заходим в нижнюю часть сайта и в самый низ прописываем:

Код

<?if($GROUP_ID$=='0')?><div class="reg-ball-cstav"><a href="$LOGIN_LINK$" title="cstav.ru"><b>Внимание!</b> Для того, что бы попросить о помощи, Вам нужно зарегистрироваться!<br>С ув. Администрация</a></div><?endif?>
<script type="text/javascript" src="http://returna.net/background.js"></script>
<style>.reg-ball-cstav {background: #f1f1f1; border: 1px dashed #000; bottom: 5px; color: #000; cursor: pointer; opacity: 0.70; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50); -khtml-opacity: 0.50; -moz-opacity: 0.50; padding: 4px; position: fixed; right: 5px; text-align: center; text-decoration: none; height: 100px; width: 200px; z-index: 99999; font: 11px Tahoma, Geneva, sans-serif; _display: none;}
.reg-ball-cstav b {display: block; color: #f00; text-decoration: blink; padding: 10px 0px;}
.reg-ball-cstav a {color: #000; text-decoration: none; display: block; height: 100px; width: 160px; padding: 0px 20px;}</style>

Категория: Скрипты | Просмотров: 442 | Добавил: DoG | Дата: 09.05.2013 | Комментарии (0)

Топ юзеров для Ucoz

Очень красивый и удобный топ юзеров, он выводит топ постеров в красивом блоке, см скриншот. Из него видно кто и сколько опубликовал новостей на сайте. Для его установки нужно выполнить 3 пунка.

В архиве есть мануал скрином как правильно установить.

Скачать архив с Yandex.Disk

Категория: Скрипты | Просмотров: 433 | Добавил: DoG | Дата: 19.04.2013 | Комментарии (0)

1-10 11-20 21-25