Прототип нового дизайна Табуна 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 комментариев
Гламурненько.А как поменять фон?
body { background: url("http://i.imgur.com/ga5uDWi.jpg") center bottom !important; background-size: cover !important; background-attachment: fixed !important; }Думаю, ссылку понятно, какую менять..comment-wrapper .comment-wrapper { padding-left: 0.5pc; }То комменты не улетят.
Ты можешь это сделать?
Комменты уходят за границы области коментов. ->туда.
У меня тут всего-лишь гламурная заплатка на
глазасайт.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
Но ничего, поправим со временем.
Такие дела