Суббота, 16.01.2021, 14:18
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта

Наш опрос
Как вы относитесь к рекламе на сайте?


Всего ответов: 1315

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 2
Гостей: 2
Пользователей: 0


Зарегистрировано 31028 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1130 материала(ов), Оставлено 5154 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Поиск



установить такую кнопку twitter
или такую
красивая кнопка Twitter

Расскажи Друзьям!
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория HTML коды для uCoz » Добавлено [14.06.2013, 14:59]

Лайтбокс (Lightbox) с надписью для uCoz

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

И опять таки Apocalypse радует Нас хорошим и интересным материалом, в котором описано создание красивого окошка Лайтбокс (Lightbox) с нужной Вам надписью для сайтов с бесплатным хостингом uCoz. Для создания такого окна у Вас должны быть хотя бы минимальные знания системы uCoz и кода написания сайтов HTML!

  • Такие сложные задания как разработка баз данных не рассматриваются на нашем сайте, зато портал www.taenke.ru расскажет любителям и новичкам веб-мастерам об этом. 
Итак про установку читайте чуть ниже!

# HTML код блока!

<div id="id1" style="display:none;">Любой ваш контент</div>
<a href="#id1" class="ulightbox">Открыть лайтбокс с содержимым блока id1</a>

# Это идёт в <head>
<script>  
// ApoTeam (c) 2013
$('.ulightbox').fancybox({
  padding: 3, // Ширина белой рамки вокруг картинки
  preload: 3, // Количество картинок, которые загружаются предварительно
  openEffect: 'fade', // Эффект появления (elastic - растягивание, fade - проявление, none - без эффекта)
  closeEffect: 'fade', // Эффект исчезания (elastic - растягивание, fade - проявление, none - без эффекта)
  nextEffect: 'fade', // Эффект перехода вперёд (elastic - растягивание, fade - проявление, none - без эффекта)
  prevEffect: 'fade', // Эффект перехода назад (elastic - растягивание, fade - проявление, none - без эффекта)
  openEasing: 'linear', // Тип анимации появления
  nextEasing: 'linear', // Тип анимации при переходе вперёд
  prevEasing: 'linear', // Тип анимации при переходе назад
  fixed: fixedFlag,
  helpers: {
  title: null, // Заголовок по умолчанию
  overlay: {
  opacity: 0.7, // Непрозрачность оверлея
  speedIn: 0, // Скорость появления оверлея
  speedOut: 0 // Скорость угасания оверлея
  },
  buttons: {}
  }
});
// apo-ucoz.com (c) 2013  
</script>


# CSS стили
#fancybox-buttons {
display:none; /* Скрываем глупую верхнюю кнопку масштабирования */
}

#fancybox-overlay {
background: #ff0000 !important; /* Цвет оверлея */
}


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Лайтбокс (Lightbox) с надписью для uCoz



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: HTML коды для uCoz | Добавил: scripts_for_ucoz
Просмотров: 3909 | Загрузок: 0 | Рейтинг: 0.0/0


Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz