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

Кто Online :

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

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

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

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

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

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

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

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

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

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

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

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

Ого супер, форум вообще класс...

andruha061 / Developer - шаблон для блога / материалов для uCoz

уже нету) значит убрал) я в первый раз когда зашел...

Mopnex / Developer - шаблон для блога / материалов для uCoz

Я поставил подгрузку css вниз страницы, что позвол...

andruha061 / Developer - шаблон для блога / материалов для uCoz

рад что ты воспользоваться моей адаптацией) молоде...

Mopnex / Developer - шаблон для блога / материалов для uCoz

если кому интересно, что получилось у меня из шабл...

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

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


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

Вот и от меня появился новый вид материалов для 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
персональная страница на этом сайте делалась под этот шаблон и настраивалась исключительно под него, сделать точно такую же для всех шаблонов врятли получится, это в большинстве случаев персональная работа для каждого шаблона или сайта ибо у всех все будет смотреться по разному, чаще всего вообще криво.


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


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

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

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

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

Flat Cinema - адаптивный шаблон для DLE 11.3

Адаптивный шаблон Flat Cinema - создан специально для онлайн кинотеатров на движке DLE. Специально продуманная темная цветовая схема шаблона погруз...


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

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

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

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

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