Заявки на изменение вёрстки дневников

[bokonist]

Предлагаю составить список пожеланий изменения вёрстки дневников к разработчикам дайри и отсортировать его по "народной желанности". Вы получаете возможность попросить и пожаловаться, разработчики слышат об актуальных проблемах — все довольны.

— Вам не хватает класса или id для какого-нибудь элемента?
— Существуют ограничения, которые не позволяют реализовать ваши идеи?
— Проблемы в коде и стилях дневников, которые хорошо бы исправить?

С какими непобедимыми проблемами вы столкнулись пытаясь изменить оформления дневника?
Не считая недостаточное владение инструментами )

Давайте в комментариях к этой записи соберём как можно больше пожеланий и, если наберётся какое-то существенное количество, в следующей проголосуем, чтобы определить важность.

Например:
1. Хорошо бы дать классы закрытым записям и записям из дневников закрытых от тебя, чтобы можно было как-нибудь выделить их в ленте или вырезать совсем.
2. Обернуть генерируемые тегом J ссылки в SPAN.TagJ.
3. Обернуть генерируемые тегом MORE блоки .LinkMore и SPAN в ещё один SPAN.blockMore. Классами для него показывать тип ссылки (прелоад, динамика, статика) и переключать состояние (открыт/закрыт), избавиться от инлайн-стилей.
4. Добавить оболочку в body, чтобы можно было просто положить две фоновые картинки.
5. [настройки] Возможность отображать аватарки в ленте своего дневника.
6. Выкинуть из .paragraph ненужные div и br, заменить стилями.
7. [баг] Исправить баг с кешированием стилей. Репорты: 1, 2, даже в факе техподдержки предлагают костыль с очисткой кеша. Скорее всего проблема в настройках кеширования на серверах и http-хедерах journal.css и user.css.
8. [редактор css] Разрешить в редакторе стилей комментарии (A..z, 0..9) и произвольное форматирование (хотя бы вокруг фигурных скобок и точек с запятой).
9. Отображать тег [Code] как общепринятое <pre><code> (вместо бессмысленной textarea) и сделать подсветку кода (например, подключить hightlight.js). Можно поначалу сделать опцией в настройках. Можно так же сворачивать и разворачивать по клику.
10. [баг] Решить проблему с таймаутом подключения платных сервисов. Aloria: «Если сервис не подключился сразу, то это значит, что скопилась большая очередь запросов, и ваш запрос снялся по тайм-ауту. Его надо просто пнуть, наче он снова встанет в конец очереди».
11. Вести лог изменений в базовых стилях и, по возможности, шаблонах. Например, выкладывать их на открытую систему контроля версий вроде github или google code.
12. Добавить body класс сигнализирующий о том, кто смотрит дневник: владелец, избранный или пч, зарегистрированный пользователь, гость.
13. Убрать лишние неразрывные пробелы (&nbsp;) из заголовков записей (.postTitle, между временем и заголовком), после надписи "@темы:" (.atTag), в пункте меню "Написать на U-mail" после первого слова (#writeToAuthor) и везде, где они используются для отступов.
14. [редактор css] Растягивать поле редактора CSS по размеру текста. Растягивать превью по ширине экрана или дать возможность его растянуть по ширине и высоте.

Comments

[Ктулхова бабушка]

bokonist
Вы не там и не тем предлагаете. Большинство людей в ксс нубы, но мнят себя едва ли не прогерами. Они такого наголосуют. Да и так все отлично. А скрытие-есть. Ищите в сообществе.

[bokonist]

Невани, вы заблуждаетесь, несколько десятков человек могут вполне адекватно поучаствовать. голосование можно сделать полузакрытым.
—

Скрыть или как-то изменить подзамки нельзя, потому что они никак не отличаются от обычных записей. Добавляется картинка с замочком в заголовок и вместо текста записи ровно в том же блоке выводится сообщение. В сообществе есть десяток записей про изменение иконки и юзерскрипт Рёцке, который требует массы дополнительных телодвижений далеко выходящих за пределы css-а на дневниках.

Если появится дополнительный класс для закрытых записей (блоков .singlePost), можно будет их скрыть, изменить цвет текста или фон, заменить на картинку и т.д.

[Чудеснов]

хочется класс для ссылок, нажатие на которые вызывает какие-то скрипты (например, у кого-то MORE открывается динамически, у кого-то — только на странице записи, то же с добавлением в избранное, подпиской, цитатником — хочется каким-нибудь пукнктиром показать, что здесь будет жабаскрипт, но эти фишки же включены не у всех)
или просто добавлять класс к body, если в настройках сайта включено вышеперечисленное

другого универсального решения не нашел. пытался через a[onclick], но a) он вырезается, б) некоторые ссылки обрабатываются listener'ами, устанавливаемыми в самом js-коде

[Чудеснов]

теги L и J имеют один и тот же класс для ссылок на дневники - TagL. Мелочь, конечно, но когда я пытался установить одинаковый вид для L, J и имен комментаторов в заголовках, это помешало

да, есть конструкция a+a, но она как-то странно работает

[Чудеснов]

состояния MORE (с предзагрузкой или динамической загрузкой) отображаются с помощью инлайн-стилей, а не через идентификаторы и соотв. правила в основной таблице стилей. столкнулся, когда делал „предпросмотр“ для MORE, не пропадающий при переводе курсора со ссылки на него. пробовал сделать с помощью attribute selectors и +, но парсер вырезал style=

[bokonist]

Чудеснов, принято, спасибо.

2. Обернуть генерируемые тегом J ссылки в SPAN.TagJ.
3. Обернуть генерируемые тегом MORE блоки .LinkMore и SPAN в ещё один SPAN, которому давать классы: 1а. предзагрузка, 1б. динамическая загрузка, 1в. статика, 2. more открыт. заменить инлайновые стили на внешние в зависимости от класса.

Про обозначение поведения кнопок в зависимости от настроек давай поспорим. я считаю, что каждый человек привык к своим натсройкам и подсказывать ему не обязательно.

какой style вырезал парсер?

[Чудеснов]

хотелось сделать так:
навожу мышь на linkmore, появляется span(абсолютно спозиционированный, блочный, с уменьшенными картинками et cetera), перевожу на него мышь, он остается висеть, убираю мышь исчезает

при этом надо, чтоб, если linkmore нажата, при наведении курсора на span ничего не происходило
чтобы этого добиться, отдельный стиль прописываю для .linkMore[style="(когда more раскрыт)"]+span. парсер меняет "[style" на "#"

[bokonist]

Чудеснов, если мы оборачиваем оба блока в один SPAN с классом, допустим, .moreBlock, тебе останёся только отслеживать :hover по нему. ну и масса других штучек становятся возможными. как тебе способ?

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

(немного поправил предыдущий коммент)

[Чудеснов]

чего спорить по первому пункту, не знаю
левая пятка захотела, а нужно ли это кому-то, не знаю

[Чудеснов]

3. в клиентской части, по-моему, ничего сложного не должно быть - просто в js-функции для more поменять if (this.style="abrakadabra1") this.style="abrakadabra2" на то же самое, но с классами
идея с оберткой хорошая, но все равно непонятно, как она поможет узнать, отображается ли span, или его надо „показать“. еще раз прочитал комментарий, все отлично

[bokonist]

Чудеснов, по поводу динамических кнопочек предложил бы дать им всем класс и подчеркнуть пунктиром, но дайри по-умолчанию убирает у всех ссылок подчёркивание и предложение обречено, увы.

на jQuery это выглядит как-то так: $(".blockMore .linkMore").click(function(){$(this).parent().toggleClass(".blockMore-open")});

[Чудеснов]

есть вопрос не совсем по верстке: что-нибудь можно сделать с шаблоном для постов «написать у себя»? например, как-то избавиться от дублирующих друг друга по смыслу blockquote и quote_text, собрать их в один блок; выделять заголовок поста, если в наличии, не тегом b; если цитируется комментарий или пост из сообщества, писать логин владельца дневника или сообщества?

[bokonist]

Чудеснов, хорошая идея, но мало что тут можно сделать. по поводу всех элементов их оформления в коде и расположения всё более-менее понятно: неизвестные стили на клиенте (кастомные стили, rss-читалка, мейл, мобильник), предельный минимум кода.

* обернуть всё это в DIV с классом, чтобы можно было работать с такими блоками и с их элементами.
* хорошо было бы всем смысловым элементам внутри дать классы или подобрать теги, чтобы можно было стилизовать, но компактность тут важнее и чем-то можно жертвовать.
* заголовок записи, согласен, можно подобрать H3 или H4, можно оформить в DIV с классом.
* SPAN.quote_text используется для инлайн цитаты и добавляет font-style:italic;, DIV.blockquote используется для padding-left:30px; — хорошо бы оставить один блок.
* если запись в сообщество, указывать сообщество, конечно.

[Arc-en]

Я не знаю, по адресу ли запрос. Но очень бы хотелось видеть больше шаблонов аля:


Типа шаблон выбрал, а потом уж с помощью css работай над красотой...

[Чудеснов]

а что в третьей колонке?

[Arc-en]

Чудеснов хммм...если брать в пример жж, то там может быть нормальный календарь (а не просто ссылка) и открытые темы.

[bokonist]

Arc-en, принимается, хотя это очень большая задача для разработчиков.

* сейчас все "темы оформления" дайри и всё, чем мы располагаем, - это css поверх единого html. чтобы отойти от этого в ЖЖ сделали целый язык (S2), чтобы разработчики и любой платный пользователь могли изменять html. не думаю, что в обозримом будущем на дайри появится нечто подобное.
* с дополнительными блоками (календарь, что-то ещё) та же история. сейчас дайри может или впилить его всем, или никому.
* изменить положение колонки меню можно в настройках оформления. изменить ширину всей страницы и колонок можно стилями. (у нас для этого даже был удобный генератор, но сейчас он немножко умер.)

[Arc-en]

bokonist первые два замечания понятны. насчет третьего...у меня лично были проблемы, когда я хотела сделать две колонки меню))
я понимаю, что это сложно. никого не тороплю. разработчики могут учесть это и отложить на будущее. а может у них была такая идея, но они сомневались))

[Ктулхова бабушка]

Меню отлично делается и сейчас. Хоть две, хоть пять.

[Arc-en]

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

[bokonist]

Arc-en, даже на существующем коде сделать меню в две колонки в принципе реально, но сделать хорошее универсальное решение вряд ли получится.

[Arc-en]

bokonist понятно. ну мое дело предложить)) я рассматриваю то, что может пригодится пользователям...

[Arc-en]

Кстати, может попросить сделать еще одну "оболочку" в селекторе после body? Чтобы на фон дневника можно было поставить два рисунка...Это могло бы упростить решение некоторых идей...

[bokonist]

Невани, удалил весь ваш флуд. или вы помогаете, или уходите.

Arc-en, хорошая идея, и не нарушит уже написанных стилей, принято.

4. Добавить оболочку в body, чтобы можно было положить две фоновые картинки.

[Ктулхова бабушка]

bokonist
А вы меня прогоните) Страдаете тут фигней, которая палит, что в ксс вы откровенные нубы) На фон и так становиться и две и три и десять картинок. Правда проблема-нужны мозги) А вы видимо с лиру пришли и айкью не позволяет об этом мыслить.

[bokonist]

Невани, ок, как же положить хотя бы две картинки в фон страницы не поднимая враппер и не подсовывая под него add_block? проблема в том, что такой код будет громоздким и нестабильным в разных браузерах и уж точно не элегантней простого задания фоновой картинки для обёртки.

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

ещё одно оскорбление любого участника сообщества и вы забанены.

[Arc-en]

я вот еще вспомнила: пользователи часто об аватарах спрашивают и расстраиваются, что их никак нельзя перенесати в записи дневника как в сообществах.
может стоит упомянуть об этом в списке желаний...

[bokonist]

Arc-en, можно подробнее, что именно хотят сделать с аватарками?

[Чудеснов]

отображать аватары в ленте записей дневника, как в сообществах

[bokonist]

Чудеснов, а, хм, ребята хотят видеть свои аватарки у всех записей в своём дневнике? немного странно, но пусть. никогда этим не интересовался, на дневниках есть возможность выбрать аватарку к каждой конкретной записи?

5. Возможность отображать аватарки в ленте своего дневника.