[fgX] Discussion Preview 3.7.3

[baltun]

Пользователь xsasha разместил новый ресурс:

[fgX] Discussion Preview - Предпросмотр содержимого первого/последнего сообщения темы в категориях.

Предпросмотр содержимого первого/последнего сообщения темы в категориях.

Узнать больше об этом ресурсе...

 

[aligon]

Извините, не очень понял, что он делает, пример бы

 

[baltun]

Проще говоря выводит в списке тем часть сообщения и картинки, которые были размещены в сообщении.

 

[aligon]

Аха, понятно. Интересно, как это будит выглядеть, попробую, сфоткаю

Тема выглядит так


Вид конечно не обычный., но я ещё не капал, может можно что то поменять

 

[baltun]

Надо было побольше сделать скрин, чтобы можно было видеть общую картину на форуме.

 

[aligon]

Вот скрин попбольше, но настроек куча, и не переведены.



Пока оставил, будет какой то прикол. А так, привыкаешь вроде не чего.

 

[baltun]

Ну скажем так не совсем обычно и будешь отличатся от других форумов точно.

 

[aligon]

Ну скажем так не совсем обычно и будешь отличатся от других форумов точно.

Отличие офигенное, я не помню, но на что то похоже
Пример тут

Спойлер

У вас нет разрешения на просмотр ссылки, пожалуйста Вход или Регистрация

 

[baltun]

Так погоди сейчас я тебе покажу как я вижу все с правками кода CSS, минуту, буду писать частями, добавь это в EXTRA.CSS

.discussionListItem, .memberListItem {
    border: 1px solid #e0e0e0 !important;
    border-radius: 3px;
    margin: 5px 0;
}

Далее

.fgx-discussion-preview-text .fgx-dp-max {
  border-bottom: 1px solid #e0e0e0;
  padding-top: 4px;
  font-size: 12px;
}

Можно так, при вкл дополнении шрифты.

@font-face {
    font-family: 'CentSchbook_Win95Bt';
    src: url('styles/hal/fonts/CentSchbook_Win95Bt.ttf');
}
.fgx-discussion-preview-text .fgx-dp-max {
  border-bottom: 1px solid #e0e0e0;
  padding-top: 4px;
  font-size: 14px;
  font-family: 'CentSchbook_Win95Bt';
}

 

[aligon]

Не, последний код не очень, пусть будит как было

 

[baltun]

Не очень в плане шрифт не понравился ? можно из списка любой подобрать, поправил размер шрифты сделал побольше.

 

[aligon]

Не очень в плане шрифт не понравился ? можно из списка любой подобрать, поправил размер шрифты сделал побольше.

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

 

[baltun]

Хочешь так еще попробуй может понравится:
/*Делаем тени*/

.discussionListItem, .memberListItem {
    border: 1px solid #e0e0e0 !important;
    border-radius: 3px;
    margin: 5px 0;
    webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
    -khtml-box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
    box-shadow: 2px 2px 5px rgba(0,0,0,0.4);
}

/*Делаем выделение ссылок*/

.discussionListItems .listBlock.main .titleText .title a.PreviewTooltip {
    display: inline-block;
    position: relative;
    text-decoration: none;
}
.discussionListItems .listBlock.main .titleText .title a.PreviewTooltip::after {
    background-color: #eb5055;
    bottom: 0;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transition: all 0.3s ease 0s;
    visibility: hidden;
    width: 100%;
}
.discussionListItems .listBlock.main .titleText .title a.PreviewTooltip:hover::after {
    transform: scaleX(1);
    visibility: visible;
}

/*Добавляем иконку FW в конце названия темы*/

.discussionListItems .listBlock.main .titleText .title:after {
    font-family: 'FontAwesome';
    content: "\f122";
    padding-right: 4px;
    color: rgb(200, 200, 200);
}

У меня все выглядит так:

 

[aligon]

Да, прикольно, всё краше и краше, Вы большой умелец.
Этот плагин, хоть и не переведённый до конца, всё больше радует

 

[baltun]

:animation22: Ну не большой это уж точно, просто любитель.

 

[aligon]

Кто бы взялся за перевод, просто есть и 3.8 версия, интересно, что там добавили.

 

[baltun]

Вот в завершении выделение блоков при наведении на них мышкой, может понравится:

ol.discussionListItems .discussionListItem:hover {
     webkit-box-shadow: 2px 2px 5px #FF3333;
    -moz-box-shadow: 2px 2px 5px #FF3333;
    -khtml-box-shadow: 2px 2px 5px #FF3333;
    box-shadow: 2px 2px 5px #FF3333;
}

Я как то хотел перевести, но как то сложно у меня собирался перевод, что я не стал переводить, если будет свободное время может переведу.
Выглядит все как то так, типо финал:

 

[aligon]

Да классно, но поменяю на голубенький цвет

 

[baltun]

Ну я тоже хотел его (#176093) предложить, но потом подумал, может под цвет ссылок сделать. Главное, что ты понял css и по мелочам сам начинаешь менять, с этого как правило все начинается в познании.