Тред 1, Тред 2, Тред 3 (этот)


Ранее

Пишет Гость:
27.10.2018 в 10:18

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

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

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

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

Ссылка на полезные генераторы: ТУТ ДОХРЕНА ВСЕГО. Там генератор таблицы аватаров, баннеров, и разбив макси на комментарии, и еще куча всего.

Очень подробный мануал от WTF Battle: О выкладке больших текстов с тегом iframe

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

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

Комментарии
26.01.2020 в 22:46

Нужно - файл - публикация в интернете
Да, я проставил публикацию в сети. Но ссылка всё равно выдаётся edit?usp=sharing :abuse:
26.01.2020 в 23:22

Да, я проставил публикацию в сети. Но ссылка всё равно выдаётся edit?usp=sharing

Ты уверен, что все правильно натыкал? Я только что попробовала на пяти разных файлах, везде выдает то, что нужно.

Вот картиночка. Ты отсюда берешь ссыль?

тык
26.01.2020 в 23:57

Или с padding'ом в ширину полей. Вечно путаю, как лучше.

забудь вообще про паддинг. внутрь див с шириной 90% от родительского и марджин авто ему, чтоб посередине встал.
27.01.2020 в 00:01

забудь вообще про паддинг. внутрь див с шириной 90% от родительского и марджин авто ему, чтоб посередине встал.
Логично, хотя тогда поля будут меняться в размерах в зависимости от ширины окна.
Я же говорю: я дилетант, я по очереди пробую несколько разных вариантов и смотрю, что получится. Не сломалось - уже победа.
27.01.2020 в 00:44

Логично, хотя тогда поля будут меняться в размерах в зависимости от ширины окна.
так это хорошо как раз. на мобиле бы твои сорок пикселей полэкрана заняли. а пять процентов и на мобиле пять процентов.
27.01.2020 в 01:07

Вот картиночка. Ты отсюда берешь ссыль?
Хм, вот это окно он мне не выдавал ни разу

Я тыкал в расширенные настройки, выбирал опубликовать, а дальше у меня были только ярлыки жмайла и фб :facepalm3:
27.01.2020 в 05:54

ох, читаю это все и думаю пойти кому-нибудь верстальщиком в команду.
31.01.2020 в 14:27

Можно ли на АО3 как-нибудь реализовать моря?
31.01.2020 в 14:52

Можно ли на АО3 как-нибудь реализовать моря?
гипотетически можно попытаться через то, как это выглядит на самом diary. Но судя по виду их кода, выйдет вряд ли.

Я нормальные якоря как-то настроил для сносок на АО3, но они работают только при разбитии текста на главы. В простыне - уже другие ссылки и всё сносится.
Так что с морями может и выгорит, но вряд ли будет удобоваримо реализовываться.

31.01.2020 в 15:00

моря это не цсс и хтмл, это уже JS, так что если у АО3 нет возможностей - нельзя
31.01.2020 в 16:01

моря это не цсс и хтмл, это уже JS, так что если у АО3 нет возможностей - нельзя
Посмотри в код у дайри. Они это спокойно реализовали через ебанутые внутренние ссылки и классы, никакого JS в помине нет
31.01.2020 в 16:25

Посмотри в код у дайри. Они это спокойно реализовали через ебанутые внутренние ссылки и классы, никакого JS в помине нет
ну-ка ну-ка. Расскажи коль такой умный. Особенно после смены дизайна. Покажи нам пример, убеди нас. :lol:
31.01.2020 в 16:34

Покажи нам пример, убеди нас.
Открой кодировку страницы любой страницы, где есть море, и посмотри :lol:
31.01.2020 в 17:09

Я не знаю, как мне поможет кодировка любой страницы, когда у меня АО3 убивает свойства дивов ширину у картинок
:weep3:
31.01.2020 в 17:18

Я не знаю, как мне поможет кодировка любой страницы, когда у меня АО3 убивает свойства дивов ширину у картинок
а задать напрямую в картинке через width или style="width: xx; max-width: xx; min-width: xx;" не пробовал?
31.01.2020 в 17:21

Пробовал, сохраняю черновик, стайл исчезает
31.01.2020 в 17:36

Пробовал, сохраняю черновик, стайл исчезает
Стайл у дива или стайл у изображения?
31.01.2020 в 17:49

на ао3 лучше все верстать через скины и цсс, а не непосредственно в посте.
01.02.2020 в 04:07

на ао3 лучше все верстать через скины и цсс, а не непосредственно в посте.
Анон, спасибо, через скины заработало :dlike:
02.02.2020 в 16:53

Чтобы не быть голословным в теме панеки, я пришел к вам спросить, не как погромист (которых бесконечно уважаю), а как полулапчатый юзер. На верстку (и иногда не самую простую) в дайриках меня хватало, просто фички на Архив я тоже не первый год кладу.

А вот как эти ваши скины выглядят - не представляю даже. И можно ли задавать фон и делать кнопочки и вообще, штуки в духе Захолустья, например.
09.02.2020 в 16:04

Аноны, я что-то не понял, а разве раньше на дайри не работал style для картинок? Верстал челлендж - чуть не убился, в адаптивной версии вёрстка резиновая, в неадаптивной - картинки как гвоздями приколочены. Пока додумался ширину картинками написать через width, а не через style...
09.02.2020 в 16:44

в адаптивной версии вёрстка резиновая, в неадаптивной - картинки как гвоздями приколочены.
В смысле? оО
у меня и через width и через style прописывается окнорм
09.02.2020 в 16:46

А вот как эти ваши скины выглядят - не представляю даже.
тут анон внёс инструкций
www.diary.ru/~WTF-Inside/p218960202.htm?from=10...
09.02.2020 в 16:53

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

Я всё сверстал в неадаптиве и ничего никуда не уползло. Но тут вопрос, что ты исходно прописывал в style. Внесёшь код?
09.02.2020 в 17:38

Но тут вопрос, что ты исходно прописывал в style
Что-то типа

Либо (пробовал оба варианта)

И оно работало только в адаптиве. А в недаптиве сработало так (+на всякий случай указал максимальную ширину таблицы)

(Это засовывалось в ячейку таблицы, у которой была указана относительная ширина самой таблицы и относительная ширина столбцов.)
09.02.2020 в 18:23

Блин, с этого надо было начинать :lol:
Таблицы на дайри это магия, анон. Ты можешь хоть заописываться размерами через max-width, но картинку будет пидорасить в любую сторону. Нажал на more в соседней ячейке и понеслось. Поэтому идеальный вариант для вставки картинок в таблицы это: прописать ширину ячейки, прописать ширину таблицы, прописать через width стабильный размер изображений, и чтобы наверняка ещё и само изображение этой ширины сделать.
09.02.2020 в 18:29

Таблицы на дайри это магия, анон.
Честное слово, до этого никогда не было проблем с таблицами. :shy:
Я очень примитивный анон, я всё примитивно делаю - и раньше оно работало.

Ты можешь хоть заописываться размерами через max-width, но картинку будет пидорасить в любую сторону.
Да никуда её не пидорасило, просто не работало масштабирование - картинки не ужимались при сужении окна браузера. То есть в адаптиве ужимались как надо, а в неадаптиве - фиг.
Я ж себе адаптив включил, потому что поначалу казалось, что с ним проблем больше.

Нажал на more в соседней ячейке и понеслось.
С морем-то понятно, ему место надо. Но у меня не было никаких морей. Ничего, блин, не было сложного!
09.02.2020 в 18:43

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

По моем опыту, вёрстка на дайри это не применение правил, а набор костылей на все случаи жизни. Так что ты молодец, что нашел выход, выкинув style и прописав размер через прямой атрибут ;)
10.02.2020 в 02:33

Ничего, блин, не было сложного!
А сам дайри уже не считается что ли?

Расширенная форма

Редактировать

Подписаться на новые комментарии
Получать уведомления о новых комментариях на E-mail