суббота, 22 ноября 2014
21:16

Листинг страниц

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

Пример - в моём дневнике. Не думаю, что где-то на дневниках такое есть.
Скрины - первая страница избранного, где-то в середине ленты и вторая страница: первых две - на мониторе 20", вторые две - что-то около 15":



Код:



Правда, этот код со всеми настройками оформления (шрифты, цвета фонов и текста, отступы и прочее), прописанных для нынешнего дизайна моего дневника. И, по-традиции, с вопросами по деталям кодировки обращайтесь в комменты.
Разбираем код:
— #pageBar - ширина блока с нумерацией страниц.
— #pageBar a - оформление ссылок в этом блоке до наведения мышки.
— #pageBar a:hover - оформление ссылок в нумерации страниц после наведения мышки.
— .pages_str - ТЕ САМЫЕ кнопки листинга страниц, тут - фиксирование блока и его позиционирование.
— .pages_str td - ширина и высота табличного элемента, в который вписаны ссылки на сами кнопки. Особенность в атрибуте width: 100% !important; , который задаёт ширину этого элемента на всё окно браузера, чтобы кнопки "примостились" у боковых границ окна с небольшим отступом, который прописан в предыдущем селекторе. Тут можно "играться" этим параметром сколько душе угодно.
— .pages_str a - оформление ссылок этих кнопок до наведения мышки.
— .pages_str a:hover - оформление ссылок этих кнопок после наведения мышки.
— .pageBar td a - оформление блоков (табличных ячеек), в которые вписаны все ссылки
(нумерация, кнопки листинга) блока листинга страниц до наведения мушки.
— .pageBar td a:hover, #favGroups a:hover - то же что и предыдущее, тольк после наведения мышки.
— .pageBar td strong - оформление активной ссылки на номер активной страницы.

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

А вот так звучит моё настроение. В нём крик чаек где-то вдалеке, плеск океанских волн и захватывающее дух усыпанное звёздами ночное небо.


Это не оригинальный трек, а:

Armin van Buuren - John O Callaghan ft Lo-Fi Sugar -
«Never Fade Away»
- Andy Duguid Mix - On The Beach Intro Edit

Да, я слушаю и транс. Красивый, на мой взгляд, транс. И мне ооочень нравится. Наверное, просто хочу на море. А лучше - к океану.

  • Вспыхнула очередная сверхновая идея! Просто грандиозная! Сама обалдела от размаха. Пока никому ничего не скажу. Предпочитаю не говорить о том, что существует в сфере незримого. Как только удастся реализовать хотя бы наброски, покажу. Это будет что-то радикально новенькое. Когда всё это воплощать? Итак две уже подвисли в воздухе.


@настроение: Оставить что-то, надеюсь, полезное.

@темы: без подтекста, CSS, деперсонализировано!, CSS-примеры

URL
Комментарии
21.04.2013 в 23:24

Кареглазый Демон
Ко мне на "вы", шёпотом и с придыханием.
Приятная музыка. Самое то чтобы творить слушая по кругу.
Идея интересная, как впрочем и всегда. Видел нечто подобное здесь: apollo-jusu-sirds.diary.ru/
URL
21.04.2013 в 23:40

UDFj
Кареглазый демон,
Приятная музыка. Самое то чтобы творить слушая по кругу.
Там весь сет просто шикарный! Хоть и не новый. Это диджей Armin van Buuren из альбома "On The Beach", кажется 2010 г. Периодически к нему возвращаюсь.
Идея интересная, как впрочем и всегда.
Спасибо ))
Видел нечто подобное здесь:
Ох, и правда. Не знала. Понимаете, разница в конечной цели. Часто работаю с экрана ноута в 15" и там чуть ли не каждый пиксель на счету ) Потому отводить целую полосу под ещё один фиксированный блок не хотелось. Цель - комфортная и оптимальная планировка пространства. Потому - кнопки сами по себе и не закрывают ленту, нумерация страниц - сама по себе. А кнопками пользуюсь чаще ) Вот, где-то так ) Да хотелось бы довести до того, что образом в голове прописалось. Вот то уже будет поинтереснее )
URL
22.04.2013 в 00:57

Кареглазый Демон
Ко мне на "вы", шёпотом и с придыханием.
Понимаете, разница в конечной цели. Понимаю... и не в коей мере не умаляю ваши заслуги, просто к слову пришлось.
Да хотелось бы довести до того, что образом в голове прописалось. Вот то уже будет поинтереснее ) Ну тогда жду реализации)
URL
22.04.2013 в 21:04

UDFj
Кареглазый демон,
Понимаю... и не в коей мере не умаляю ваши заслуги, просто к слову пришлось.
Да ну *смеётся* бросьте )) Уж не подумали вы, что я затаила чего-то там? *подмигнула и пуще прежнего залилась*Напротив, это здорово, что делитесь информацией! И, Муууз, продолжайте, пожалуйста, в том же духе ) Так ведь и сотрудничают? ) И мне очень хочется, чтобы мы с вами взаимно сотрудничали ) Вот, к примеру, у меня к вам вопрос. Доводилось ли вам пользоваться атрибутом gradient? Может знаете, кроме хтмлбука, где ещё о нём почитать можно. Имеются у меня на него кое-какие планы *заговорщицки прищурилась*

Ну тогда жду реализации)
Ой, нескоро, ой нескоро *вздыхает* ) Закопалась в матчасть по самые оба полушария )
URL
22.04.2013 в 21:38

Кареглазый Демон
Ко мне на "вы", шёпотом и с придыханием.
Уж не подумали вы, что я затаила чего-то там? Не подумал... Пока нет) А нужно?..
И мне очень хочется, чтобы мы с вами взаимно сотрудничали ) Нет, Я то с удовольствием, но скажу без тени лести, не представляю чем могу быть вам полезен. Вы умеете то же что и Я плюс оригинальные идеи.Доводилось ли вам пользоваться атрибутом gradient? не доводилось)
URL
22.04.2013 в 21:57

UDFj
А нужно?
Ни в коем случае! )) Никогда, ни при каких обстоятельствах! ))
чем могу быть вам полезен
Нууу, знаете ли, сама пока на стадии освоения ЦСС. При случае буду к вам обращаться. Вы не против? ) А там уж как получится )
не доводилось)
Кажется, уже разобралась с этим чудом оформления )
URL
22.04.2013 в 22:19

Кареглазый Демон
Ко мне на "вы", шёпотом и с придыханием.
Никогда, ни при каких обстоятельствах! )) У меня на это счет своя философия)
Вы не против? ) не против конечно)
Кажется, уже разобралась с этим чудом оформления )это радует)
URL