Мини-профиль для uCoz

Мини-профиль для uCoz

Красивый и простой мини-профиль для Вашего сайта. Отлично подойдет для минималистичного дизайна. Состоит из фонового изображения, аватара пользователе, его группы, подписи и социальных аккаунтов. Легкий в настройке. все цвета можно изменить под себя.

Установка:
1. Папку "assets" загрузить в корень сайта
2. Подключить стили или скопировать их с "main.css" и "site.min.css"
3. Вставить код в нужное вам место:
Код

  <div class="profile_widget" >
   
  <div class="pw_avatar" >
  <svg id="svg-1" class="clip-svg" width="150" height="130">
  <image class="pw_avatar_img" width="150" height="150" x="0" y="0" xlink:href="assets/img/avatar.jpg" />
  <defs>
  <clipPath id="clip-triangle">
  <polygon points="75 130,150 0,0 0" />
  </clipPath>
  </defs>
  </svg>
  </div><!-- /.pw_avatar -->
   
  <div class="pw_info" >
  <h1>Andrey Milevskiy</h1>
  <h2>UI Designer</h2>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.</p>
  </div><!-- /.pw_info -->
   
  <div class="pw_social" >
  <ul>
  <li class="pw_dribbble" ><a href="#"><i class="icon_dribbble" ></i></a></li>
  <li class="pw_twitter" ><a href="#"><i class="icon_twitter" ></i></a></li>
  <li class="pw_instagram" ><a href="#"><i class="icon_instagram" ></i></a></li>
  </ul>
  </div><!-- /.pw_social -->

  <div class="pw_corner left" ></div>
  <div class="pw_corner right" ></div>

  </div>


avatar

Убираем скобки в меню категорий uCoz

Многие хотят убрать эти скобки и сегодня я расскажу как это сделать .

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

Информационные таблички для uCoz . Отлично подойдут для вывода какой либо важной информации. Цвет и иконку можно настроить под себя.Еще они адаптивные

Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0