ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Информационные таблички на сайт uCoz

Информационные таблички на сайт uCoz

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

Вообщем вы понял, это окна под разной гамме цвета, будут показывать все что вы запланируете, то что по умолчанию показывает конструктор сайта, но там они стандартные, здесь вы можете сделать все уникально, подводя каждую информацию под свой оттенок цвета. И безусловно они привлекут к себе внимание, что каждый прочтет что на них написано.

Приступаем к установке:

1. Первое скачиваем архив и там будет файл и его нужно поместить файловый менеджер.
2. Второе, это подключить шрифт.

Код

Теперь переходим к самим табличкам:

Код

<div class="flash">
  <a href="#" class="close"></a>
  <span><i class="icon-2x icon-star"></i></span>
  <p>Типа вы находитесь на сайте zornet.ru</p>
  </div>
  <div class="flash error">
  <a href="#" class="close"></a>
  <span><i class="icon-2x icon-warning-sign"></i></span>
  <p>Не забываем, что на сайте вы zornet.ru</p>
  </div>
  <div class="flash success">
  <a href="#" class="close"></a>
  <span><i class="icon-2x icon-smile"></i></span>
  <p>И опять для тех кто забыл, вы на zornet.ru ресурсе</p>
  </div>

CSS:

Код

.flash {
  position: relative;
  padding: 1em;
  font-family: "Open Sans", helvetica, arial, sans-serif;
  color: #fff;
  background: #303030;
  text-align: center;
  margin-bottom: 1em; }
  .flash p {
  margin-bottom: 0; }
  .flash.error {
  background: #f2594b; }
  .flash.success {
  background: #14a19a; }

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

Источник: uon.ucoz.com

17 Февраля 2017 Загрузок: 7 Просмотров: 1664 Комментариев: (6)

Поделиться в социальных сетях

СКАЧАТЬ

Материал разместил

Kosten

Похожие материалы

Оставь свой отзыв

Комментарии: 6
Порядок вывода комментариев: Сопрано 17 Февраля 2017 18:12¹ 0 Здесь нужно написать, а как можно их поставить, хотя эта уже другая статья. Kosten 17 Февраля 2017 19:02² 0 Правильно,но мне не приходилось устанавливать такие таблицы и вообще разные, может кто знает, напишет кратко, потом на тестовом проверю и опишу подробно. tsakonter 17 Февраля 2017 19:50⁴ 0 Так то они приятно смотрятся, и даже есть есть кнопки, которые меняются, все отлично. Tergran 17 Февраля 2017 19:43³ 0 А вот комментарий от веб мастера поставил, и там вообще другие окна показываются, с начало подумал, что обновление прошло, а видать вот так и поставили. Kosten 17 Февраля 2017 19:52⁵ 0 Там есть, но они под одним оттенком, как помню зеленый, что комментарий добавлен, и видать есть и другой, когда если ошибка будет происходить от пользователя и там укажет, но эти по этому формату идут. csretven 19 Февраля 2017 00:09⁶ 0 Но здесь можно аообще наделать разных табличек и по разному цвету, мне они больше нравятся других.