Кат - картинка и спойлерокат

Oct 22, 2013 20:53

[Лирико-преамбула]ЖЖист похож на уличного музыканта.
Не очень комфортно, из удобств один асфальт, располагайся как сумеешь,
на виду и в бойких местах давно забито, жетоно-наперсточники азартно дудят в мегафоны;
но все-таки тут есть люди, люди у которых живо любопытство друг к другу.

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

А твиттер типа надписей на заборе. Трасса тысячеполосная, по каждой точке придется мимолетный взгляд.

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

Беда, что там никто не ходит. Не ходит потому, что "там никого нет".

Скажем соц.сеть от разработчиков phpBB - сервисов-макросов-модулей столько, что куда там
блогохосту, где коммент сформировать - надо НТМЛ освоить (спасибо, что не сиплюсплюс).
Мой стендалон http://severia.informe.com там первый в рейтинге 8)) на зависть горе-раскрутчикам.
При том, что кроме меня в него никто не пишет. Читает похоже столько же)

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


Кат и спойлер можно принарядить. Но.. только в своем журнале. Стили, которые вписаны в Custom CSS проявляются на собственной странице, в ленте никаких изысков не видно - стандартные скобочки, круглые-квадратные.

- А можно извернуться, чтобы видно было? Исхитриться как-нибудь с кодами?
- А еще... разные кнопочки на разные случаи?

- А не через.. чур запросы? "может вам еще и заварки насыпать?"

Вот как раз можно и даже совсем без хитрых каскадных стилей.

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

[Амбула-Фамбула]
У ката, кроме ранее описанных поведенческих особенностей, есть и технические отличия.
У подкатной ссылки имеется собственный адрес. Наведите курсор и увидите его в строке состояния
(или по правому клику мышки выберите "сохранить адрес ссылки")
Получите что-нибудь вроде http://fotovivo.livejournal.com/87610.html#cutid1
Если катов в посте несколько в конце будут #cutid2 #cutid3 и тп.

Зашли в пост, на страницу - все каты раскрылись, вроде и следов никаких не осталось. Это не так.
Остались метки, на которые ведет этот адрес. Если кат стоял посередине текста, то по ссылке страница
откроется как раз на середине.
Пример: http://fotovivo.livejournal.com/87820.html#cutid1 вверху свежеоткрытой страницы -
та часть, откуда начинается подкат.
(Место, где кат оканчивается, тоже имеет такую метку-якорь и на нее так же можно дать ссылку).

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

У спойлера нет собственного адреса по ссылке, это просто скрипт, делающий
часть текста временно неотображаемой.

Т.е желание "чтобы усы как у ивана ивыныча, а губы как у ивана никифорыча" еще более усугубляется.

Взять кат и спойлер и слепить из них одно что-то, с удобствами обоих.

Решение бесхитростно как сарай с дровами.

Взять кат и спойлер и наложить один поверх другого.

[Spoiler (click to open)]контент

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

Но метки, те самые, якоря, остаются. Если нужны.
(Меню вверху записи делается на вышеупомянутых ссылках с адресом собственно поста
и катовыми довесками #cutid1, 2, 3.. А сами разделы - на спойлерокатах, чтоб лежали свернутыми
пока не понадобятся. Наглядный пример следующий раз.)

В ленте видим спойлер. Но. Нелюбимая многими невозможность скатать развернутый материал обратно -
преодолена: выпрастанный из под спойлера кат, как ему и положено, выставляет кнопку "свернуть".
Промотали-прочитали, жмем "комментировать", попадаем в блог к автору и - опять бонус,
получаем пост в свернутом виде, форма комментария вот она, не приходится по новой дожидаться загрузки.
Единственно что в ленте такая конструкция работает по двойному клику, подобно тому как мы папки открываем.

Создание спойлеро-ката не требует усилий больших, чем того или другого по отдельности.
Выделили кусок, в редакторе нажали "кат", следом же "спойлер" - готово
(если не щелкать по тексту, не сбить выделение, то управимся за один присест).
Если вручную - сразу нужный шаблон себе заготовить.

Рассказать дольше чем сделать.

О кат-картинках

Как сделать картинку ссылкой помним, да?







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

Как узнать адрес записи, которая только создается? Заготовить все что надо - шаблон меню,
каты в нужных местах текста, запостить, вернуться в "редактирование" и вклеить адрес.
Минута дела, быстрей, чем кто-либо успеет прочитать и наткнуться на неработающую ссылку.

Если просто хотим затейливую кнопку ката, которую увидят в ленте - тоже самое,
изобразим красивую кнопочку картинкой или кодами,
поставим в нужном месте поста

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


Первое полевое испытание спойлероката http://fotovivo.livejournal.com/91539.html
нареканий не вызвало, отзывы о функциональности приветствуются.

веб-штучки, блоговодство

Previous post Next post
Up