Прототип нового дизайна Табуна v 0.0.1 [ Корявая Сырота ]
Давненько уже никто не освежал внешний вид Табуна.
Что ж, кто-то должен был это сделать однажды)
Встречайте: это обновленный Табун.
Весь дизайн был полностью переработан, с вниманием и любовью к каждой детали.Кроме Up-switch и Down-switch. Бесполезные кнопки, как по мне.
Немного скриншотов для затравкиК сожелению, всех изменений скриншотами не передать, но вот некоторые из них:
Комментарии
Уведомления
Кнопка перехода в широкоформатный режим в правом нижнем углуИнтересно, ей вообще кто-то пользуется?! :D
Широкоформатный режим, собственной персоной
Кнопки листания постов
Кнопка раскрытия спойлеров
Инструкция по установке:
1. Ставим расширение «Stylish» для своего браузера → ( Chrome | Firefox | Opera | Safari )2. Настраиваем тему по своему вкусу, после чего устанавливаем её → Прототип нового дизайна Табуна
Известные баги/недочеты:
● Не обнаружены, пока чтоОткрывать только после установки новой темы оформления.
иначе рискуете не понять всех вишечек
Итак, начнем.
Lite-спойлер → Стильно, модно, молодежно. Совсем немного блюра спойлерам не навредит.
Теперь стало возможно скрывать под такими спойлерами еще и картинки
(не более чем просто приятный и немного неожиданный бонус)
Обновленный блок с цитатой:
Теперь с этими кавычками ваши цитаты на 20% круче.
Новое поле для контейнера с кодом призвано кардинально выделить этот элемент из контекста поста или комментария.
/* "ХАКЕРСКИЙ ЗЕЛЕНЫЙ" ДА, И ВЫДЕЛЕНИЕ ТЕКСТА ТОЖЕ ;) */ #sidebar { width: 27%; transition: 0.2s !important; } body.widemode #sidebar { display: block !important; opacity: 0; width: 0; height: 0; } #running_ponies { overflow: visible; white-space: nowrap; } #running_ponies img { margin: 0 -2px; } .donate img { opacity: 0.75 !important; transition: 0.25s !important; } .donate img:hover { opacity: 1 !important; } .pagination { display: block; text-align: center; } .pagination ul { display: inline-block; float: none; } .pagination ul li a { border-radius: 5px; transition: 0.25s; } .pagination ul li a:hover { background: rgba(255, 255, 255, 0.75); } .pagination ul li span { color: rgba(0, 0, 0, 0.5); } #footer { padding-top: 10px !important; border-top: 1px solid rgba(35, 48, 89, 0.55) !important; transition: 0.25s !important; } body.widemode #footer { margin-bottom: 0px !important; padding-right: 45px !important; } #footer > p { display: inline-block !important; } .system-message-error { background: rgba(253, 3, 4, 0.05); border-radius: 5px; border: 1px solid rgba(253, 3, 4, 0.5); border-left: 5px solid rgba(253, 3, 4, 0.5); color: #FD0304; } .system-message-error:before { content: "⚠"; color: rgba(253, 3, 4, 0.5); margin: 20px 0; font-size: 30px; } #notifier { /*width: 175px;*/ /*right: 0;*/ }
Конец демонстрации.
Все предложения и пожелания оставляйте в комментариях к посту, пишите в личку на Табуне или прямо на Мыло.
Буду рад новым идеям по доработке и улучшению, а так же выявленным ошибкам.
147 комментариев
Гламурненько.А как поменять фон?
Думаю, ссылку понятно, какую менять.
То комменты не улетят.
Ты можешь это сделать?
Комменты уходят за границы области коментов. ->туда.
У меня тут всего-лишь гламурная заплатка на
глазасайт.tabun.everypony.ru/blog/140564.html#comment10108064
Что-то я злой этим вечером
Запилить настройку по добавлению собственного фона или вариант выбора стандартного?
поставлю минус ипокину этот тред)Всё прекрасно работает и радует глаз. Спасибо!
Однако не стесняйся выражать свои идейки и предложения.
Весь фон закрыт Табуном. :)
Можно в настройках выбрать любой цвет.
Тогда его вообще не заметно становится и проще вообще его не делать.
Главная претензия к ширине. Это слишком узко, нужно делать шире. А так — вроде неплохо, может кому и понравится.
Я думал, они куда удобнее)
Но все равно принято.
P. S. Какой у тебя браузер и размер экрана?
Ага, на Андроиде.
«Запилить мобильную версию Табуна»
PG
Да и вообще, могут же понадобиться острые углы. Когда у картинки, например, орнамент по краю, а так он будет отрезан.
А вообще просто отключи скругление и не парься пока ;)
Там не так уж и много настроек, но что-то изменить можно.
А разгадка проста
Нужно придумать другой способ подсветки комментов)
Shift+F2, screenshot --fullpage
Возможно, вызвано экраном 4:3ширина без вайдмода слишком узкая, это неудобно. Сайт должен быть максимально широким, вмещать больше контента. Разнесение кнопки предпросмотра и добавления коммента так же раздражает. Хотя бы поменяйте их местами. Вердикт — фигня. Сношу.Честно, если можешь и есть время, лучше бы мобильный скин для движка накидал.
Эх, ладно, нервный я сегодня какой-то.
Желательно, в формате скинов ls. )
Хех, ты не первый)
Просто тестить не на чем(
например
Этот пост должен был сделать Орхид. XD
Я б в обморок грохнулся, и начал пилить юзерскрипт, возвращающий все на местоФОН
НУЖНО
ИЗМЕНИТЬ
Ну и ещё збс что запустили в раунд робин ваш второй сервер =)
;; ANSWER SECTION:
everypony.ru. 300 IN A 141.101.127.12
everypony.ru. 300 IN A 108.162.200.13
Вот только пока не понятно для чего у вас используется старый CNAME s1.everypony.ru.
Stavrapid, вы плохой дизайнер. Лучше займитесь чем-нибудь другим.
хнык-хнык.
Что у тебя?
Потому, что делать было нечего.
Короче, прост.
Если не нравится, просто забей ИМХО.
Публиковал только потому, что просто хотел поделиться с общественностью и словить пару (или больше) замечаний.
Алсо, не хотеть ставить обновление ради этого. Не проще было бы сделать отдельную страницу, которая будет сама применять все эти правила к готовой странице Табуна, как например при переводе страницы в гугле?
Скорее, просто вкусовая добавка на несколько изощренный вкус.
Какое обновление? O_o
Сам-то понял, что написал. Я, вот, вообще не врубился чёт))
А ты посмотри, как выглядит перевод страницы в гугле, например. Или хуификатор сайтов.
Но отдельную страницу, как ты говоришь, я не сделаю точно, это к админам.
Скин хороший, но фон, комментарии, блюр, кнопки и тд доделать надо.
Продолжай работать над ним!
Табун 2.0 и вправду громкое название...
Стили говно, автор — мудак ИМХО.
Объективная самокритика рулит.
P. S.Они еще мое iOS приложение не видели XDD
Да, кроссбраузерность почти никакая XD
Но ничего, поправим со временем.
Такие дела