Прототип нового дизайна Табуна v 0.0.1 [ Корявая Сырота ]

+129
в блоге IT Pony!

Давненько уже никто не освежал внешний вид Табуна.
Что ж, кто-то должен был это сделать однажды)


Встречайте: это обновленный Табун.
Весь дизайн был полностью переработан, с вниманием и любовью к каждой детали.
Кроме 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 комментариев

Бэкграуд слишком вызывающий и мешает смотреть, отвлекает. Сделать его бы таким оттенком как в оригинальном табуне. Но в целом выглядит отлично!
a1batross
+4
Благодарю за отзыв. Конечно, не обязательно эту тему устанавливать)
Stavrapid
0
Гламурненько.
А как поменять фон?
GadS
+1
Лол никак(
Stavrapid
-1
Stylish — Управление стилями — Прототип нового дизайна табуна
body {
  background: url("http://i.imgur.com/ga5uDWi.jpg") center bottom !important;
  background-size: cover !important;
  background-attachment: fixed !important;
}
Думаю, ссылку понятно, какую менять.
Hedgeg
0
Лучше бы запилили чтобы камменты не выходили за границы экрана без всяких вайд модов.
Divider
0
Это уже не ко мне)
Stavrapid
0
Если перепишешь стиль
.comment-wrapper .comment-wrapper {
    padding-left: 0.5pc;
}

То комменты не улетят.
Ты можешь это сделать?
Bread
0
Выглядит, как костыль.
Stavrapid
0
А как это комменты улетают, не пойму о чем ты?
Stavrapid
0
Если много-много отвечать, комменты в итоге уедут за край экрана.
GadS
0
Можешь кинуть пример поста мне, плз, для дебага?
Stavrapid
0
Это и есть костыль.
Комменты уходят за границы области коментов. ->туда.
Bread
0
Не замечал никогда, если честно. Но нет ничего невозможного, исправлю)
Stavrapid
0
А ведь даже в этом вашем Укозе такой проблемы нет
Divider
0
??
Stavrapid
0
Там камменты за приделы экрана не уходят
Divider
0
Ну, с такими претензиями уж определенно не ко мне)
У меня тут всего-лишь гламурная заплатка на глаза сайт.
Stavrapid
0
А по моему, эту проблему должны решать именно стили. Чтобы камменты сдвигались именно на сколько, на сколько это возможно. Не знаю, правда, можно ли такое реализовать.
Divider
0
Чувак, это уже скрипты подключать надобно., однозначно.
Stavrapid
0
GadS
0
Хм, ну просто подключи этот костыль, не?)
Stavrapid
0
Nirton_the_brony
-1
f13proxima
+4
с вниманием и любовью к каждой детали
Пёстрый пересыщенный фон
Яснопонятно
andreymal
+4
Да ладно, норм же фон)
Stavrapid
-2
Не, такой фон означает автоматическую отправку в утиль
Что-то я злой этим вечером
andreymal
+3
Ок, как лучше тогда:
Запилить настройку по добавлению собственного фона или вариант выбора стандартного?
Stavrapid
0
Запилить настройку по добавлению собственного фона
Это!
CrazyPonyKen
+2
Хм, в этом случае придется пойти на жертвы и избавиться от эффекта размытого стекла.
Stavrapid
0
Мне ещё много чего тут не нравится, так что я лучше просто поставлю минус и покину этот тред)
andreymal
0
Полезнее было бы излить все претензии, однако, тебе виднее)
Stavrapid
0
Твой фон напомнил мне о сайтах на народе начала 2000-ых, для полноты погружения в эпоху надо еще фоном пустить MIDI музычку, и прифигачить бегущую строку в шапке :)
FoxyPony
0
Не застал тех времен, к сожалению а может, к счастью?
Stavrapid
0
Спойлер
Zayka
+3
О, я там был, я это видел. :D
GadS
0
Когда оригинал запостили — я еще в подъезде ягу пил. Но до сих пор доставляет. Даже без яги :D
poziti8
0
Yay! Табуну не хватало небольшого разнообразия в стиле или большого....
Всё прекрасно работает и радует глаз. Спасибо!
DJ-Evelina-5
0
Пожалуйста^^
Однако не стесняйся выражать свои идейки и предложения.
Stavrapid
0
Как уже сказали раньше, фон действительно отвлекает внимание. На мой взгляд, это пока единственная проблема.
DJ-Evelina-5
0
Хорошо, фон — номер 1 в списке.
Stavrapid
+1
Кек, я уже сам изменилСпойлер.
CrazyPonyKen
0
Как?
GadS
0
Просто замени выделенный урл на урл любой другой картинки...
lunavod
0
CrazyPonyKen
0
Хм, а такое же, но только с ванильным Табуном?
GadS
0
Легко. Берешь, делаешь свой стиль, и прописываешь тегу body фон изображением.
lunavod
0
Результат — меняется та маленькая полосочка в самом низу.
Весь фон закрыт Табуном. :)
GadS
0
Меняешь фон content'а. Или ширину его.
lunavod
0
Ну так а что там менять? Одна строчка, почти в самом начале…
lunavod
0
Да, но размытие осталось от того фона) В этом вся сложность для кастомизации.
Stavrapid
0
Размытие — О БОЖЕ! отдельная картинка.
Stavrapid
0
Угу. Оно отвлекает… Фон, желательно, делать однотонным. Или такое размытие, но гораааздо менее заметное.
lunavod
0
Фон, желательно, делать однотонным

Можно в настройках выбрать любой цвет.
но гораааздо менее заметное

Тогда его вообще не заметно становится и проще вообще его не делать.
Stavrapid
0
*пожал плечами*
lunavod
0
а что за картинка в фоне?
J-sama
0
Stavrapid
0
не-не, у коментатора. Тот на скриншоте спален)
J-sama
0
Быстровпечатления
Главная претензия к ширине. Это слишком узко, нужно делать шире. А так — вроде неплохо, может кому и понравится.
Ori
+1
А, вот что еще вижу: непрочитанные комменты не выделяются никак.
Ori
+1
Принято!
Stavrapid
0
Как ты скрин страницы сделал?
GadS
0
Firefox. Shift+F2, screenshot --fullpage.
Ori
+2
Спасибо.
GadS
0
На счет кнопок: есть же pgup и pgdn.
Я думал, они куда удобнее)
Но все равно принято.
P. S. Какой у тебя браузер и размер экрана?
Stavrapid
0
Firefox, 1280*1024.
Ori
0
У меня так же. То, что вылезает у меня, вылезает и на твоем скрине.
lunavod
0
Братство квадратных мониторов, yay! :)
Ori
0
есть же pgup и pgdn

Ага, на Андроиде.
GadS
0
Хм, так и запишу:
«Запилить мобильную версию Табуна»
Stavrapid
0
Насчет скругленных углов. Вот картинка, у которой не должно быть скругленных углов:
PG
Да и вообще, могут же понадобиться острые углы. Когда у картинки, например, орнамент по краю, а так он будет отрезан.
Ori
+1
Ну, невозможно определить, у какой картинки должно быть скругление, а у какой — нет.
А вообще просто отключи скругление и не парься пока ;)
Stavrapid
0
А у этого всего еще и панель управления где-то есть?
Ori
0
Ну да
Там не так уж и много настроек, но что-то изменить можно.
Stavrapid
0
Вопрос
А разгадка проста
Ori
+4
Пом-пом-ПООООООМ!!! XD Косяка-то впорол.
Нужно придумать другой способ подсветки комментов)
Stavrapid
+1
Хмм, а как/чем разорви-экран скрины вы делаете?
Hedgeg
0
Ori
0
А, всё, не заметил) tabun.everypony.ru/blog/computers/139785.html#comment10141207 (2 ветка комментов)
Hedgeg
0
На Огнелисе.
Shift+F2, screenshot --fullpage
Stavrapid
0
Хром. Лайт-спойлеры не работают от слова вообще. Фон, уж извините, ужасен. Жутко отвлекает. Комментарии на таком фоне раздражают, и не особо заметны. Спойлеры удобны, цитата офигенна. Плюс еще различные баги в хроме, в основном — вылезание элементов за края. Возможно, вызвано экраном 4:3 ширина без вайдмода слишком узкая, это неудобно. Сайт должен быть максимально широким, вмещать больше контента. Разнесение кнопки предпросмотра и добавления коммента так же раздражает. Хотя бы поменяйте их местами. Вердикт — фигня. Сношу.
lunavod
+1
Учтено. Благодарю за отзыв)
Stavrapid
0
Как заново родился.
AmberPendant
0
Ползаешь, писаешься и не умеешь говорить?
f13proxima
+1
Эт после ночи с тобой. :*
AmberPendant
0
Стоит напомнить, что у меня нет наклонности во время полового акта использовать инструменты, или совершать действия, способные серьезно повредить мозг.
f13proxima
0
Неплохо, но пока буду пользоваться старой версией.
Hippie
0
Я уж обрадовался, думал редактирование и прочее починили, а тут… Мышка прямо сама к минусу потянулась.
Честно, если можешь и есть время, лучше бы мобильный скин для движка накидал.
Эх, ладно, нервный я сегодня какой-то.
FoxyPony
0
мобильный скин для движка накидал.

Желательно, в формате скинов ls. )
lunavod
0
Не, не в курсе. Чего это?
Stavrapid
0
livestreet — движок Табуна.
FoxyPony
0
Ааа, чтобы потом его на Табун натянуть, в качестве решения?
Stavrapid
0
Угу. Вроде того.
lunavod
0
Не могу ничего обещать, ибо не сталкивался с таким.
Stavrapid
0
нервный я сегодня какой-то.

Хех, ты не первый)

лучше бы мобильный скин для движка накидал

Просто тестить не на чем(
Stavrapid
0
Ctrl+Shift+M
badunius
0
мобильный скин

например
badunius
0
Не, пока что выключу это. Посмотрим, как будут апдейтить.
CrazyPonyKen
0
Фуф. Выключил — до сих пор в глазах рябит :)
Ori
0
Ага, есть такое…
lunavod
0
Не, dark tabun — лучшая тема!
SL-RU
+1
Думал, нифига себе, Орхид наработал, аж до 2.0 вместо обещанной 1.3… а тут, оказывается, вон оно как… ((
adeptus_monitus
+6
Думал, нифига себе, Орхид наработал, аж до 2.0 вместо обещанной 1.3
CrazyPonyKen
0
Ага. Я еще так офигел… ППосле заголовка заметил картинку — и прифигел еще сильнее…
lunavod
0
Я тут подумал…
Этот пост должен был сделать Орхид. XD
GadS
0
Да, тогда вообще жесть была бы… Я б в обморок грохнулся, и начал пилить юзерскрипт, возвращающий все на место
lunavod
0
Тьху, юзерстиль.
lunavod
0
Угу, первым делом, как по ленте активности сюда прошёл — кинулся автора смотреть, т.к. в конце страничек номер версии не сменился, и я нифига не понимал :D
adeptus_monitus
0
Слишком уж громкое название, мда(
Stavrapid
0
Он написал бы в dev/tabun.
AJFly
0
ЭТОТ
ФОН
НУЖНО
ИЗМЕНИТЬ
AlexFLS
+1
ещё нядо было смайлик
J-sama
+2
Фон желательно потемнее сделать а то слишком яркий.

Ну и ещё збс что запустили в раунд робин ваш второй сервер =)


;; ANSWER SECTION:
everypony.ru. 300 IN A 141.101.127.12
everypony.ru. 300 IN A 108.162.200.13

Вот только пока не понятно для чего у вас используется старый CNAME s1.everypony.ru.
BlackEVA
0
Какой пиздец.
Stavrapid, вы плохой дизайнер. Лучше займитесь чем-нибудь другим.
Stardisk
+1
Ну блин, обидка капец(
хнык-хнык.
Stavrapid
0
Мне понравилось, но он довольно глючный…
Minos
0
Да?
Stavrapid
0
Зависит от браузера.
Что у тебя?
Stavrapid
0
Хром.
Minos
0
Ок, посмотрю.
Stavrapid
0
У меня один вопрос. А на зачем все эти красивости?
Tamias
0
Потому, что могу.
Потому, что делать было нечего.
Короче, прост.

Если не нравится, просто забей ИМХО.

Публиковал только потому, что просто хотел поделиться с общественностью и словить пару (или больше) замечаний.
Stavrapid
0
Починка того, что не сломано.
Алсо, не хотеть ставить обновление ради этого. Не проще было бы сделать отдельную страницу, которая будет сама применять все эти правила к готовой странице Табуна, как например при переводе страницы в гугле?
Ginger_Strings
0
Починка того, что не сломано.

Скорее, просто вкусовая добавка на несколько изощренный вкус.

не хотеть ставить обновление

Какое обновление? O_o

Не проще было бы сделать отдельную страницу, которая будет сама применять все эти правила к готовой странице Табуна, как например при переводе страницы в гугле?

Сам-то понял, что написал. Я, вот, вообще не врубился чёт))
Stavrapid
0
Дополнение, а не обновление. My bad.

А ты посмотри, как выглядит перевод страницы в гугле, например. Или хуификатор сайтов.
Ginger_Strings
0
А, хуификатор видел.
Но отдельную страницу, как ты говоришь, я не сделаю точно, это к админам.
Stavrapid
0
Тьфу ты, показалось, что Орхи релизнул версию Табуна 2.0.
BigMax
0
Ни дай боже, ты что!
Stavrapid
0
Он написал бы в dev/tabun.
AJFly
0
+1
Stavrapid
0
Больше кастомизации богу кастомизации!
Скин хороший, но фон, комментарии, блюр, кнопки и тд доделать надо.
Продолжай работать над ним!
Табун 2.0 и вправду громкое название...
AndreyPony
0
Я Д'артаньян, и стили збс. Юзаю уже пару месяцев. Все нравится. МАЛАДЦА!
poziti8
+1
Не убедительно ни разу, подлиза.
Стили говно, автор — мудак ИМХО.
Объективная самокритика рулит.

P. S.Они еще мое iOS приложение не видели XDD
Stavrapid
+1
учитывая что я сижу на предыдущей версии
poziti8
0
Ну ты и извращенец, однако)
Stavrapid
+1
Айос приложение-клиент табуна?
lunavod
0
Неа, то из совсем другой оперы. Забей)
Stavrapid
0
Ясненько.А то всякие Саши-Флаеры и прочие яблокофаги обрадовались бы.
lunavod
0
Nirton_the_brony
+3
Меня и так всё устраивает. Пока есть контент, на оформление никто не смотрит.
Mastaday
0
В Safari 9.
Sid
0
В своих собственных комментариях не видно спойлеры.
Sid
0
Там вообще ничего не видно должно быть, ибо цвет фона слетел.
Stavrapid
0
О боже.
Да, кроссбраузерность почти никакая XD
Но ничего, поправим со временем.
Stavrapid
0
Попробовал заюзать, вроде удобно, хоть и непривычно.
Emerald_Phil
0
Мне нравится новое оформление Табуна, только вот у меня с этим оформлением резко упала производительность сайта (остальные сайты работают с той же скоростью и без подвисаний)
Такие дела
SunnyFlower
0
Очень даже хорошо! После долгого времени пользования обычного Табуна приятно увидеть нечто новое. Зачет!
OneSleeve
0
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.
Скрыто Показать