Не дадим вытечь читательским глазам! - 2 — Дайри (бывший Diary.ru)

воскресенье, 28 октября 2018

11:09

Не дадим вытечь читательским глазам! - 2

все записи пользователя в сообществе WTF Inside

Тред 1, Тред 2 (этот), Тред 3 (следующий)

Ранее

Пишет Гость:

27.10.2018 в 10:18

Пока ЗФБ не началась, дорогие команды, просьба ко всем. Пожалуйста, проверяйте, как ваша вёрстка и ваши выкладки будут смотреться с мобильных устройств! Сейчас почти никто не читает ЗФБ из дома, а читают по дороге или ещё где-то, где есть возможность только со своего телефона выйти в интернет. И иногда с мобильных просто невозможно читать ваш контент. У меня, например, из-за этого ещё с прошлой зимы пара крутых команд не дочитана.

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

У меня всё. Всем добра и удач на ЗФБ!

URL комментария

Треды реков и антиреков дизайна: 1, 2, 3

запись создана: 11.10.2017 в 11:01

@темы: Визуал, Советы, Верстка и оформление

URL

Поделиться

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

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

Комментарии

25.01.2018 в 16:25

Змий-сердцеед

Хром

URL

25.01.2018 в 16:26

Змий-сердцеед

И в Торе та же пессня.
И в Сафари очинна похоже.

URL

25.01.2018 в 16:36

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

URL

25.01.2018 в 16:37

Точнее, теги со словом и картинкой.

URL

25.01.2018 в 16:37

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

URL

25.01.2018 в 16:45

правится насильным приписыванием дисплей: релатива или инхерита для всплывашки
Сработало.

чашка

<span class="withfloat" style="display: inline; cursor: crosshair; position:relative;">чашка<span class="flwin" style="margin-top:0px ;margin-left:0px; position:inherit;"><img src="https://i.imgur.com/xZjkVnW.jpg"></span></span>

Не анон с вопросом

URL

25.01.2018 в 17:03

Посмотрим, как чашка 16:45 себя будет вести в предложении...

мтвбтбм лавбловлдао юдлаудыал юалдалдвы чашка

лчорвла лрлуроуле улвоцудк
бплкоп длукжы ывиоцнгнвыа плплп аорвао
вбаопр ыудшоуыадшд жулужлуж уыэдзауыэдзщ ыивонрцпвын мврына луарл
ыуьг ыфпор длржер пувцпук
вбоп аердежр вмрыфекацр даршое фыопцонпцн

Змей, это тебе драбблик :-D

:-D

URL

25.01.2018 в 17:05

Анончики, чашка плохо себя ведет. Как сделать так, чтобы она была целая, но при этом текст при наведении на нее не прыгал?
И как впихнуть подчеркивание текста чашки?

URL

25.01.2018 в 17:07

бедная чашка, мне ее уже жалко (

URL

25.01.2018 в 17:14

издеваются над бедной чашкой, изверги :lol:

:lol:

*погладил чашку*

URL

25.01.2018 в 17:15

Как сделать так, чтобы она была целая, но при этом текст при наведении на нее не прыгал?

<div style="height:400px;">мтвбтбм лавбловлдао юдлаудыал юалдалдвы <span class="withfloat" style="display: inline; cursor: crosshair;">чашка<span class="flwin" style="margin-top:0px ;margin-left:0px;"><img src="https://i.imgur.com/xZjkVnW.jpg"></span></span> лчорвла лрлуроуле улвоцудк
бплкоп длукжы ывиоцнгнвыа плплп аорвао 
вбаопр ыудшоуыадшд жулужлуж уыэдзауыэдзщ ыивонрцпвын мврына луарл
ыуьг ыфпор длржер пувцпук
вбоп аердежр вмрыфекацр даршое фыопцонпцн</div>

мтвбтбм лавбловлдао юдлаудыал юалдалдвы чашка

лчорвла лрлуроуле улвоцудк
бплкоп длукжы ывиоцнгнвыа плплп аорвао
вбаопр ыудшоуыадшд жулужлуж уыэдзауыэдзщ ыивонрцпвын мврына луарл
ыуьг ыфпор длржер пувцпук
вбоп аердежр вмрыфекацр даршое фыопцонпцн

URL

25.01.2018 в 17:35

Спасибо, аноны, мне тоже как раз такое нужно, а я и не знала :beg:

:beg:

Анон с чашкой :heart:

:heart:

:heart:

:heart:

змийский процент

URL

25.01.2018 в 17:44

Подчёркивание не доделали. Вроде так.

мтвбтбм лавбловлдао юдлаудыал юалдалдвы чашка

лчорвла лрлуроуле улвоцудк
бплкоп длукжы ывиоцнгнвыа плплп аорвао
вбаопр ыудшоуыадшд жулужлуж уыэдзауыэдзщ ыивонрцпвын мврына луарл
ыуьг ыфпор длржер пувцпук
вбоп аердежр вмрыфекацр даршое фыопцонпцн

<div style="height:400px;">мтвбтбм лавбловлдао юдлаудыал юалдалдвы <span class="withfloat" style="display: inline; cursor: crosshair; text-decoration:underline;">чашка<span class="flwin" style="margin-top:0px ;margin-left:0px;"><img src="https://i.imgur.com/xZjkVnW.jpg"></span></span> лчорвла лрлуроуле улвоцудк
бплкоп длукжы ывиоцнгнвыа плплп аорвао 
вбаопр ыудшоуыадшд жулужлуж уыэдзауыэдзщ ыивонрцпвын мврына луарл
ыуьг ыфпор длржер пувцпук
вбоп аердежр вмрыфекацр даршое фыопцонпцн</div>

Кстати, а подскажите механизм работы этих всплывашек, а? А то копипастить-то я копипащу, но хочется ещё и понимать :shuffle:

:shuffle:

URL

25.01.2018 в 17:45

А можно, чтобы этого дикого отступа не было?

URL

25.01.2018 в 18:02

А можно, чтобы этого дикого отступа не было?
Можно, но тогда картинка будет перекрывать то, что в посте, при наведении мыши.

URL

25.01.2018 в 18:16

Пусть перекрывает, главное, чтоб не дёргалась ))

URL

25.01.2018 в 18:45

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

URL

25.01.2018 в 19:10

Змий-сердцеед

Змей, это тебе драбблик

У миня в драбблике чашка хорошо ссибя вела...

URL

26.01.2018 в 00:26

Пусть перекрывает, главное, чтоб не дёргалась
Она будет дёргаться при наведении курсора там, где наезжает на "своё" слово или превьюшку. А так - просто без position:inherit; вроде, нужно код.

URL

26.01.2018 в 02:48

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

/* Popups */
.withfloat {
    display: block;
}
.withfloat:hover {
    text-decoration:none;
    position: relative;
    z-index: 10;
}
.withfloat b{
    font-weight: normal;
}
.withfloat .flwin {
    display:none;

}
.withfloat:hover .flwin {
    display:block;
    left: 20px;
    bottom: 120%;
    position:absolute;
    z-index:10;
    width:300px;
    text-align:left;
    text-decoration: none;
}
.withfloat:hover .flwin:hover {
    display:none;
}
.withfloat .flwin strong {
    display:block;
    padding:3px 9px;
    background:#800000;
    color:#fff;
    font-weight:normal;
}
.withfloat .flwin em {
    white-space: normal;
    display:block;
    padding:8px;
    background:#fffbf6;
    color:#666;
    font-style:normal;
    font-weight:normal;
    border-width:1px;
    border-style:solid;
    border-color:#800000;
    overflow:hidden;
}
.withfloat .flwin.right {
    left: -300px;
    _margin-left:-300px;
}
.withfloat:hover .flwin.top{
    bottom:0;
    top: 0;
}

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

URL

26.01.2018 в 11:43

Аноны, а вы не заметили у себя в сообществах изменений дизов?
У нас в соо узкие поля (чтобы потом, когда орги перестанут платить за зфб, выкладки не перекосило), и верстали мы с учетом узких полей. С визиткой все было хорошо, и на мобильных устройствах тоже. А сейчас у нас в соо почему-то начал обрезаться правый край, если смотреть с планшетов и телефонов, хотя код тот же. Проверили пост с визиткой - там тоже теперь обрезается край.
Это у дайри какие-то изменения? Кто вообще сталкивался и как это лечить? И надо ли лечить?
Минимальная и максимальная ширина прописаны, проценты тоже нормальные. Не знаю, на что и думать, пару дней назад же нормально все было.

URL

26.01.2018 в 12:07

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

URL

26.01.2018 в 12:26

Это у дайри какие-то изменения? Кто вообще сталкивался и как это лечить? И надо ли лечить?
Минимальная и максимальная ширина прописаны, проценты тоже нормальные. Не знаю, на что и думать, пару дней назад же нормально все было.

В первый раз это произошло еще за 2 дня до выкладки визитки. Пришлось уменьшать ширину с 560 до 530.

URL

26.01.2018 в 12:31

Небось опять дайри улучшают ))

URL

26.01.2018 в 12:33

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

URL

26.01.2018 в 12:52

а нахуя вы вообще эту минималку пишете? смысла в ней хуй да нихуя.

URL

26.01.2018 в 12:54

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

:facepalm3:

URL

26.01.2018 в 13:37

кагбэ да, должен решить. если минималку не ставить, а указать только ширину 100% и максимальную ширину, то - сюрпрайз! - ширина подстроится под ширину контейнера и ничего не обрежется.
разве что у вас там padding прописан, тогда конечно упс. :evil:

:evil:

URL

26.01.2018 в 13:54

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

URL

26.01.2018 в 13:56

Как же так? У мобильников же умолчальное ограничение минималки в 480? Разве нет?

URL

← Предыдущая Первая ... 11 12 13 14 15 16 17 ... Следующая → Последняя