« Информер "Новые пользователи" для uCoz »

Описание материала:

Информер "Новые пользователи". Не плохой информер, прост в установке, не требует скачивания архива. Что из себя представляет информер: светло-серая форма, в форме находится аватар пользователя, а под аватаром никнейм, для того чтоб перейти в профиль пользователя нужно нажать на аватар.

Установка:

  • Заходим в ПУ >>> Информеры >>> Раздел: Пользователи, Способ сортировки: Дата регистрации D, Количество материалов: 3, Количество колонок: 1, Создать >>> заменяем полностью стандартный шаблон информера на данный:
    Код
    <div class="newuser_info transparency_i">  
    <div class="newuser_v">  
    <a href="$PROFILE_URL$" title="Профиль пользователя $USERNAME$"><?if($AVATAR_URL$)?><img class="avatar_img" src="$AVATAR_URL$" /><?else?><img class="avatar_img" src="http://starwebs.ru/ava/coll/avatar_7.png" alt="no" /><?endif?> </a> $USERNAME$ </div>
    </div>
    <br>

  • Этот код ставим в блок где хотим видеть информер, $MYINF_X$ за место X ставим свой номер информера
    Код
    <div align="center">$MYINF_X$</div>

  • Заходим в Таблицу стилей(CSS) и в самый низ ставим данный код:
    Код
    /* Информер Новые пользователи для uCoz */
    .newuser_info {  
      text-align:center;  
      font:9px Verdana,Arial,Helvetica, sans-serif; color:#85898f;  
      width:100px;  
      border:1px solid #d2d2d4;  
      background: #e4e5e7;  
      -webkit-border-radius: 5px;  
      -moz-border-radius: 5px;  
      border-radius: 5px;  
      }  

    .avatar_img {  
      width:65px;  
      height:65px;  
      background: #fff;  
      border:1px solid #d2d2d4;  
      padding: 4px;  
      margin-bottom: 3px;  
      }  
    .newuser_v {  
      border-bottom: 1px solid #d2d2d4;  
      padding: 10px 0px 4px 0px;  
      }  
       
      .transparency_i a:hover img {  
      filter: progid: DXImageTransform.Microsoft.Alpha(opacity=70);  
      -moz-opacity: 0.7;  
      opacity: 0.7;  
      filter: alpha(opacity=70);  
    }
    /* ------------------------- */

    Готова!


    Установка материала

    Мы поможем установить данный материал к Вам на сайт


    Добавил: YaVi | Категория: Скрипты для uCoz | Просмотров: 956

    Теги к материалу: пользователи, информер, Новые, ucoz, для

    Поделиться в соц. сетях:

    К данному материалу нет комментариев, но Вы можете стать первым, оставив свой комментарий!

    Комментариев к материалу: 0
    avatar