• Новые сообщения
  • Участники
  • Правила форума
  • Поиск
  • RSS
  • Страница 1 из 4
  • 1
  • 2
  • 3
  • 4
  • »
Форум » Веб-разработка » HTML + CSS — коды » Оповещение личных сообщениях на сайте как вконтакте (Скрипт для ucoz)
Оповещение личных сообщениях на сайте как вконтакте
Kosten
 		Вторник, 24 Июня 2014, 18:47 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
« 557 »
Рабочий скрипт, который был сделан под сайт на системе ucoz. Он идет с avatar, и что главное вы можете подобрать стили под свой интернет ресурс.
Здесь будет прописаны несколько оттенков цвета.
И думаю вы подберете тот CSS для вашего сайта, чтоб по гамме цвета он отлично вписывался ваш дизайн.
Скрипт, предназначен, для общение пользователей на сайте.



Первое что нужно сделать, это в низ сайта прописать этот небольшой код:
Код
<script type="text/javascript">  
  var no_ava = 'http://zornet.ru/CSS-ZORNET/TR/no_avatar.jpg';   
  $.getScript('http://zornet.ru/CSS-ZORNET/TR/ls.js');</script>

Но теперь выбирает свой цвет, а точнее стиль который нужно вставить в CSS



Код
/* Оповещение о новом лс как Вконтакте   
   ------------------------------------------*/   
   .news_ls1 {   
   position:relative;   
   z-index:9999;   
   }   

   .news_ls2 {   
   position:fixed;   
   bottom:5px;   
   right:5px;   
   }   

   .uContent{   
   overflow: hidden;   
   display:none;   
   margin-bottom:10px;   
   width:300px;   
   background:url(http://zornet.ru/CSS-ZORNET/TR/727851122.png);   
   padding:5px 10px 5px 10px;   
   -webkit-border-radius: 5px;   
   -moz-border-radius:5px;   
   border-radius: 5px;   
   -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);   
   -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);   
   box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);   
   }   

   .uContent_l {   
   float:left;   
   font: 11px Verdana,Arial,Helvetica, sans-serif;   
   color:#555; text-shadow: 1px 1px 1px #fff; font-weight: bold;   
   }   
     
   .uContent_p {float:right;}   
   .uContent_c {   
   float:left;   
   font: 100%/1.0 Verdana,Arial,Helvetica, sans-serif;   
   width:300px;   
   padding: 5px 0px 0px 0px;   
   }   
     
   .uPm-close {   
   width:18px;   
   height:18px;   
   background:url(http://zornet.ru/CSS-ZORNET/TR/130750765.png) no-repeat;   
   }   

   .uPm-close:hover {   
   background-position:0px -18px;   
   }   
     
   .uContent_c img {   
   float:right;   
   width:45px;   
   height:45px;   
   border:1px solid #a7a7a7;   
   padding: 3px;   
   margin: 0px 0px 10px 15px;   
   background:#fff;   
   }   

   .uContent_c span {   
   color:#547ec4;   
   }   
   .uContent_c p {   
   padding:0;   
   margin: 5px 0px 0px 0px;   
   }   

   .uContent_c a:link,   
   .uContent_c a:visited {color:#555;}   
   .uContent_c a:hover {color:#4a6ca5;}   
   /* -------------------------------------- */




Код
/* Оповещение о новом лс как Вконтакте   
   ------------------------------------------*/   
   .news_ls1 {   
   position:relative;   
   z-index:9999;   
   }   

   .news_ls2 {   
   position:fixed;   
   bottom:5px;   
   right:5px;   
   }   

   .uContent{   
   overflow: hidden;   
   display:none;   
   margin-bottom:10px;   
   width:300px;   
   background:url(http://zornet.ru/CSS-ZORNET/TR/536362948.png);   
   padding:5px 10px 5px 10px;   
   -webkit-border-radius: 5px;   
   -moz-border-radius:5px;   
   border-radius: 5px;   
   -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);   
   -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);   
   box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);   
   }   

   .uContent_l {   
   float:left;   
   font: 11px Verdana,Arial,Helvetica, sans-serif;   
   color:#1dbb19; text-shadow: 1px 1px 1px #fff; font-weight: bold;   
   }   
     
   .uContent_p {float:right;}   
   .uContent_c {   
   float:left;   
   font: 100%/1.0 Verdana,Arial,Helvetica, sans-serif;   
   color:#555;   
   width:300px;   
   padding: 5px 0px 0px 0px;   
   }   
     
   .uPm-close {   
   width:18px;   
   height:18px;   
   background:url(http://zornet.ru/CSS-ZORNET/TR/371058616.png) no-repeat;   
   }   

   .uPm-close:hover {   
   background-position:0px -18px;   
   }   
     
   .uContent_c img {   
   float:right;   
   width:45px;   
   height:45px;   
   border:1px solid #77ca79;   
   padding: 3px;   
   margin: 0px 0px 10px 15px;   
   background:#fff;   
   }   

   .uContent_c span {   
   color:#5976c0;   
   }   
   .uContent_c p {   
   padding:0;   
   margin: 5px 0px 0px 0px;   
   }   

   .uContent_c a:link,   
   .uContent_c a:visited {color:#555;}   
   .uContent_c a:hover {color:#999;}   
   /* -------------------------------------- */




Код
/* Оповещение о новом лс как ВКонтакте   
   ------------------------------------------*/   
   .news_ls1 {   
   position:relative;   
   z-index:9999;   
   }   

   .news_ls2 {   
   position:fixed;   
   bottom:5px;   
   right:5px;   
   }   

   .uContent{   
   overflow: hidden;   
   display:none;   
   margin-bottom:10px;   
   width:300px;   
   background:url(http://zornet.ru/CSS-ZORNET/TR/440582317.png);   
   padding:5px 10px 5px 10px;   
   -webkit-border-radius: 5px;   
   -moz-border-radius:5px;   
   border-radius: 5px;   
   -moz-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);   
   -webkit-box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);   
   box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.70);   
   }   

   .uContent_l {   
   float:left;   
   font: 11px Verdana,Arial,Helvetica, sans-serif;   
   color:#a7a7a7; text-shadow: 1px 1px 1px #252525; font-weight: bold;   
   }   
     
   .uContent_p {float:right;}   
   .uContent_c {   
   float:left;   
   font: 100%/1.0 Verdana,Arial,Helvetica, sans-serif;   
   color:#a7a7a7;   
   width:300px;   
   padding: 5px 0px 0px 0px;   
   }   
     
   .uPm-close {   
   width:18px;   
   height:18px;   
   background:url(http://zornet.ru/CSS-ZORNET/TR/260195063.png) no-repeat;   
   }   

   .uPm-close:hover {   
   background-position:0px -18px;   
   }   
     
   .uContent_c img {   
   float:right;   
   width:45px;   
   height:45px;   
   border:1px solid #838383;   
   padding: 3px;   
   margin: 0px 0px 10px 15px;   
   background:#646464;   
   }   

   .uContent_c span {   
   color:#8fbbe9;   
   }   
   .uContent_c p {   
   padding:0;   
   margin: 5px 0px 0px 0px;   
   }   

   .uContent_c a:link,   
   .uContent_c a:visited {color:#f7f7f7;}   
   .uContent_c a:hover {color:#bdbdbd;}   
   /* -------------------------------------- */

Теперь нужно сделать чтоб картинка пользователя была с сообщение.
Админ панель - Настройки - Общие настройки - Разрешить использование API.
На этом все!
Прикрепления: 5837682.jpg (39.8 Kb) · 6725239.jpg (9.3 Kb) · 7094641.jpg (18.8 Kb) · 2727247.jpg (19.3 Kb)
Страна: (RU)
kredit-oformi
 		Суббота, 28 Июня 2014, 22:43 | Сообщение 2
Оффлайн
Vip
Сообщений:1975
Награды: 5
« 41 »
на счет данного скрипта вполне интересный вариант, а то помню раньше письмо в конверте в верхней панели управления-админ бар попробуй заметить может и немало времени пройти пока заметишь .

Сообщение отредактировал
kredit-oformi - Суббота, 28 Июня 2014, 22:45
Страна: (RU)
kredit-oformi
 		Суббота, 28 Июня 2014, 23:02 | Сообщение 3
Оффлайн
Vip
Сообщений:1975
Награды: 5
« 41 »
осталось дождаться письма для проверки smile
Страна: (RU)
Kosten
 		Суббота, 28 Июня 2014, 23:41 | Сообщение 4
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
« 557 »
kredit-oformi, кинь ресурс, я отпишу biggrin
Страна: (RU)
kredit-oformi
 		Суббота, 28 Июня 2014, 23:59 | Сообщение 5
Оффлайн
Vip
Сообщений:1975
Награды: 5
« 41 »
Kosten, в профиле smile
Страна: (RU)
Kosten
 		Воскресенье, 29 Июня 2014, 00:08 | Сообщение 6
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
« 557 »
kredit-oformi, отправил сообщение!
Страна: (RU)
kredit-oformi
 		Воскресенье, 29 Июня 2014, 00:19 | Сообщение 7
Оффлайн
Vip
Сообщений:1975
Награды: 5
« 41 »
Kosten, работает smile вот только текст белый у меня порлучается не видно надо бы сменить
Страна: (RU)
Kosten
 		Воскресенье, 29 Июня 2014, 00:25 | Сообщение 8
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
« 557 »
kredit-oformi, отпиши мне!
Страна: (RU)
kredit-oformi
 		Воскресенье, 29 Июня 2014, 00:28 | Сообщение 9
Оффлайн
Vip
Сообщений:1975
Награды: 5
« 41 »
Kosten, отправил
Страна: (RU)
Kosten
 		Воскресенье, 29 Июня 2014, 00:35 | Сообщение 10
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
« 557 »
kredit-oformi, да получил.
Код
color: #000

Нужно выставить так #000
И будет как на картинке:

Прикрепления: 5800005.jpg (9.6 Kb)
Страна: (RU)
kredit-oformi
 		Воскресенье, 29 Июня 2014, 00:36 | Сообщение 11
Оффлайн
Vip
Сообщений:1975
Награды: 5
« 41 »
Kosten, вроде заменил отпиши мне еще разок wink
Страна: (RU)
Kosten
 		Воскресенье, 29 Июня 2014, 00:37 | Сообщение 12
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
« 557 »
А советы, не помню, но кажется в общих настройках они.
Страна: (RU)
kredit-oformi
 		Воскресенье, 29 Июня 2014, 00:38 | Сообщение 13
Оффлайн
Vip
Сообщений:1975
Награды: 5
« 41 »
Kosten, а аватарка не отобразилась в лс получается?
Страна: (RU)
Kosten
 		Воскресенье, 29 Июня 2014, 00:52 | Сообщение 14
Оффлайн
Администраторы
Сообщений:44490
Награды: 70
« 557 »
kredit-oformi, да вижу.. а должна biggrin
Страна: (RU)
kredit-oformi
 		Воскресенье, 29 Июня 2014, 00:57 | Сообщение 15
Оффлайн
Vip
Сообщений:1975
Награды: 5
« 41 »
Kosten,
Цитата Kosten ()
а должна
вот непонятка то получается wink
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Оповещение личных сообщениях на сайте как вконтакте (Скрипт для ucoz)
  • Страница 1 из 4
  • 1
  • 2
  • 3
  • 4
  • »
Поиск: