LINUX.ORG.RU

Фиксированный заголовок для ЛОРа

 ,


0

0

Решил приделать, когда в ширину вчера растянул.
Cinnamon, Vertex, иконки Ardis.

Собственно css:

div#hd
{
position: fixed;
width   : 100%;
height	: 65px;
background-color : #272c2d;
}

div#bd
{
padding-top : 90px;
}

body
{
max-width: none !important;
}

https://userstyles.org/styles/113898/lor-tango-fixed-top

>>> Просмотр (1920x1080, 494 Kb)

★★★★★

Проверено: JB ()
Последнее исправление: JB (всего исправлений: 6)
Ответ на: комментарий от ilinsky

3 с лишним гига где-то, смотря что там (у меня ещё ublock стоит)

amorpher ★★★★★
() автор топика
Ответ на: комментарий от amorpher

Вопрос был из разряда - «А нафиг нужен такой бардак?» Для таких вещей есть закладки, открыто должно быть только то что ты непосредственно используешь в конкретный этап работы\отдыха\впишисвоё...

Noob_Linux ★★★★
()
Ответ на: комментарий от kiotoze

Чтобы настрочить - можно и дотянуться. А когда просто читаешь ЛОР, одна рука на мышке, вторая в более удобном положении (мне например неудобно постоянно держать на клавиатуре).

Ghostwolf ★★★★★
()
Ответ на: комментарий от kiotoze

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

Ghostwolf ★★★★★
()
Ответ на: комментарий от Old_Hamster

Я считаю это не удобным. Но мы ведь обсуждаем кастомизацию посредством stylish. Никто не страдает. Автору спасибо за идею.

Ghostwolf ★★★★★
()
Ответ на: комментарий от Noob_Linux

должно быть
бардак

этим вкладкам несколько лет и они там и должны быть, я их наизусть помню уже

amorpher ★★★★★
() автор топика
Последнее исправление: amorpher (всего исправлений: 1)
Ответ на: комментарий от Ghostwolf

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

amorpher ★★★★★
() автор топика
Ответ на: комментарий от Ghostwolf

во как надо, а то я тыкался чтоб правильнее сделать, благодарю

amorpher ★★★★★
() автор топика
Ответ на: комментарий от Ghostwolf

как бы ещё сделать, когда с трекера идёшь на ответ, чтоб шапка эта ответ не перекрывала?

amorpher ★★★★★
() автор топика
Ответ на: комментарий от amorpher

В качестве костыля могу предложить добавить к .messages .msg:target

margin-top: 100px;
Но это такой костыль костылей: http://i.imgur.com/Zh6giuv.png

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

Ghostwolf ★★★★★
()

когда кликаешь по ссылке в которой находится «якорь»...

...то эта фиксирвоанная хрень небось закрывает вурхнюю часть сообщения?

(например, попробуй перейди по такой ссылке — Фиксированный заголовок для ЛОРа (комментарий) )

# «ответы не читай @ сразу отвечай» :-)

user_id_68054 ★★★★★
()
Последнее исправление: user_id_68054 (всего исправлений: 1)
Ответ на: комментарий от Ghostwolf

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

а как же например — сделать Javascript, который бы перехватывал бы событие ``$(window).on('hashchange')`` и заставлял бы делать перемотку на нужное число пикселей (предварительно вычисляя это нужное число пикселей) , разумеется не забыв и про ``event.preventDefault()``

ну это я просто предгалаю как концепцию... сам я не знаю, возможно ли такое :-)

user_id_68054 ★★★★★
()

Занимает слишком много места. И да,

z-index
Почему не выставил? Без него легко напороться на парочку неприятных багов с отображением и элементами, которые не ховерятся даже.

DeadEye ★★★★★
()
Ответ на: комментарий от DeadEye

я в этом 0, просто с css баловался и натыкал

amorpher ★★★★★
() автор топика
Ответ на: комментарий от user_id_68054

В javascript чукча не силен. Если силами CSS не получится, то можно будет и погуглить этот вопрос. Вряд ли проблема нова.

Ghostwolf ★★★★★
()
Последнее исправление: Ghostwolf (всего исправлений: 1)
Ответ на: комментарий от Ghostwolf

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

и предлагаю ещё один гипотетический костыль:

в Javascript нужно отслеживать события перемоток.. и скрывать «фиксированную хрень» — в случае если обнаружена «перемотка вниз» (вниз — на любое число пикселей, пусть хоть даже на 1 пиксель).

а если обнаруживается «перемотка вверх» (вверх — на любое число пикселей, пусть хоть даже на 1 пиксель) — то вновь показывать эту «фиксированную хрень».

это одновременно исправит и ситуацию когда оно могло-бы-загромождать часть сообщения, и НЕ добавит неудобств!

при обнаружении события ``$(window).on('hashchange')`` — тоже сразу скрывать «фиксированную хрень» (разумеется это будет скрыто ЛИШЬ до момента события «перемотка вверх»).

user_id_68054 ★★★★★
()
Последнее исправление: user_id_68054 (всего исправлений: 9)
Ответ на: комментарий от user_id_68054

Все бы хорошо, да только stylish не умеет в javascript. Придется ставить еще userscript или что-то в этом роде. Разве нет?

Ghostwolf ★★★★★
()
Ответ на: комментарий от Ghostwolf

ещё бы выравнять границы текста в шапке по краям, а то у меня справа ник вылазит, а у тебя как по центру, но тоже за границами

amorpher ★★★★★
() автор топика
Ответ на: комментарий от Ghostwolf

Придется ставить еще userscript или что-то в этом роде. Разве нет?

думаю Greasemonkey (то есть — да — это реализация соглашения userscript).

кстати через Greasemonkey (через userscript) — можно сразу заодно и нужные стили подключить (то есть необходимость в stylish — отпадает)

user_id_68054 ★★★★★
()

Ты переплюнул мою жену в плане создания бардака в браузере.

Rinaldus ★★★★★
()

Пользователь с ограниченными возможностями дэтэктэд!

FiXer ★★☆☆☆
()
Ответ на: комментарий от Ghostwolf

Только стоит ли не костыльный фикс проблемы того, чтобы тянуть jquery?

эээээ... тык ведь Ванильный Javascript (без jQuery) — это даже ещё лучше :-)

хотя jQuery — уже и так притянут самим сайтом LOR — изначально :-)

# P.S.: просто «Ванильный Javascript» — может плохо работать на всяких-там-Интернет-Эксплорерах .. но ведь нам-то пофиг на эти-Эксплореры, так как там даже нет нашего userscript :-)

user_id_68054 ★★★★★
()
Последнее исправление: user_id_68054 (всего исправлений: 3)
Ответ на: комментарий от user_id_68054

jQuery — уже и так притянут самим сайтом LOR

А, тогда все отлично.

Ghostwolf ★★★★★
()

Занимает место, не нужно. Для прокрутки можно использовать Home или автопрокрутку (мне удобно)(в FF и FF-based).

Klymedy ★★★★★
()

Очень печально, что в вебе пошла мода на эти прибитые гвоздиком заголовки и прочие элементы. Не ожидаемое и не желательное поведение скроллинга. Меня они так же раздражают, как всплывающие сообщения. И пожаловаться некому. Хоть здесь поплакаться.

Yajan
()
Ответ на: комментарий от Yajan

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

Всё новое — хорошо забытое старое, особенно мода. Просто раньше это делалось фреймами. С fixed всё же лучше, чем с фреймами (там ещё и не ожидаемое и не желательное поведение на клик по ссылке средней кнопкой). В основном ненужный отжор экрана под не срочно нужные пункты. Но в редких случаях это действительно удобная фича.

Psych218 ★★★★★
()
Последнее исправление: Psych218 (всего исправлений: 1)
Ответ на: комментарий от deep-purple

Слышал было что многие могильные устройства (их браузеры?) не умели позишн фиксед. Это исправили?

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

Psych218 ★★★★★
()
Ответ на: комментарий от Ghostwolf

В качестве костыля могу предложить добавить к .messages .msg:target
margin-top: 100px;
Но это такой костыль костылей: http://i.imgur.com/Zh6giuv.png
Пока лучшего решения не могу придумать. Может после работы поковыряю.

Не придумал?

amorpher ★★★★★
() автор топика
Ответ на: комментарий от amorpher

Наверное вариант с jQuery самый простой, благо библиотека к ЛОРу подключена из коробки. Но я как-то не осилил добавление css через greasemonkey и забил.

Ghostwolf ★★★★★
()
Ответ на: комментарий от Ghostwolf

так а как прицепить это дело?

amorpher ★★★★★
() автор топика
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.