Не дадим вытечь читательским глазам! — @дневники: асоциальная сеть

среда, 14 октября 2015

23:25

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

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

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

Ранее

Пишет Гость:

14.10.2015 в 03:56

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

На какие команды прошлых лет следует ориентироваться как на эталон, а какие команды, наоборот — вопиющий вырвиглаз и безвкусица?

URL комментария
20 страница

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

запись создана: 20.09.2013 в 19:50

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

URL

Поделиться

Комментарии

29.11.2016 в 20:25

а еще курсором нельзя задать гиф-анимацию, если не ошибаюсь
можно

URL

29.11.2016 в 20:41

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

URL

29.11.2016 в 21:03

И правда не проигрывается, я тоже попробовала((

URL

07.01.2017 в 02:06

Ребят, а никто не пробовал встраивать pdf-ы в дайри? Через issuu работает, но я знаю, что у некоторых провайдеров он все еще закрыт. Может кто знает еще толковые способы?

URL

07.01.2017 в 02:46

Товарищи, выручайте! Дайте кусок кода, чтоб more обратно свернуть, пожалуйста!

URL

07.01.2017 в 02:56

Дайте кусок кода, чтоб more обратно свернуть, пожалуйста!
diary.ru/~diary-tips/p164304303.htm

Только в мобильном виде не работает.

URL

07.01.2017 в 04:12

Спасибо! У меня в мобильном виде работает.

URL

08.01.2017 в 22:31

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

Или я что-то делаю не так, и можно сделать резинку с максимум пошире? Какой max-width ни прописывай, всё равно у меня сжимает до 888, это просто ограничение дайри или как-то можно обойти?

URL

08.01.2017 в 22:57

Проверяем:

width:98%; max-width:1000px; min-width:490px;

width:888px;

URL

08.01.2017 в 23:02

У меня firefox, у меня верхний блок нормально масштабируется резинкой с ограничениями, а нижний — фиксированной ширины.

888px по большей стороне и 231Мб — ограничение для картинок, загружаемых в БИ, и всё, насколько мне известно. Картинки тоже нормально масштабировались, но я не делаю такой широкой вёрстки, ограничиваюсь 800-888px для максимальной ширины.

URL

08.01.2017 в 23:04

О! Охуенно, анон, большое спасибо. :squeeze:

:squeeze:

Теперь всё растягивается, как надо :eyebrow:

:eyebrow:

URL

08.01.2017 в 23:09

на аккаунтах с подключенным css (кажется, не уверен, что именно этот сервис) max-width ужимается до 1000px, на бесплатных - до 888px, что бы ни прописал в коде; во всяком случае, раньше было так
так что обязательно верстай из-под логина комсоо, анон

URL

08.01.2017 в 23:15

max-width ужимается до 1000px, на бесплатных - до 888px, что бы ни прописал в коде; во всяком случае, раньше было так
Хм, нет, у меня сейчас ужалось до 1003 пикселей, цсс у меня не подключён при этом.

URL

08.01.2017 в 23:21

Хм, нет, у меня сейчас ужалось до 1003 пикселей, цсс у меня не подключён при этом.
А если в посте? Сейчас попробовал со своего акка (подключены цсс и шапка) - 1000 пикселей, тот же код с акка, где не подключено ничего - 888 пикселей.

URL

08.01.2017 в 23:27

А если в посте?
Я в посте (в черновике в комсоо) верстаю. Как подсказал анончик выше, меняю ширину, соответственно растягивается моя резинка - на 80% 1003 пикселя, на 90% 1129 при моей ширине экрана вот сейчас. И мой акк, и комсоо без стилей.

URL

08.01.2017 в 23:33

Я в посте (в черновике в комсоо) верстаю. Как подсказал анончик выше, меняю ширину, соответственно растягивается моя резинка - на 80% 1003 пикселя, на 90% 1129 при моей ширине экрана вот сейчас.
А, ну так без max-width конечно) Я про max-width говорил.

URL

08.01.2017 в 23:44

А, ну так без max-width конечно) Я про max-width говорил.
Я нуб в вёрстке и не очень понимаю, что это за параметр такой. Поставил max-width, равный ширине моих хэдера и футера. Теперь они сжимаются в зависимости от процента ширины, до 1003 и 1129, например, как я и написал, и это то, что мне было нужно - чтобы не сжимались максимум до 888 пикселей. Надеюсь, я никого не запутал.

URL

09.01.2017 в 00:18

Поставил max-width, равный ширине моих хэдера и футера. Теперь они сжимаются в зависимости от процента ширины, до 1003 и 1129
Скорее всего, max-width у тебя просто не работает. max-width - это максимальная ширина блока, блок просто не может быть шире, min-width - минимальная соответственно.
А на дайри есть ограничение: для платных акков (хз, что именно должно быть подключено) - 1000px, для бесплатных - 888. Разумеется, если ты max-width не будешь указывать вообще, то ограничение на тебя не распространяется)

Короче, вот это - блок будет всегда растягиваться на 90% ширины поста дайри:

style="width:90%;"

А здесь он будет растягиваться на 90% ширины поста, но не шире 1000 пикселей, если верстать с платного акка, и 888 - если с бесплатного

style="width:90%;max-width:1000px;"

URL

09.01.2017 в 00:24

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

URL

09.01.2017 в 00:28

Скорее всего, max-width у тебя просто не работает. max-width - это максимальная ширина блока, блок просто не может быть шире
Может и есть шире. Я же проверил с разными значениями. Было максимум 888, теперь я могу максимум сделать шире (и шире 1000, нет, это ограничение не работает с таким кодом, к счастью, почему - я не знаю).

URL

09.01.2017 в 00:43

Проверяем повторно:

1
width:98%; max-width:1000px; min-width:490px;

2
width:888px;

3
width:98%; max-width:1200px; min-width:490px;

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

URL

09.01.2017 в 00:56

Демонстрирую картинку и вёрстку

URL

09.01.2017 в 01:13

Аноны, в постах проверяйте, в черновиках - где угодно. Не в комментариях. В комментариях у дайри другая логика почему-то) И не img, а блоком div, у вас же не вся верстка идет картинками) Короче, понял, пойду сам проверю. Вполне возможно, что это у меня какой-то очень глючный акк, на дайри такое тоже бывает))

Может и есть шире. Я же проверил с разными значениями. Было максимум 888, теперь я могу максимум сделать шире (и шире 1000, нет, это ограничение не работает с таким кодом, к счастью, почему - я не знаю).
Нет, анон, ты не понял) Это свойство css такое, ограничивает блок по ширине "сверху") Если ты не хочешь, чтобы ширина блока ограничивалась, ты это свойство просто не используешь, вот и все. Тогда браузер будет использовать свойство width, а оно у тебя как раз в процентах.

URL

09.01.2017 в 01:23

Нет, анон, ты не понял) Это свойство css такое, ограничивает блок по ширине "сверху") Если ты не хочешь, чтобы ширина блока ограничивалась, ты это свойство просто не используешь, вот и все. Тогда браузер будет использовать свойство width, а оно у тебя как раз в процентах.
Я и теперь не понял, но мне похуй, честно говоря. Спасибо анону с блоками за помощь с конкретикой.

URL

09.01.2017 в 01:24

Нашел, в чем дело! :-D

:-D

Кто бы мог подумать, а. Если не указывать min-width, то все происходит так, как я и говорил: на платном акке max-width обрезается до 1000 пикселей, на бесплатном - до 888... но - магея! чудо! дайри! - стоит указать min-width, и чудесным образом эта хрень перестает обрезаться. Будь проклят тот день, когда я сел за баранку этого пылесоса...

URL

09.01.2017 в 01:26

Я иногда вообще не понимаю, как дайри ещё работает :lol:

:lol:

URL

09.01.2017 в 01:27

Я и теперь не понял, но мне похуй, честно говоря.
Ок, попытка последняя: для твоих целей тебе просто нужно прописать width в процентах, и все. width:90% или что там у тебя. Убирай все max-width и min-width, они тебе не нужны. Вот как во втором блоке у анона с блоками, только не в пикселях, а в процентах.

URL

09.01.2017 в 01:31

Не за что.
Приносивший блоки анон

:ps:

:ps:

Три с половиной года назад анон попробовал верстать, так как в нашей микрокоманде никто не умел, включая анона. Сейчас анон уже успел сверстать с полдюжины постов набора на ЗФБ-2017. Будь проклят тот день, когда я сел за баранку этого пылесоса... Хочется уже писать не только код. Я же райтер! Я же артер! Я же крафтер! Я же бета! Нет, я в первую очередь верстальщик... Хнык...

URL

09.01.2017 в 01:32

Ок, попытка последняя: для твоих целей тебе просто нужно прописать width в процентах, и все. width:90% или что там у тебя. Убирай все max-width и min-width, они тебе не нужны.
Ок, так понятно. А тогда на очень широком мониторе картинку не растащит на стопиццот пикселей ширины? Хотелось бы, чтобы максимум ширины у картинки всё-таки был по оригиналу, а не как расплющит.

URL

09.01.2017 в 01:35

* Анон ошибся, это было два с половиной или три года назад.

URL

← Предыдущая Первая ... 30 31 32 33 34 35 36 Следующая → Последняя