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

Кто Online :

Кто посетил нас сегодня :
Всего : 476
Новых за месяц: 1
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Из них :
Пользователей 469
Проверенных: 6
Модераторов: 0
Админов: 1
Из них :
Парней: 372
Девушек: 104
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 новых комментариев.

infernusbes / Новый шаблон Torrent-Games для uCoz

Отличная адаптация

magomedomarov9 / Современный качественный шаблон для uCoz - IPS4 Focus (Redesign)

Можешь перевод сделать на карту ?
после опл...

magomedomarov9 / Современный качественный шаблон для uCoz - IPS4 Focus (Redesign)

Щас свяжусь с автором!

tylerubro / Современный качественный шаблон для uCoz - IPS4 Focus (Redesign)

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

magomedomarov9 / Minimal Soon - Страница технических работ

Материал полностью рабочий...
Возможно что-...

good04717 / Minimal Soon - Страница технических работ

Не работает, сделал все по инструкции и кроме карт...

andruha061 / Современный качественный шаблон для uCoz - IPS4 Focus (Redesign)

нет конечно, какая мне с этого выгода?
ты ж...

Lexa9090 / Современный качественный шаблон для uCoz - IPS4 Focus (Redesign)

А можно приобрести лишь часть кода? Например, мне ...

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

Подскажите последовательность действий? как что и ...

andruha061 / Современный качественный шаблон для uCoz - IPS4 Focus (Redesign)

обновил ссылку, вернул старый укозовский домен : <...

Новый адаптивный вид материалов для uCoz

Дата и время публикации : 07 Января 18 в 18:25 | Раздел : Скрипты для uCoz


Параметр Значение
Дата публик. 07 Января 18, Воскресенье, 18:25
Авторский
Адапт. дизайн
Обновления Не производились
Просмотрен 1390

Вот и от меня появился новый вид материалов для uCoz, было очень скучно, вот и решил пострадать фигней и сделать свой вид материалов :D.

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

Также в данном виде материалов стоят ограничения по высоте. Так для выравнивания блоков я использовал Grid (col-lg-6), то это значит что не правильная высота предыдущего или следующего блока будет портить весь вид и все будет становится криво (Пример). Поэтому я установил ограничения по высоте как для Title так и для Massage. Для изображения также выставлена определенная высота.

Выглядит это все вот так :

Вообщем кому нравится, ставим к себе. На этом все. Хочу отметить что такой вид материалов будет классно смотреться если фон сайта серый или такой как на скриншоте. Если у вас цвет фона для BODY стоит белый, то измените цвет блока в классе f-material на серый, чтобы материалы выделялись.


Установка :

1. В вид материалов :

<div class="col-lg-6">
<div class="f-material">
<div class="f-images-e">
<?if($IMG_URL1$)?>    
<img src="$IMG_URL1$" class="f-image"/>
<?else?>
<img src="ССЫЛКА НА КАРТИНКУ НЕТ ИЗОБРАЖЕНИЯ" class="f-image"/>    
<?endif?>    
</div>
<div class="ribbon">
<span class="f-ribbon-panel">$CATEGORY_NAME$</span>
</div>     
<a href="$ENTRY_URL$"><h4 class="f-title"><?if(len($TITLE$)>40)?><?substr($TITLE$,0,40)?>...<?else?>$TITLE$<?endif?></h4></a>
<span class="f-date"><i class="fa fa-calendar icons"></i> Дата файла : $DATE$</span>  
<div class="f-massage-box">   
<p class="f-massage">
$MESSAGE$
</p>
</div>
</div>
</div>


2. В CSS стили :

.f-material {
 padding: 20px;
 border: 0px solid rgba(54, 64, 74, 0.02);
 border-radius: 3px;
 margin-bottom: 20px;
 background-clip: padding-box;
 background-color: #fff;
 box-shadow: 0 0 10px 1px rgba(214, 214, 214,0.5);
}
a {
 text-decoration: none;
}
.f-title {
margin-bottom: 12px !important;
color : #000 !important;
font-weight: 700;
text-decoration:none;
font-size : 15px ;
overflow: hidden;
height: 17px;
line-height: 17px;    
}
.f-title:hover {
color : #454647 !important;
text-decoration:none;
}
.f-date {
font-size : 12px ;
margin-top: 0px !important;
color : #fff;  
font-weight: 300;
background-color: #2196F3;  
padding: 2px;
border-radius: 2px;
padding-right: 8px;
padding-left: 8px;
}
.f-image {
border-radius : 2px;
margin-bottom: 10px !important;
width:100%;
height:215px;
}
.f-massage {
font-size : 14px !important;
margin-top: 10px !important;    
margin-bottom: 5px !important;
color: #5e6266 !important;
}
.f-images-e:hover img {
opacity: 0.7;
-webkit-filter: grayscale(1);
filter: grayscale(1);
    
}  
.f-images-e img {    
transition: all .3s ease;
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;}
.f-massage-box {
overflow: hidden;
height: 80px;
line-height: 25px;
}
.icons {
padding-right: 4px;    
}
.ribbon:nth-child(even) {
  margin-right: 4%;
}
@media (max-width: 500px) {
  .ribbon {
    width: 100%;
  }
  .ribbon:nth-child(even) {
    margin-right: 0%;
  }
}    
.f-ribbon-panel {
  position: absolute;
  top: 15px;
  padding: 8px 10px;
  background: #2196F3;
  box-shadow: -1px 2px 3px rgba(0,0,0,.3);
  color: #fff;
}
.f-ribbon-panel:before, .f-ribbon-panel:after {
  content: "";
  position: absolute;
}
.f-ribbon-panel:before {
  width: 7px;
  height: 100%;
  top: 0;
  left: -6.5px;
  padding: 0 0 7px;
  background: inherit;
}


Установка закончена.
Примечание : для иконки даты использовался FontAwesome а в качестве разметки используется Bootstrap.

Оставленные комментарии :

GHETTOBLASTERДобавлено 07 Января 18 в 20:09
Так в css нету класса col-lg-6.
Это ты с bootstrap сетки забыл добавить.

andruha061Добавлено 07 Января 18 в 22:10
ну я и в описании сказал что использовал выравнивание через grid, собственно использовалась сетка bootstrap)) это очень большой код получится. у каждого разная разметка, и под всех подстраивать это будет довольно муторно.
если ты допустим используешь bootstrap у тебя возможно ширина col-lg-6 идет допустим в 200px; а у меня bootstrap ширина этого значения идет в 240px; уже косяк получается.
поэтому я не стал добавлять туда этот код.

nezov090Добавлено 07 Января 18 в 21:04 Спам
очень хороший скрипт спасибо. будет ли у вас скрипт персональная страничка пользователя как на 7uarts мне она нравится?

andruha061Добавлено 07 Января 18 в 22:13
персональная страница на этом сайте делалась под этот шаблон и настраивалась исключительно под него, сделать точно такую же для всех шаблонов врятли получится, это в большинстве случаев персональная работа для каждого шаблона или сайта ибо у всех все будет смотреться по разному, чаще всего вообще криво.


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


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

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

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

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

Уникальный шаблон HTML START v2

Оригинал уникального шаблона от дизайнера "Balbesskin" в стиле минимализма. Шаблон в конкретики подходит для широких проектов с тема...


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

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

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

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

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