Страница 1 из 11
Форум про uCoz » Создание сайта на uCoz » Другие скрипты для uCoz » Личное Сообщение с Avatar для сайта uCoz
Личное Сообщение с Avatar для сайта uCoz
Kosten
Дата: Четверг, 25.05.2017, 22:03 | Сообщение # 1
Администраторы
Сообщений:15028
Награды: 49


Для светлого дизайна темное уведомление Личное Сообщение подойдет отлично по дизайну. А это видимость всегда будет отличная и как только к вам придет сообщение, то вы сразу его увидите. Оно в точности напоминает по своим стилям и конфигураций на сообщение, которое применяется в социальной сети в контакте. Мы сделаем так и разобьем его на две части, а это будет одно идти с Avatar, другое без него, как на сайте zornet.



Это первый вариант с Avatar у которого углы еще закругленные.

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

Код
<span style="display:none;"><span class="Ls_Avik">
<img style="width:50px; max-height:50px; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; border:0; vertical-align:middle;" src="<?if($_AVATAR$)?><?substr($_AVATAR$,strpos($_AVATAR$,'src')+5,strpos(substr($_AVATAR$,strpos($_AVATAR$,'src')+5), '>')-3)?>" title="$_USERNAME$<?else?>http://zornet.ru/zorner_ru_1/aves/noavatar-834.png" title="Нет аватара<?endif?>" />
</span></span>


И следующий код нам нужно поставить в нижнее часть сайта:

Код
<?if($UNREAD_PM$>'0')?>    
<style>  
  .LsMesWrap {position: fixed; bottom:0px; right:17px; padding:10px; color:#fff;}  
  .LsMesWrapp {text-align:left; margin-bottom:17px; width:300px; background:url('http://zornet.ru/zorner_ru_1/aves/lyvedomlenie_o_lc_kak_v_vkontakte_-hDIuk.png'); padding:7px; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-shadow:0px 1px 0px rgba(0, 0, 0, 0.70); -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);}  
  </style>  

  <div class="LsMesWrap"></div>  
  <script type="text/javascript" src="http://zornet.ru/zorner_ru_1/aves/yvedomlenie_o_lc_kak_v_vkontakte_js.js"></script>  
<?endif?>


Второй вариант без картинка пользователя:



Код
<?if($UNREAD_PM$>'0')?>
  <style>  
  .LsMesWrap {position: fixed; bottom:0px; right:17px; padding:10px; color:#fff;}  
  .LsMesWrapp {text-align:left; margin-bottom:17px; width:300px; background:url('http://zornet.ru/zorner_ru_1/aves/lyvedomlenie_o_lc_kak_v_vkontakte_-NLp0S.png'); padding:7px; color:#fff; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; text-shadow:0px 1px 0px rgba(0, 0, 0, 0.70); -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);}  
  </style>  

  <div class="LsMesWrap"></div>  
  <script type="text/javascript" src="http://zornet.ru/zorner_ru_1/aves/yvedomlenie_o_lc_kak_v_vkontakte_js2.js"></script>  
<?endif?>


Вся установка, как видите первый был проверен, а второй просто устанавливал на один сайт и он отлично работает.

Комментарий, что оставили пользователи, к этому материалу:

1. Да для светлого очень даже интересно и заметно будет,одним словом лучше чем стандартное оповещение на все 100%

2. Да, на светлом нормально, там с углами был и как то не красиво картинка вписывалось, пришлось стиль добавить.

3. Все таки и проверил второй, чтоб точно знать, что он работает. Картинку приложил к материалу где находиться код.

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

5. По мне вообще бы сделать как на форуме, если есть сообщение, то замигало красным. Только реально коды пихаешь а потом стили друг на друга как антивирусы матерятся.

6. Что то похожая ава) наверное проверял и я или кто то за меня. По теме, это одни из нескольких скриптов оповещение, которые работают хорошо, правда появляются как все, после перезагрузки или перехода на другую страницу. Интересно на форуме также будут появляться.

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

8. На этот сайт поставил и уже общение было через ЛС и нормально, только немного цвета поменял, возможно оно будет прозрачно голубым, так как идет файл на сам корпус и покрасить можно.

9. Даже и не заметил, что здесь стоит, пришлось поискать, где открыть и не до пер, что отписываю в нем.

10. Потому не заметил, что с дизайном сливается, это и называться тот случай, что с окном угадали. Если поставить голубое, то не очень смотреться будет.

11. Но это нормально что не так в глаза бросается.
Прикрепления: 1243200.jpg(19Kb) · 3074520.jpg(9Kb)
Страна: (RU)
Форум про uCoz » Создание сайта на uCoz » Другие скрипты для uCoz » Личное Сообщение с Avatar для сайта uCoz
Страница 1 из 11
Поиск: