Информер Новые пользователи для uCoz - Информеры - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Информеры


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


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

Установка:

Но это информер и его нужно создать с такими параметрами:

[ Пользователи · Материалы · Дата регистрации D · Материалы: 6 · Колонки: 2 ]

Потом копируем код и устанавливаем там, но для начало убираем тот, который автоматически создан был.
Code
<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://zornet.ru/Ajaxoskrip/Forma_skriptov/zZdU4oy.jpg" alt="no" /><?endif?> </a> $USERNAME$ </div>  
</div>  
<br>

CSS
Code
/* Информер Новые пользователи для 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);  
}  
/* ------------------------- */

Важно!

При копировании материала указывать ссылку на источник.

- 404
- 09-Ноября-2016
- 0
Материал разместил:

Похожий материал
Похожего материала не найдено...
Статьи сайта