00:05 

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

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

— Вам не хватает класса или 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 по размеру текста. Растягивать превью по ширине экрана или дать возможность его растянуть по ширине и высоте.

Комментарии
2009-08-03 в 01:29 

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

2009-08-03 в 01:46 

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


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

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

2009-08-03 в 02:23 

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

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

2009-08-03 в 02:31 

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

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

2009-08-03 в 02:41 

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

2009-08-03 в 03:28 

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

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

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

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

2009-08-03 в 03:40 

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

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

2009-08-03 в 03:45 

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

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

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

2009-08-03 в 03:45 

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

2009-08-03 в 03:50 

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

2009-08-03 в 03:57 

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

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

2009-08-03 в 04:14 

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

2009-08-03 в 04:41 

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

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

2009-08-05 в 15:26 

Arc-en
В моей голове нет тараканов. Их давно сожрали более крупные и опасные твари.
Я не знаю, по адресу ли запрос. Но очень бы хотелось видеть больше шаблонов аля:


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

2009-08-05 в 15:30 

молодой динамично развивающийся
а что в третьей колонке?

2009-08-05 в 15:43 

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

2009-08-05 в 16:01 

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

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

2009-08-05 в 16:05 

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

2009-08-05 в 16:25 

Я сам себе создатель! Я делаю, лишь что хочу. Заткнись, советую, приятель! Учи себя! Я не шучу!©Pain
Меню отлично делается и сейчас. Хоть две, хоть пять.

2009-08-05 в 16:41 

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

2009-08-05 в 16:59 

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

2009-08-05 в 17:01 

Arc-en
В моей голове нет тараканов. Их давно сожрали более крупные и опасные твари.
bokonist понятно. ну мое дело предложить)) я рассматриваю то, что может пригодится пользователям...

2009-08-05 в 17:06 

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

2009-08-05 в 17:15 

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

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

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

2009-08-05 в 17:25 

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

2009-08-05 в 17:35 

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

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

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

2009-08-05 в 21:56 

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

2009-08-06 в 01:00 

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

2009-08-06 в 01:21 

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

2009-08-06 в 02:05 

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

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

2009-08-06 в 02:08 

молодой динамично развивающийся
у платников с сервисом «аватары» есть

2009-08-06 в 10:35 

Arc-en
В моей голове нет тараканов. Их давно сожрали более крупные и опасные твари.
bokonist да, это немного странновато, но помню как все интересовались этой проблемой. Рёцке нашел способ схитрить и предложил страждующим повесить в пост картинку, похожую на аватар. Я видела несколько таких дизайнов и в этой идее, кстати, что-то есть. Симпотично смотрится...прямо как жж :gigi:

2009-08-16 в 14:34 

Roldo
Воинствующий пофигист
1) Да, вот - переименовать .singlePost в эпиграфе на какое-нибудь другое название, чтобы при изменении .singlePost не приходилось корректировать его отображение в эпиграфе отдельно.
2) Именовать элементы в списке "моих ссылок" или "моих тем" отдельными id - типа tag001, tag002 и т.п.

2009-08-16 в 19:35 

Shaka Ponk
It's JUST a fonky shit for da frenCHy radio beat
Roldo, да-да, плюсадын. :) Только не "или", а "и моих тем".

2009-08-16 в 20:12 

простота неубывает
Roldo, с первым не согласен, всё-таки эпиграф ведёт себя ровно так же, как и обычные записи. если нужно для него что-то переопределить, есть #epigraph.

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

2009-08-16 в 22:13 

молодой динамично развивающийся
Хотелось бы дать «последней» обертке поста — .paragraph div — класс. Правда, есть альтернатива — .paragraph > div:first-child, но > вырезается.

2009-08-16 в 22:28 

простота неубывает
Чудеснов, о, совсем забыл об этом, спасибо.

6. выкинуть из .paragraph ненужные div и br, заменить стилями.

2009-08-25 в 20:46 

простота неубывает
7. [баг] Исправить баг с кешированием стилей. Репорты: 1, 2, даже в факе техподдержки предлагают костыль с очисткой кеша. Скорее всего проблема в настройках кеширования на серверах и http-хедерах journal.css и user.css.

2009-10-29 в 18:46 

простота неубывает
8. [редактор] Разрешить в редакторе стилей комментарии (A..z, 0..9) и произвольное форматирование (хотя бы вокруг фигурных скобок и точек с запятой).

2009-10-29 в 20:34 

молодой динамично развивающийся
опасносте же

2009-10-29 в 20:57 

простота неубывает
Чудеснов, какие например, при указанных ограничениях?

2009-10-29 в 22:25 

молодой динамично развивающийся
помнится, комментарии вырезались потому, что позволяли какой-нибудь запрещенный токен разбить на кусочки, которые при наличии комментариев фиг склеишь.
verydangerousjavascr/*
Everything is ok!
*/iptcodebugoga

2009-10-30 в 00:03 

простота неубывает
2009-10-30 в 15:54 

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

2009-10-30 в 19:04 

молодой динамично развивающийся
А потом обратно вставить :-)

2009-12-07 в 01:14 

простота неубывает
9. Отображать тег [Code] как общепринятое <pre><code> (вместо бессмысленной textarea) и сделать подсветку кода (например, подключить hightlight.js). Можно поначалу сделать опцией в настройках. Можно так же сворачивать и разворачивать по клику.

2009-12-08 в 01:57 

простота неубывает
10. [баг] Решить проблему с таймаутом подключения платных сервисов. Aloria: «Если сервис не подключился сразу, то это значит, что скопилась большая очередь запросов, и ваш запрос снялся по тайм-ауту. Его надо просто пнуть, наче он снова встанет в конец очереди».

2010-01-17 в 16:38 

молодой динамично развивающийся
holy bump

2010-06-19 в 16:53 

простота неубывает
11. Вести лог изменений в базовых стилях и, по возможности, шаблонах. Например, выкладывать их на открытую систему контроля версий вроде github или google code.

2010-07-20 в 14:44 

простота неубывает
12. Добавить body класс сигнализирующий о том, кто смотрит дневник: владелец, избранный или пч, зарегистрированный пользователь, гость.

2010-07-20 в 15:12 

простота неубывает
13. Убрать лишние неразрывные пробелы (&nbsp;) из заголовков записей (.postTitle, между временем и заголовком), после надписи "@темы:" (.atTag), в пункте меню "Написать на U-mail" после первого слова (#writeToAuthor) и везде, где они используются для отступов.

2010-11-05 в 16:46 

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

2010-11-05 в 22:11 

простота неубывает
AnarhystkA, принято, спасибо. Ты можешь растягивать это поле, есть откроешь в Хроме.

14. [редактор css] Растягивать поле редактора CSS по размеру текста.

2010-11-14 в 00:38 

Dagedra
Дороги хватит на всех
bokonist =) спасибо, что сказали про хром, но все-таки как-то огнелис ближе к телу. будем ждать :rotate: (aka Anarhystka)

2011-06-19 в 01:58 

winterwolf
Ходят слухи, что он, танцуя по небу разит мечём словно ветер, что даже во тьме звёздный свет отражается от его меча солнечным днём
Есть услуга ссылки. Там есть поле описание и у него ид description. Переименовать этот ид. Это конечно мелочь - но зачем его так назвали, если им нельзя воспользоватся? Поясню - там содержится слово sсript, которое режится в цсс.

А еще хотелось бы написать такой цсс:

content: "chapter\A hoofdstuk\A chapitre" - перенос на новую строку

или такой :content: "\266A" - Hex символы.

Спросите зачем? Там нельзя написать ничего кроме аски символов, если написать по-руски - то сбивается кодировка ( страница в windows-1251, а css наверное в UTF-8 хранится). Можно хотя бы тогда заменить hex символами, но увы все обратные слеши истребляются.

2012-03-31 в 22:59 

Dagedra
Дороги хватит на всех
есть одна вещь меняпрямо доводящая до исступления своей неудобностью. при написании ксс стиля внизу небольшое окошко предпросмотра. так вот оно реально НЕБОЛЬШОЕ, т.е. целиком посмотреть даже в ширину нельзя то, что получается. если не дай бог какой-то элемент куда-то "убежал", и найти его не представляется возможным, приходится закрывать дневник ото всех, ставить дизайн, смотреть, править, открывать дневник. спасите, сил моих больше нет (думаю, я не одна такая)

2012-03-31 в 23:09 

простота неубывает
Dagedra, вы можете сами задать ширину этого окошка, найдя его в файрбаге/инспекторе (<iframe id="preview" ...>) и дав ему нужные ширину и высоту. в следующий раз все сбросится, но не сложно восстановить. скриншот

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

добавил в 14 пункт.

2012-03-31 в 23:25 

Dagedra
Дороги хватит на всех
bokonist, блин, как все просто, чет я и не подумала :gigi:

@CSS — стилизация дневников

главная