Тестирование LightBlue v2

Блог им. nickostyle

Предлагаю прогнать шаблон на предмет ошибок, неплановых «поездок» верстки, недочетов, упущений. Также принимается критика (вот щас еще пока принимается :) — может что то где то убрать/добавить.

Можно создавать топики, писать комменты, редактировать профили и пр. (представьте себе!)

Демо-сайт: themecafe.ru (username / 12345 )

Это не совсем адаптация лайтблу для 1.0, было сделано много изменений. И еще больше ожидается в ближайшем будущем (как говорит орт — в 2012 году ;). Но чтобы вернуть внешний вид к старому лайтблу, достаточно 30 секунд правки конфига+убрать 1 класс в стилях.








Что будет:
  1. вывод публикаций в виде сетки
  2. адаптация плагина userbar (ajax подгрузка новых писем и т.д.). Сейчас сделан «утешительный» вариант. Оформление попапа изменилось.
  3. несколько цветовых схем

В целом есть вопросы к вам, товарищи пользователи. Например:
  • Стоит ли делать кастомные селекты?
  • Стоит ли делать кастомные чекбоксы и radiobuttons?
  • Стоит ли добавить кнопку отправки личного сообщения в списке пользователей?
  • Стоит ли добавить кнопку с заметкой о пользователе на странице людей

146 комментариев

avatar
Но чтобы вернуть внешний вид к старому лайтблу, достаточно 30 секунд правки конфига+убрать 1 класс в стилях.


я управился за 10 :)
avatar
в смысле? где управились?
avatar
Также принимается критика — может что то где то убрать/добавить.
Зря наверное «Поиск сообщений» в виде кнопки сделали… все таки форма поиска появляется после нажатия на ссылку без перезагрузки страницы и именно это и нужно выделить. У кнопок совсем другое назначение.

Зачем показывать кнопки «Отметить как прочитанное» и «Удалить выделенное» даже когда ничего не выделено? Ну это уже, естественно, не критика, это скорее пожелание к шаблону и даже не к вашему, а просто к стандартному шаблону)
avatar
Зря наверное «Поиск сообщений» в виде кнопки сделали… все таки форма поиска появляется после нажатия на ссылку без перезагрузки страницы и именно это и нужно выделить. У кнопок совсем другое назначение.
Согласен, исправлю.
avatar
При наведении курсора на логин в списке пользователей во всплывающем окне отображаются теги
.
avatar
теги
avatar
это я знаю, не пойму почему так: я просто вставляю переменную, которая выводит информацию. Почему выводятся теги — понятия не имею.
avatar
В форме регистрации/авторизации курсор появляется в верхнем поле при открытии формы через кнопку «Войти»/«Зарегистрироваться», но не появляется при переключении закладки.
avatar
Ну это и в стандартном шаблоне так. Не думаю, что это баг.
avatar
Запрос улучшения :)
avatar
Когда открыт блог, например, themecafe.ru/blog/support/, по нажатию кнопки «Поиск тэгов» открывается/закрывается описание блога, а не поле ввода.
avatar
о, а от это баг :) видимо потому что используется тот же скрипт.
avatar
Раздел Люди:
1) В шапке написано «Люди», а в заголовке — «Пользователи».
2) На закладке «Онлайн» показываются все, и оффлайн тоже.
avatar
Люди и пользователи — одно и тоже, дублировать заголовок из шапки в список людей не очень круто будет.
Насчет «онлайн» — это не мое упущение. В этой вкладке выводятся пользователи по дате последнего визита, а не только онлайн. Хотя идею принял, сделаю
avatar
Специально проверял в этом блоге, показываются только онлайн.
avatar
Откуда вы знаете? =)
livestreet.ru/people/online/
вы всерьез считаете, что эти люди в онайлне сейчас? Не спорьте, я делал шаблон, а не менял функционал, так что там все работает как надо.
avatar
Сообщения: в тексте то «письма», то «сообщения», сбивает с толку.
Если нет новых сообщений, то в подсказке к иконке вверху справа можно так и писать. А то если новых сообщений нет — текст «Сообщения», а если есть — текст «У вас есть новые сообщения». Ну и в последнем случае «Вас» — с большой буквы.
avatar
Добавлю. Насчет «вас» — это лишь форма выражения вежливости, необходимая при личной или деловой переписке.Не думаю, что это нужно в текстовках шаблона.
avatar
Тогда не нужно «вас» писать :) Потому что «вы» с маленькой буквы — множественное число. Можно написать «Есть новые сообщения!»
avatar
это все к авторам текстовок. Они вынесены за пределы шаблона и я не вношу в них правки. Вы можете на своем проекте менять как вам вздумается, но не думаю, что это можно отнести к БАГАМ моего шаблона. Так что давайте по существу.
avatar
Про «вы»
avatar
ну кто так говорит, остальные пишут, что если в единственном числе, то с большой. хрен поймешь) я пишу с маленькой и не забиваю себе голову.
avatar
При уменьшении окна фон у шапки и подвала остается только в той области, которая вмещается в окно.
avatar
И отступ слева в некоторых местах пропадает, текст в блоге и аватарка в профиле «прилипает» к краю, в подвале отступ сохраняется.
avatar
есть причины почему так. Но это легко исправить, конечно же.
avatar
не понял
avatar
dl.dropbox.com/u/2228814/2012-08-09_1008.png
avatar
опишите подробнее. Версия хрома и что вы делаете, что бы достичь такого «эффекта»? У меня в хроме все ок, как бы не менял окно
avatar
Win7, хром 21, FF14, IE8, везде воспроизводится.
avatar
я понял. что нужно делать, чтобы так было?
avatar
Просто сворачиваю окно до размеров на скриншоте.
avatar
не знаю, у меня все ок, как бы я ни сворачивал… хз как его проверить теперь.
avatar
win7, Chrome 21, все ок.
avatar
Проверю еще дома, скажу
avatar
BTW, есть еще очень полезный сайт: browsershots.org
avatar
тоже самое… в фф14…
исправить можно таким образом (в фф проверял):
#header, #nav { min-width: 1000px; }
avatar
Меню пользователя (при нажатии на логин в шапке) — сделайте ссылки блочные, как в данном блоге.
avatar
были уже блочными. мне не нравится. но сделать несложно.
avatar
При переходе в блог исчезают окно поиска и создания нового сообщения. Не очень удобно.
avatar
Не нашел во вкладках «обсждаемые» и «топ» селект по времени.
avatar
не хочу плодить трехуровневые меню, можно было сделать свитчер (как в «людях»), но не нашел шаблона для ТОПа, очевидно он не предусмотрен. Если вас это волнует и вы считаете эти функции настолько необходимыми в ежедневном пользовании сайтом, я буду думать над решением.
avatar
Сделайте как у меня livestreet.ru/blog/11508.html
avatar
а что, идея! спасибо!
avatar
шаблон смотрится более чем достойно!
  • home
  • +1
  • ↓
avatar
Поменьше бы острых углов…
комментарий был удален
avatar
— поиск скруглить
— в block title не всегда при наведении мышки отображается отображается (закономерности сам не понял)
— в подробной информации о блоге (ДВА РАЗА дата создания, Rss просто убогое и почему то тут рейтинг — я бы его вынес под или над кнопочку вступить
-
avatar
и форма для для комментов почему-то старая а не новая и красивая
avatar
и кнопочка написать только на главной странице (когдя открыл блог и захотел написать в него статью я повис потому что в меню пользователя нет такой возможности и рядом тоже нигде небыло)
avatar
кстати в меню раньше была очень классная полосочка с разделением настроек
avatar
где именно полосочка?
avatar
avatar
ах это… ну да, просто видишь, тут пукнты меню без границ, а в новом шаблоне — у каждого граница идет. Так что разграничить не получится таким образом, можно подумать конечно, просто это удлинит меню по высоте.

В старой версии это меню было придумано произвольно, в новой — зеркальное отображение меню профиля, чтобы иметь быстрый доступ ко всем его разделам. Поэтому оно и так высокое… короче всегда есть узкие места, которые не дают развернуться воображению(
avatar
может просто 2-ю снизу линию сделать поярче или потемнее
avatar
можно потолще. не 1 пиксель, а 2!
avatar
будет кнопка, которая появится сразу после подключения к блогу. на странице блога свое меню, и лепить там еще сверху общую навигацию не имеет смысла.
avatar
на странице юзера Написать письмо Подписаться должны быть кнопочками как и ДОБАВИТЬ В ДРУЗЬЯ
avatar
ага, а если логин будет длинный, куда эти кнопочки пихать ?:) можно иконками сделать конечно
avatar
логотип сайта раньше выделялся и было понятно где 1-й ровень а где 2-й
avatar
о чем вы вообще? )) какой уровень?..
avatar

сразу виден 1-й уровень меню и виден где 2-й уровень

непонятно, что первое что 2-е (можно 2-ю линию чуть правее сдвинуть, короче как раньше круто )
avatar
ааа… вот ты о чем. Ну… что поделать, пришлось сделать изменения, причем они сделаны в сторону функциональности. Вот на старом скрине — если поставишь плагин «компании» — все, каюк — пункт «корпоративные» уже не влезет. А на новом — влезет! :) А сдвинуть — это же не проблема. Не надо обращать внимания на такие мелочи, 5 мин в фаербаге и сдвинешь все как надо, это разве проблема… другое дело что в первой версии сдвиг был обусловлен логотипом. Но меня обвинили в плагиате и я решил сделать по-другому.
avatar
было круче ) забей на плагиат ) убери обсуждаемые и будет место (просто сделай display: none)
avatar
и синяя недополосочка в блоках очень отвлекает внимание
и цвета class=«topic-info» очень яркие (было круто следать opacity 0.5 примерно и при наведении делать 1 )
avatar
в целом очень круто и стильно (но мне кажется уже перебор, надо бы немного облегчить дизайн)
avatar
мне кажется вот так четче видно Заголовок статьи и окончание статьи
fr
avatar
окей, поразмыслю. Какждым вот таким комментов вы оттягиваете дату релиза!:) но все правильно, правильно…
avatar
можно версиями делать )
avatar
сейчас оттестировали ты выложил, потом доделал выпустил версию (но это дополнительный геморой))
avatar
ой, как вспомню с прошлой версией… девять раз обновлял. лучше сразу все сделать. Я потом только плагин сетки всем клиентам разошлю и досвидос) лучше кому то помочь плагин адаптировать или дизайн подрисовать, чем обновлениями заниматься
avatar
и так же можно в прямом эфире сделать… а то там просто мозг взрывается от количество информации (тескт, юзер, название топика, количесво коментов и аватарка)
avatar
чек боксы некрасивые стали и просто выбиваются из дизайна (как ножом)
avatar
Стоит ли добавить кнопку отправки личного сообщения в списке пользователей?
Стоит ли добавить кнопку с заметкой о пользователе на странице людей

ненадо, вообще список людей используется для поиска людей
avatar
«создать блог» -> "создать блог"
avatar
TOP всеже нужен по времени (можно выпадающим меню)
avatar
в чем разница «интересные» и «обсуждаемые»?
avatar
и чем обсуждаемые отличается от прямой эфир ?!
avatar
уважаемый, не путайте теплое с мягким. Такие вопросы не ко мне, а к разработчикам движка и создателям текстовок. Я лишь создаю обертку для всего этого — графика, цвета, шрифты. Сути я НЕ меняю, т.к. это плохо сказывается на дальнейшей совместимости с плагинами. Я даже верстать старался в рамках стилей девелопера, чтобы плагины не приходилось адаптировать.
avatar
это ясно, но невидимым сделать то можно, это же юзабилити
avatar
меню должно быть блочным, но и в профиле сделай меню тоже блочным
avatar
хочу предложить некоторые идеи автору:
наиболее удачные решения позаимствовать из топика livestreet.ru/blog/11640.html

лично мне нравится идея с тулбаром (пункт №6)
  • home
  • 0
  • ↓
avatar
+1 реально поможет разгрузить страницу вверху и кнопочки всегда под рукой
avatar
хмм… это же в контакте сейчас так сделалали )
avatar
идея неплохая конечно, но, ИМХО, это все излишества! Дизайн должен быть как можно проще и понятнее, прикрутить туда кнопку — 10 минутное дело, но стоит ли? разве это разгрузит, по-вашему, что то? как по мне, наоборот — перегрузит. Мое мнение — тулбар с нынешними стрелками вообще нафиг не нужен никому, интересная идея, но абсолютно не актуальная. Скролл все равно удобнее, как ни крути.
avatar
новый лайтблу получился не таким чистым, как старый, но это связано с тем, что добавилось много новых кнопок, иконок. моя задача — сделатьшаблон максимально подходящим для всех, т.к. приближенным к стандарту. Ломать не строить, убрать что то всегда сможем.
avatar
avatar
вот эту кнопочку можно в тул бар
avatar
такая клевая кнопочка, а вы ее в тулбар! не жалко? :)
avatar
жалко но её не хватает в других местах сайта и тут она не будет мешаться
avatar
тогда она будет всегда видна и не нужна будет нигде больше
avatar

вот это можно тоже в тул бар
avatar
тоже жалко )
avatar
эту не получится. Там будет панелька, как в старой версии, почта, лента и заявки в друзья. При нажатии — попап с аджакс подгрузкой писем, обновлений ленты и заявко соответственно!
avatar
глянь как в контакте сделали )
avatar
avatar
ну да, прикольно, видел. Не знаю, надо думать… найдешь программиста мне толкового, сделаю так)
avatar
а для чего тебе программер ?!
avatar
адаптировать плагин нужно с 0.5 версии для 1.0.
avatar
если надо чтото на js написать то я могу легко, если на php то будет просто медленее )
avatar
поидее ничего сложного, просто попап окно fixed
avatar
Да, и убери этот дефолтный ТОР, напиши просто ТОП :)
  • aex
  • 0
  • ↓
avatar
это текстовки они отдельно лежат
avatar
А… да, почитал, в текстовки изменения вноситься не будут… Ну ТОР, так ТОР :)
avatar
на страничке друзей в поле «ПОльзователь, сила, рейтинг» некрасивые отступы
  • home
  • 0
  • ↓
avatar
такие же, как в «людях». А как красиво? можно силу чуть прижать к рейтингу
avatar
отступ от слов «Пользователь» и «Рейтинг» отсутствует. С боков слова врезаются в край. Пикселей 5 отмерять бы от края и хорошо будет :)
avatar
Так, ну-ка напугай скриншотом, никак не вкурю о чем ты) а дело видать нешуточное О_О
avatar
не так все страшно, но в глаза бросается
скриншот
avatar
наконец то понял, в чем дело. Вы, очевидно смотрите в хроме. В опере это не так заметно, т.к. фон (полнутень) равномерно затухает и к краю таблицы пропадает совсем. Почему в хроме он дублируется (хоть и стоит no-repeat) я пока не понял.
avatar
Дааа, товарищи, великое это дело — тестирование! Вон сколько багов нашли, а я еще столько же. Списочек растет. Причем баги меньше по части верстке, больше — смысловые и логические.
avatar
Итак, что имеем:
  1. попап загрузки аватарки
  2. опрос — оформление answer-count при 0 голосах
  3. Поработать с дизайном попапов
  4. рейтинг топика: если мой, не выводим кнопки; значение показываем всегда.
  5. блог — при открыти поиска тегов открывается инфа о блоге (заменить скрипт)
  6. инбокс: кнопка искать сообщения — переделать в ссылку. Кнопки опустить ПОД таблицу с толками. Переделать общее оформление — убрать шапку пользователя, переделать меню, короче улучшить эргономику раздела. Продумать заново оформление личного письма, отойдя от оформления топика.
  7. При наведении на коммент в эфире и на юзера в «люди» в тайтле выводятся теги.
  8. В вкладке «онлайн» выводить только онлайн пользователей
  9. сколько надо минусов чтобы текст стал серым?
  10. ссылки блочные в меню пользователя
  11. кнопка «написать» — изменить дизайн, возможно вынести в тулбар
  12. пересмотреть выделение комментариев, дабы убрать дурацкий отступ слева

По последнему пункту у меня много мыслей. Как именно можно выделять комменты? щас выделяем фоном, как привычно. Но для этого пришлось сместить комменты чуть вправо, чтобы при выделении аватарка не прилипала к его краю. Можно выделять коммент-инфо (где автор, дата и пр.) — заливкой или полутенью разных цветов. Если есть идеи на этот счет, буду рад совету.
avatar
только без фанатизма с оглядкой на контакт — все-таки там комментарии совсем другие.
avatar
насчет 11 пункта — если вынести кнопку на постоянное место, которое будет видно пользователю все время проведения на сайте (речь о тулбаре), то это возможно подстегнет юзеров и увеличит частоту публикаций на проекте.
avatar
ага, конечно. типа иконка с карандащиком просто кричит «я означаю — написать новый топик!» Мне кажется, это усложнение интерфейса. Хотя добавить можно
avatar
Почему в разделе ТОП нет сортировки по времени? Этого нехватает
avatar
3 раза писали об этом )
avatar
Спокойствие, только спокойствие! Будет выпадающее меню. И вообще — нахрена оно вам сдалось, этот ТОП! или TOP ) кто им пользуется вообще…
avatar
Будет адаптация под Компании и Работа?
avatar
разумеется!
avatar
Мои пожелания:
1. Убрать над заголовком «nickostyle в блоге...» и в подвале статьи поместить рядом с датой публикации ник и аватарку. Название блога можно поместить под названием статьи.
2. Фото пользователя, на мой взгляд, нужно сделать в правом блоке над рейтингом и силой.
3. Стену по возможности поместить на страницу под информацией о пользователе, а не на отдельной странице
4. Блок с друзьями добавить ссылку на личные сообщения. В идеале должно открываться попап окно.
avatar
… и в итоге получим sinyo!
Уважаемый, все, что вы перечислили, по крайней мере первые два пункта точно, является фишкой шаблона, то, чем он отличается от остальных. Если все вернуть к дефолту, зачем вообще было все это начинать? Ваши пожелания легко сделаете себе сами, или я сделаю — вам решать)

Неужели вы думаете, что я лишь бы нахреначить что нибудь эдакое засунул фотку туда, где она сейчас? вы посмотрите — вернем фотку вправо, над силой и рейтингом. Загрузите вы фотографию с большой высотой. А профиль не заполните на 100%. Итог: слева пусто, справа огромная фотка, потом рейтинг+сила, потом еще огромное меню хз где. И что красивого? Сейчас профиль оптимален. Он будет смотрется одинаково нормально при любом раскладе.
Стену я поместить никуда не могу и не хочу, т.к. это — стандартный функционал. Я лишь могу добавить что то свое, но менять стандартное не буду. Потом сами будете локти кусать, когда плагины не встанут.
В блок с друзьями можно добавить, сам думал. Насчет попапа — вопрос тоже спорный, хотя вполне реализуемо без последствий.
avatar
nickostyle Когда думаешь сможешь всё переделать ?!
avatar
когда нибудь) на выходных может быть
avatar
сегодня будет релиз
avatar
Ждём с большим удовольствием)
avatar
ага, я и не сомневаюсь…
avatar
алисе привет
avatar
Alice2k? О дааа. Это ещё та тварь. Читал вашу переписку.
avatar
А мне кажется «алиса» сделала тебе бесплатную рекламу.
Благодаря «алисе» тестил шаблон и решил купить :).
Та же тактика у Apple с их джейлами…
avatar
JailBreak стал законным. Они выиграли суд.
avatar
Вчера видел, ты его уже выложил в топике, а сегодня, что-то этот топик найти не могу :)
  • aex
  • 0
  • ↓
avatar
А...:) Почитал на твоем сайте :)
avatar


2 раза СОЗДАН!
и где модераторы ?!
avatar
если модераторов нет, то кого выводить?
avatar
будут ли
avatar
будут ли
1.кастомные чекбоксы и radiobuttons
2. изменишь ли ты эти картинки
3. Добавишь ли ты кнопочки «написать» «сообщения» «акитвность» в тул бар ?!
avatar
Нет, тулбар получится на полэкрана с таким количеством кнопок. Всему свое место.
avatar
менять кнопки не вижу смысла. Иконки простые и понятные, хорошо вписываются в дизайн.
Кастомные чекбосы сделаю.
avatar
Иконки можно будет от synio вернуть
avatar
?!
avatar
верните :) для меня иконки от синио чересчур смазливые.
avatar
менюшка ТОП не пропадает если кликнуть где-нибудь в стороне
avatar
менюшка ТОП вместе с самим топом — чистейшее УГ, которым никто не пользуется. Не придирайтесь.
avatar
я не придираюсь, просто сказал что не работает и всё )
avatar
ну надо еще раз нажать на ТОП и оно исчезнет) так уш сложилось. С меню вообще проблем было больше всего, чтобы его к текущему виду привести. Иначе было бы 4 этажа — одно меню на полэкрана.
avatar
Релиз шаблона
Автор топика запретил добавлять комментарии