Новый дизайн веб ресурсов[обсуждение/предложения]

[I Fresh]

ну вот реально

Ник
Звание/должность
аватара
Регистрация 03.01.2012
Адрес Москва
Сообщений 24,
663 Поблагодарил(а)
23 Получено благодарностей: 49,247 (сообщений: 6,325).

будет куда приятнее выглядеть так (без лишнего)

Ник
звание/должность
Аватара
Регистрация 03.01.2012
Адрес Москва
Сообщений 24,663

[FantiqlØl]

1)

Скрытый текст

[свернуть]

2)

Добавить бордер

[свернуть]

3)

Сделать цвет светлее, чтобы он был отчетливо виден

[свернуть]

4)

Добавить кнопке паддинги и закругления, как у всех остальных кнопок

[свернуть]

5)

Объяснение значения этих цифр

[свернуть]

6)

Выровнять стрелки относительно других элементов пагинации

[свернуть]

7)

Сделать более очевидную иконку сабскрайба на раздел

[свернуть]

8)

Текст залезает на иконку поиска

[свернуть]

Так же предлагаю сделать увеличение поиска, когда он зафокушен. Т.е. когда юзер кликает на поиск, поиск плавно раздвигается влево

9) Добавить отступы, пункты меню сливаются. Текст "К странице" виден только по маусоверу на блок перехода к странице.

Скрытый текст

[свернуть]

10) Кривая логика пагинации. Предлгаю сделать следующую:
Отображается максимум 5 страниц (опционально). Есть кнопки для перехода на первую страницу и на последнюю. Есть кнопки назад и вперед. Если мы на первой странице, то кнопки назад и первая не отображаются. Если мы на последней странице, то кнопки вперед и последняя не отображаются. Если мы на первом/последнем блоке (1---4 или last---last-3 страницы), то кнопки первая/последняя так же не отображаются. Если мы не на первом/на последнем блоке (1---4 или last---last-3 страницы), то активная страница отображается посередине. Слева от нее две (опционально) предыдущие страницы. Справа - две последующие. Где-нибудь слева или справа можно добавить кнопку перехода к определенной странице.

Ваша пагинация

[свернуть]

Пагинация, которую я предлагаю (не дизайн, а именно логику). Пример с моего проекта

[свернуть]

Примерный код для такой пагинации

let currentPage = 1;
let numberOfPages = 1;
let isPrevExist = false;
let isNextExist = false;
let shownPages = [];

const setShownPages = () => {
    shownPages = [];
    isPrevExist = false;
    isNextExist = false;

    if (numberOfPages > 5) {
        if (currentPage < 5) {
            for (let i = 1; i <= 5; i++) {
                shownPages.push(i);
            }
        } else if (numberOfPages - currentPage < 4) {
            for (let i = numberOfPages - 4; i <= numberOfPages; i++) {
                shownPages.push(i);
            }
        } else {
            for (let i = currentPage - 2; i <= currentPage + 2; i++) {
                shownPages.push(i);
            }
        }
    } else {
     for (let i = 1; i <= numberOfPages; i++) {
         shownPages.push(i);
     }
    }

    if (currentPage !== 1) {
        isPrevExist = true;
    }
    if (currentPage !== numberOfPages) {
        isNextExist = true;
    }
};

[свернуть]

- - - Updated - - -

Выровнять все по левому краю

[свернуть]

[VúSale]

Ещё Репутация: не много уехала в право её бы со всем не много левей сдвинуть

Уже, яж выше писал.

[Премудрый]

В принципе, все красиво, но чуток напрягает логотип)

Прошлый был лучше)

[I Fresh]

FantiqlØl, отредактируй как полную картинку или сделай чтобы можно было перейти по ссылке хотябы, ты не умеешь чтоли
каждую выделять и пкмкать сложно, непонятно о чем речь

- - - Updated - - -

Премудрый, тоже буллетин?

[Vasja_1]

Цветовая гамма дело привычки, ее менять не будем.

Не дело привычки а благоприятный цвет не вызывает неприятных ощущений сразу. К хорошему не нужно привыкать, оно на уровне подсознания чувствуется.
А что тогда менять? Сделайте тогда уведомления, ничего же ведь не работает в этом плане, по темам рыться надо чтобы что-то увидеть

[VúSale]

Объяснение значения этих цифр

https://pp.userapi.com/c855128/v8551...pIcmMh_pgI.jpg
https://pp.userapi.com/c855128/v8551...llxK3F576Q.jpg

- - - Updated - - -

А что тогда менять? Сделайте тогда уведомления, ничего же ведь не работает в этом плане, по темам рыться надо чтобы что-то увидеть

Движок форума тот же остался(vbulletin), изменился лишь ДИЗАЙН(визуал), и ничего более.

[« Sḥáṁáboy »]

Можно поправить чтобы ссылки отображались синим по стандарту ?

[FantiqlØl]

https://pp.userapi.com/c855128/v8551...pIcmMh_pgI.jpg
https://pp.userapi.com/c855128/v8551...llxK3F576Q.jpg

Я проскролил и уже этого не вижу

- - - Updated - - -

FantiqlØl, отредактируй как полную картинку или сделай чтобы можно было перейти по ссылке хотябы, ты не умеешь чтоли
каждую выделять и пкмкать сложно, непонятно о чем речь

Что там непонятного? В пк версии все отчетливо видно

[I Fresh]

Vasja_1, ты не умеешь свободно пользоваться форумом при регистрации 2015 года?
То что нет уведомлений, если ты о цитате тебя/личных уведомлениях о это просто не реально для данного типа форума. Единственное ты можешь получать уведомления на почте

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

Я понимаю ты настаиваешь чтобы что-то было изменено по твоей подаче, но тебе уже сказали и этот вопрос закрыт, там даже точка стоит

[AoEzayka]

новый дизайн форума глаза прям режит... сменил на старый ..

[Clitcat]

новый дизайн форума глаза прям режит... сменил на старый ..

Полезная тема для обсуждения