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

Кто Online :

Кто посетил нас сегодня :
kosten
Всего : 217
Новых за месяц: 6
Новых за неделю: 1
Новых вчера: 1
Новых сегодня: 0
Из них :
Пользователей 210
Проверенных: 6
Модераторов: 0
Админов: 1
Из них :
Парней: 189
Девушек: 28
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 формате )))

Меню на весь экран (CSS3) для uCoz

Дата и время публикации : 01 Января 16 в 14:04 | Раздел : Меню для uCoz


Параметр Значение
Дата публик. 01 Января 16, Пятница, 14:04
Адапт. дизайн
Обновления Не производились
Просмотрен 204
Загружен 39

С помощью CSS мы создадим анимированное меню, которое будет занимать весь экран и будет находится слева-вверху, страницы (то есть не будет занимать место на самой странице, а лишь в 60х60 пикселей сверху). Само меню полностью построено на CSS и не имеет ни каких картинок и js. Фон меню выполнен в синих тонах, а кнопка открыть и закрыть в голубых. CSS меню адаптировано под все мобильные устройства. Установка очень проста, надо в верхнюю часть или в основной Cascading Style Sheets подключить CSS и поставить HTML код к Вам на сайт. 

Пример реализации CSS3 меню без использования javascripta или сторонних плагинов. Вариант можно использовать не только как меню, а, например, для удобного блока с текстом, или описания изображения и т. д. 



Установка: 

1) Вставить в "Дизайн - Управление дизайном(CSS)" :

.flex-center { 
      display: -webkit-box; 
      display: -webkit-flex; 
      display: -ms-flexbox; 
      display: flex; 
      -webkit-box-align: center; 
      -webkit-align-items: center; 
      -ms-flex-align: center; 
      align-items: center; 
      -webkit-box-pack: center; 
      -webkit-justify-content: center; 
      -ms-flex-pack: center; 
      justify-content: center; 

* { 
      box-sizing: border-box; 
      font-family: 'Open Sans', sans-serif; 
      font-weight: 300; 

a, 
a:visited, 
a:hover, 
a:active { 
      color: #ffffff; 
      text-decoration: none; 

h1 { 
      font-family: 'Pacifico', cursive; 
      font-weight: 400; 
      font-size: 3em; 
      text-align: center; 

.outer-menu { 
      position: fixed; 
      top: 10vh; 
      left: 0; 
      z-index: 1; 

.outer-menu .checkbox-toggle { 
      position: absolute; 
      top: 0; 
      left: 0; 
      z-index: 2; 
      cursor: pointer; 
      width: 60px; 
      height: 60px; 
      opacity: 0; 

.outer-menu .checkbox-toggle:checked + .hamburger > div { 
      -webkit-transform: rotate(135deg); 
      -ms-transform: rotate(135deg); 
      transform: rotate(135deg); 

.outer-menu .checkbox-toggle:checked + .hamburger > div:before, 
.outer-menu .checkbox-toggle:checked + .hamburger > div:after { 
      top: 0; 
      -webkit-transform: rotate(90deg); 
      -ms-transform: rotate(90deg); 
      transform: rotate(90deg); 

.outer-menu .checkbox-toggle:checked + .hamburger > div:after { 
      opacity: 0; 

.outer-menu .checkbox-toggle:checked ~ .menu { 
      pointer-events: auto; 

.outer-menu .checkbox-toggle:checked ~ .menu > div { 
      width: 200vw; 
      height: 200vw; 

.outer-menu .checkbox-toggle:checked ~ .menu > div > div { 
      opacity: 1; 
      -webkit-transition: opacity 0.3s ease 0.3s; 
      transition: opacity 0.3s ease 0.3s; 

.outer-menu .checkbox-toggle:hover + .hamburger { 
      box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1); 

.outer-menu .checkbox-toggle:checked:hover + .hamburger > div { 
      -webkit-transform: rotate(225deg); 
      -ms-transform: rotate(225deg); 
      transform: rotate(225deg); 

.outer-menu .hamburger { 
      position: absolute; 
      top: 0; 
      left: 0; 
      z-index: 1; 
      width: 60px; 
      height: 60px; 
      padding: .5em 1em; 
      background: rgba(33, 150, 243, 0.75); 
      border-radius: 0 0.12em 0.12em 0; 
      cursor: pointer; 
      -webkit-transition: box-shadow 0.3s ease; 
      transition: box-shadow 0.3s ease; 
      -webkit-backface-visibility: hidden; 
      backface-visibility: hidden; 
      display: -webkit-box; 
      display: -webkit-flex; 
      display: -ms-flexbox; 
      display: flex; 
      -webkit-box-align: center; 
      -webkit-align-items: center; 
      -ms-flex-align: center; 
      align-items: center; 
      -webkit-box-pack: center; 
      -webkit-justify-content: center; 
      -ms-flex-pack: center; 
      justify-content: center; 

.outer-menu .hamburger > div { 
      position: relative; 
      -webkit-box-flex: 0; 
      -webkit-flex: none; 
      -ms-flex: none; 
      flex: none; 
      width: 100%; 
      height: 2px; 
      background: #fefefe; 
      -webkit-transition: all 0.3s ease; 
      transition: all 0.3s ease; 
      display: -webkit-box; 
      display: -webkit-flex; 
      display: -ms-flexbox; 
      display: flex; 
      -webkit-box-align: center; 
      -webkit-align-items: center; 
      -ms-flex-align: center; 
      align-items: center; 
      -webkit-box-pack: center; 
      -webkit-justify-content: center; 
      -ms-flex-pack: center; 
      justify-content: center; 

.outer-menu .hamburger > div:before, 
.outer-menu .hamburger > div:after { 
      content: ''; 
      position: absolute; 
      z-index: 1; 
      top: -10px; 
      left: 0; 
      width: 100%; 
      height: 2px; 
      background: inherit; 
      -webkit-transition: all 0.3s ease; 
      transition: all 0.3s ease; 

.outer-menu .hamburger > div:after { 
      top: 10px; 

.outer-menu .menu { 
      position: fixed; 
      top: 0; 
      left: 0; 
      width: 100%; 
      height: 100%; 
      pointer-events: none; 
      display: -webkit-box; 
      display: -webkit-flex; 
      display: -ms-flexbox; 
      display: flex; 
      -webkit-box-align: center; 
      -webkit-align-items: center; 
      -ms-flex-align: center; 
      align-items: center; 
      -webkit-box-pack: center; 
      -webkit-justify-content: center; 
      -ms-flex-pack: center; 
      justify-content: center; 

.outer-menu .menu > div { 
      width: 0; 
      height: 0; 
      color: #fefefe; 
      background: rgba(41, 98, 255, 0.97); 
      border-radius: 50%; 
      -webkit-transition: all 0.3s ease; 
      transition: all 0.3s ease; 
      -webkit-box-flex: 0; 
      -webkit-flex: none; 
      -ms-flex: none; 
      flex: none; 
      display: -webkit-box; 
      display: -webkit-flex; 
      display: -ms-flexbox; 
      display: flex; 
      -webkit-box-align: center; 
      -webkit-align-items: center; 
      -ms-flex-align: center; 
      align-items: center; 
      -webkit-box-pack: center; 
      -webkit-justify-content: center; 
      -ms-flex-pack: center; 
      justify-content: center; 

.outer-menu .menu > div > div { 
      text-align: center; 
      max-width: 90vw; 
      max-height: 100vh; 
      opacity: 0; 
      -webkit-transition: opacity 0.3s ease; 
      transition: opacity 0.3s ease; 
      overflow-y: auto; 
      -webkit-box-flex: 0; 
      -webkit-flex: none; 
      -ms-flex: none; 
      flex: none; 
      display: -webkit-box; 
      display: -webkit-flex; 
      display: -ms-flexbox; 
      display: flex; 
      -webkit-box-align: center; 
      -webkit-align-items: center; 
      -ms-flex-align: center; 
      align-items: center; 
      -webkit-box-pack: center; 
      -webkit-justify-content: center; 
      -ms-flex-pack: center; 
      justify-content: center; 

.outer-menu .menu > div > div > ul { 
      list-style: none; 
      padding: 0 1em; 
      margin: 0; 
      display: block; 
      max-height: 100vh; 

.outer-menu .menu > div > div > ul > li { 
      padding: 0; 
      margin: 1em; 
      font-size: 24px; 
      display: block; 

.outer-menu .menu > div > div > ul > li > a { 
      position: relative; 
      display: inline; 
      cursor: pointer; 
      -webkit-transition: color 0.3s ease; 
      transition: color 0.3s ease; 

.outer-menu .menu > div > div > ul > li > a:hover { 
      color: #e5e5e5; 

.outer-menu .menu > div > div > ul > li > a:hover:after { 
      width: 100%; 

.outer-menu .menu > div > div > ul > li > a:after { 
      content: ''; 
      position: absolute; 
      z-index: 1; 
      bottom: -0.15em; 
      left: 0; 
      width: 0; 
      height: 2px; 
      background: #e5e5e5; 
      -webkit-transition: width 0.3s ease; 
      transition: width 0.3s ease; 
}

 

2) В любое удобное место. Можно вставить на любую страницу или глобальный блок.

<div class="outer-menu"> 
      <input class="checkbox-toggle" type="checkbox" /> 
      <div class="hamburger"> 
      <div></div> 
      </div> 
      <div class="menu"> 
      <div> 
      <div> 
      <ul> 
      <li><a href="#">Главная страница</a></li> 
      <li><a href="#">Форум нашего сайта</a></li> 
      <li><a href="#">Каталог файлов</a></li> 
      <li><a href="#">Создать сайт бесплатно</a></li> 
      </ul> 
      </div> 
      </div> 
      </div> 
</div>

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

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


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

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

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

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

ScrollTrigger для uCoz

Всем привет, сегодня у нас речь пойдет о скролл. Скролл-эффекты – это тренд, возникший в веб-дизайне несколько лет назад и все еще набирающий...


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

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

Ссылки

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

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