>
Всего Online : 1
Гости сайта : 1
Пользователей: 0

Кто Online :

Кто посетил нас сегодня :
Всего : 223
Новых за месяц: 4
Новых за неделю: 2
Новых вчера: 0
Новых сегодня: 0
Из них :
Пользователей 216
Проверенных: 6
Модераторов: 0
Админов: 1
Из них :
Парней: 194
Девушек: 29
25 Ноября 18, Воскресенье, 11:33
Обновление от : andruha061

- Обновлена цветовая схема (частично, типо новый уровень)
- Исправлены ошибки, удален лишний код в стилях
- Новая система отображения личных сообщений
- Новая система окон
- Отчищены профили от мусора, в том числе и стены
- Все записи пользователей на стене как и комментарии к ним также удалены
- Чуток изменена страница с материалами
- Убран общий чат
- Новая система загрузки обложек в профили

PS. Нет, сайт не возрождён. Просто захожу и вижу что люди здесь есть, просмотры, посещения. Захотелось вернуться немного к этому всеми, вспомнить 7UARTS.


16 Февраля 18, Пятница, 01:05
Обновление от : andruha061

- Обновлен шаблон Torrent-Games для uCoz (Подробнее конце описания материала)
- Ссылка на шаблон : клик.


06 Февраля 18, Вторник, 17:47
Обновление от : andruha061

- Исправлен баг с личными сообщениями
- Вывод сообщений в Ajax-окне


04 Февраля 18, Воскресенье, 18:35
Обновление от : andruha061

- Обновлен вид персональных страниц для пользователей, у которых не установлена обложка.


04 Февраля 18, Воскресенье, 17:00
Обновление от : andruha061

- Обновлена система вывода комментариев на странице пользователя :

Теперь на странице пользователя отображается 30 последних комментариев которые он оставил. Если нужен полный список, то рядом есть кнопка для открытия страницы с полным списком комментариев. Плюс убрал показ комментариев через IFrame.


04 Февраля 18, Воскресенье, 15:02
Обновление от : andruha061

- Обновлена частично цветовая схема дизайна.
- Обновлены иконки в меню.
- Обновлена страница с материалами :
Если к материалу прикреплено больше 7 изображений, то будет использоваться прокрутка изображений в блоке.
- Обновлены табы на странице пользователя.
- Поставил эффект для BODY при загрузке страницы (не прелоадер)
- Обновлены цвет текста и заголовков.
- На странице пользователя во вкладке комментарии теперь можно перейти по ссылке к материалу где был оставлен комментарий.
- Может что-то еще...


03 Февраля 18, Суббота, 07:38
Обновление от : andruha061

 - Частично улучшен дизайн сайта (это не точно).
 - Шапка и подвал сайта на всю ширину страницы.
 - Улучшено отображение блоков.
 - Небольшие поправки в HTML-редакторе.
 - Обновлен дизайн чата.
 - Новая система вывода обновлений в окне.
 - Частично обновлена персональная страница пользователя.
 - Обновлен вид материалов для блога.
 - Частично обновлена главная страница.
- Обновлено меню навигации.


09 Января 18, Вторник, 05:28
Обновление от : andruha061

 - Оптимизация CSS и Java.
 - Улучшение стабильности сайта. 


08 Января 18, Понедельник, 21:29
Обновление от : andruha061

- Обновлена до конца мастерская сайта.


06 Января 18, Суббота, 12:29
Обновление от : andruha061

 - Исправлены баги после обновления.
 - Пофиксил отображение комментариев на странице пользователя.


01 Января 18, Понедельник, 01:27
Обновление от : andruha061

-  Открытие сайта после огромного обновления.
 - Подробнее в группе вк : https://vk.com/7uarts


Последних 10 новых тем на форуме.

VK Clear New Design (by 7uarts) для сайта ВКонтакте

Основной форум : Темы для сайтов | Дата : 29 Января 18

Заявка на бесплатные адаптации шаблонов под uCoz

Основной форум : Помощь сайтам созданных в системе uCoz | Дата : 24 Января 18

Тема BlackHead-Full Container для 7UARTS.

Основной форум : Темы для сайтов | Дата : 24 Января 18

Что такое Stylish и что тут создавать?

Основной форум : Темы для сайтов | Дата : 24 Января 18

Описание и правила форума

Основной форум : Темы для сайтов | Дата : 24 Января 18

Склонение числительных на uCoz

Основной форум : Уроки и решения для uCoz | Дата : 23 Декабря 17

Смена стилей сайта с запоминанием на Cookie

Основной форум : Прочее / Разное | Дата : 21 Декабря 17

Архив всех комментариев для uCoz

Основной форум : Уроки и решения для uCoz | Дата : 21 Декабря 17

1K вместо 1000

Основной форум : Уроки и решения для uCoz | Дата : 21 Декабря 17

Когда заходил пользователь на сайт (как Вконтакте) для uCoz

Основной форум : Уроки и решения для uCoz | Дата : 30 Ноября 17

Последних 10 новых комментариев.

Klose / Wonde - универсальный бизнес шаблон для uCoz

Добрый день!
Я скачал Ваш шаблон и установи...

andruha061 / Новый вид личных сообщений (ЛС) для uCoz

Ого тут есть люди ахах)

ຫອმຕ♪♫™ / Новый вид личных сообщений (ЛС) для uCoz

Классно : )

VIP / LifeMaster (Test-Templates) для DLE

в лс отписаться не получилось! пишу здесь...

andruha061 / Ene Pm 2 для DataLife Engine

спасибо)

Webmaster / Ene Pm 2 для DataLife Engine

Немного поправлю автора материала заливается тольк...

andruha061 / Шаблон Libra для uCoz

не знаю что там у тебя битое, все работает и все н...

magic_support / Шаблон Libra для uCoz

В названии файлов и папок шрифт битый

xrystik / Компактный вид материалов для uCoz

Мало кто сейчас пишет источники, да и раньше этим ...

milan_shubin(pidor) / Новые кнопки для форума uCoz

Хорошо сделано PNG формате )))

Анимация при наведении курсора на кнопку для uCoz

Дата и время публикации : 03 Июня 17 в 04:17 | Раздел : Кнопки для uCoz


Параметр Значение
Дата публик. 03 Июня 17, Суббота, 04:17
Адапт. дизайн
Обновления Не производились
Просмотрен 144

В данном виде кнопок реализовано использование псевдоэлементов для имитации границы элемента с переходом и чередующимся transform-origin при наведении. Довольно интересное решение для наведении на кнопку. В демонстрации показаны два примера. Отличие в них в том, что все эффекты осуществляются в обратном порядке. Какой вид выбирать, решать только вам. Оба вида красивы. 


Установка :

1. Вставить в нужное место :

<h2>По часовой стрелке</h2> 
<div class="row"> 
  <div class="button clockwise horizontal">Горизонталь</div> 
  <div class="button clockwise vertical">Вертикаль</div> 
  <div class="button clockwise both">И то и другое<div class="inner"></div></div> 
  </div> 
<h2>Против часовой стрелки</h2> 
<div class="row"> 
  <div class="button counterclockwise horizontal">Горизонталь</div> 
  <div class="button counterclockwise vertical">Вертикаль</div> 
  <div class="button counterclockwise both">И то и другое<div class="inner"></div></div> 
</div


2. Вставить в таблицу стилей CSS:

.button { 
  position: relative; 
  cursor: pointer; 
  color: white; 
  font-family: sans-serif; 
  font-size: 1.5em; 
  padding: 0.5em 1em 0.65em; 
  margin: 0 10px; 
  background: #3c4650; 
  } 
   
  .button .inner { 
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  } 
   
  .button:nth-of-type(1):before, 
  .button:nth-of-type(1):after, 
  .button:nth-of-type(1) .inner:before, 
  .button:nth-of-type(1) .inner:after { 
  background-color: #ffa726; 
  } 
   
  .button:nth-of-type(2):before, 
  .button:nth-of-type(2):after, 
  .button:nth-of-type(2) .inner:before, 
  .button:nth-of-type(2) .inner:after { 
  background-color: #26a69a; 
  } 
   
  .button:nth-of-type(3):before, 
  .button:nth-of-type(3):after, 
  .button:nth-of-type(3) .inner:before, 
  .button:nth-of-type(3) .inner:after { 
  background-color: #7e57c2; 
  } 
   
  .button:before, 
  .button:after, 
  .button .inner:before, 
  .button .inner:after { 
  position: absolute; 
  content: ""; 
  display: block; 
  -webkit-transition: -webkit-transform 0.3s; 
  transition: -webkit-transform 0.3s; 
  transition: transform 0.3s; 
  transition: transform 0.3s, -webkit-transform 0.3s; 
  } 
   
  .button.horizontal:before, 
  .button.horizontal:after, 
  .button.both:before, 
  .button.both:after { 
  left: 0; 
  width: 100%; 
  height: 2px; 
  -webkit-transform: scaleX(0); 
  transform: scaleX(0); 
  } 
   
  .button.horizontal .inner:before, 
  .button.horizontal .inner:after, 
  .button.both .inner:before, 
  .button.both .inner:after { 
  top: 0; 
  width: 2px; 
  height: 100%; 
  -webkit-transform: scaleY(0); 
  transform: scaleY(0); 
  } 
   
  .button.horizontal .inner:before, 
  .button.both .inner:before { 
  left: 0; 
  } 
   
  .button.horizontal .inner:after, 
  .button.both .inner:after { 
  right: 0; 
  } 
   
  .button.horizontal .inner:hover:before, 
  .button.horizontal .inner:hover:after, 
  .button.both .inner:hover:before, 
  .button.both .inner:hover:after { 
  -webkit-transform: scaleY(1); 
  transform: scaleY(1); 
  } 
   
  .button.horizontal:before, 
  .button.both:before { 
  top: 0; 
  } 
   
  .button.horizontal:after, 
  .button.both:after { 
  bottom: 0; 
  } 
   
  .button.horizontal:hover:before, 
  .button.horizontal:hover:after, 
  .button.both:hover:before, 
  .button.both:hover:after { 
  -webkit-transform: scaleX(1); 
  transform: scaleX(1); 
  } 
   
  .button.horizontal:hover .inner:before, 
  .button.horizontal:hover .inner:after, 
  .button.both:hover .inner:before, 
  .button.both:hover .inner:after { 
  -webkit-transform: scaleY(1); 
  transform: scaleY(1); 
  } 
   
  .button.horizontal.clockwise .inner:before, 
  .button.both.clockwise .inner:before { 
  -webkit-transform-origin: top center; 
  transform-origin: top center; 
  } 
   
  .button.horizontal.clockwise .inner:after, 
  .button.both.clockwise .inner:after { 
  -webkit-transform-origin: bottom center; 
  transform-origin: bottom center; 
  } 
   
  .button.horizontal.clockwise:before, 
  .button.both.clockwise:before { 
  -webkit-transform-origin: right center; 
  transform-origin: right center; 
  } 
   
  .button.horizontal.clockwise:after, 
  .button.both.clockwise:after { 
  -webkit-transform-origin: left center; 
  transform-origin: left center; 
  } 
   
  .button.horizontal.clockwise:hover .inner:before, 
  .button.both.clockwise:hover .inner:before { 
  -webkit-transform-origin: bottom center; 
  transform-origin: bottom center; 
  } 
   
  .button.horizontal.clockwise:hover .inner:after, 
  .button.both.clockwise:hover .inner:after { 
  -webkit-transform-origin: top center; 
  transform-origin: top center; 
  } 
   
  .button.horizontal.clockwise:hover:before, 
  .button.both.clockwise:hover:before { 
  -webkit-transform-origin: left center; 
  transform-origin: left center; 
  } 
   
  .button.horizontal.clockwise:hover:after, 
  .button.both.clockwise:hover:after { 
  -webkit-transform-origin: right center; 
  transform-origin: right center; 
  } 
   
  .button.horizontal.counterclockwise .inner:before, 
  .button.both.counterclockwise .inner:before { 
  -webkit-transform-origin: bottom center; 
  transform-origin: bottom center; 
  } 
   
  .button.horizontal.counterclockwise .inner:after, 
  .button.both.counterclockwise .inner:after { 
  -webkit-transform-origin: top center; 
  transform-origin: top center; 
  } 
   
  .button.horizontal.counterclockwise:before, 
  .button.both.counterclockwise:before { 
  -webkit-transform-origin: left center; 
  transform-origin: left center; 
  } 
   
  .button.horizontal.counterclockwise:after, 
  .button.both.counterclockwise:after { 
  -webkit-transform-origin: right center; 
  transform-origin: right center; 
  } 
   
  .button.horizontal.counterclockwise:hover .inner:before, 
  .button.both.counterclockwise:hover .inner:before { 
  -webkit-transform-origin: top center; 
  transform-origin: top center; 
  } 
   
  .button.horizontal.counterclockwise:hover .inner:after, 
  .button.both.counterclockwise:hover .inner:after { 
  -webkit-transform-origin: bottom center; 
  transform-origin: bottom center; 
  } 
   
  .button.horizontal.counterclockwise:hover:before, 
  .button.both.counterclockwise:hover:before { 
  -webkit-transform-origin: right center; 
  transform-origin: right center; 
  } 
   
  .button.horizontal.counterclockwise:hover:after, 
  .button.both.counterclockwise:hover:after { 
  -webkit-transform-origin: left center; 
  transform-origin: left center; 
  } 
   
  .button.vertical:before, 
  .button.vertical:after { 
  top: 0; 
  width: 2px; 
  height: 100%; 
  -webkit-transform: scaleY(0); 
  transform: scaleY(0); 
  } 
   
  .button.vertical:before { 
  left: 0; 
  } 
   
  .button.vertical:after { 
  right: 0; 
  } 
   
  .button.vertical:hover:before, 
  .button.vertical:hover:after { 
  -webkit-transform: scaleY(1); 
  transform: scaleY(1); 
  } 
   
  .button.vertical.clockwise:before { 
  -webkit-transform-origin: top center; 
  transform-origin: top center; 
  } 
   
  .button.vertical.clockwise:after { 
  -webkit-transform-origin: bottom center; 
  transform-origin: bottom center; 
  } 
   
  .button.vertical.clockwise:hover:before { 
  -webkit-transform-origin: bottom center; 
  transform-origin: bottom center; 
  } 
   
  .button.vertical.clockwise:hover:after { 
  -webkit-transform-origin: top center; 
  transform-origin: top center; 
  } 
   
  .button.vertical.counterclockwise:before { 
  -webkit-transform-origin: bottom center; 
  transform-origin: bottom center; 
  } 
   
  .button.vertical.counterclockwise:after { 
  -webkit-transform-origin: top center; 
  transform-origin: top center; 
  } 
   
  .button.vertical.counterclockwise:hover:before { 
  -webkit-transform-origin: top center; 
  transform-origin: top center; 
  } 
   
  .button.vertical.counterclockwise:hover:after { 
  -webkit-transform-origin: bottom center; 
  transform-origin: bottom center; 
  }

 

На данный момент никто не оставил комментариев.

Оставить комментарий :


Требуется войти в свой аккаунт.

Для того чтобы оставить комментарий вам не обходимо войти в свой аккаунт или зарегистрироваться.

Вход Регистрация

Смотрите также :

9 иконок юзеров в формате PNG, PSD, SVG и EPS

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


Материал
По возможности мы всех призываем указывать источник материала если вы нашли у нас что-то дейстительно интересное и новое для себя.

Понравился материал? Поделись с ним в социальных сетях !

Источник
Ссылки

Используйте быстрые ссылки для вставки в сообщениях форума.

Ccылка
BB-Code
HTML-код