» »

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

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

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

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

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

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

Код
<link type="text/css" rel="StyleSheet" href="/css/fonts.css" />


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

Код
<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.02.2017 Загрузок: 5 Просмотров: 724 Комментарий: (6)

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

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

Комментарий: 6
Сопрано
Сопрано 17.02.2017 18:121
0
Здесь нужно написать, а как можно их поставить, хотя эта уже другая статья.
Kosten
Kosten 17.02.2017 19:022
0
Правильно,но мне не приходилось устанавливать такие таблицы и вообще разные, может кто знает, напишет кратко, потом на тестовом проверю и опишу подробно.
tsakonter
tsakonter 17.02.2017 19:504
0
Так то они приятно смотрятся, и даже есть есть кнопки, которые меняются, все отлично.
Tergran
Tergran 17.02.2017 19:433
0
А вот комментарий от веб мастера поставил, и там вообще другие окна показываются, с начало подумал, что обновление прошло, а видать вот так и поставили.
Kosten
Kosten 17.02.2017 19:525
0
Там есть, но они под одним оттенком, как помню зеленый, что комментарий добавлен, и видать есть и другой, когда если ошибка будет происходить от пользователя и там укажет, но эти по этому формату идут.
csretven
csretven 19.02.2017 00:096
0
Но здесь можно аообще наделать разных табличек и по разному цвету, мне они больше нравятся других.
avatar