вторник, 02 июня 2020
00:42

Осваиваем ярмарку

все записи пользователя в сообществе Котики Инсайда
Ешь, молись, собирай ссылки.
Тред для обмена опытом и идеями (а также кодами) верстальщиков на АО3

1. туториал по всплывашкам и сноскам, на АОЗ (англ)
2. Как добавить ссылку, используя разметку HTML? (англ)
3. Как сделать море (рус)
4. Варианты стандартной верстки подложка/тени/рамки (англ)
5. Макет визитки анона с котиками
6. Пример всплывашки на css (рус)
7. Моря с ограничением (рус)
8. Рабочий пример с левым и правым углами (рус)
9. Теги, разрешенные на АОЗ (англ)
10. css свойства, разрешенные на АОЗ (англ)
11. Минигайд анона с котиками
12. сайты, с которых АОЗ поддерживает вставку медиа
13. Как сделать изображения подходящими для мобильных браузеров (англ)

@темы: Верстка, АО3, Все хорошо

URL
Комментарии
17.04.2020 в 19:17

Гость
Отложенные работы вот так видны archiveofourown.org/users/твой логин/readings?show=to-read И на каждой карточке пометка, когда она заложена. Вот бы такую пометку выдавать в общем поиске по сайту, если карточка заложена.

Опять же, в общем поиске нет никаких поменток, увы.
URL
17.04.2020 в 20:27

Гость
Да, я уже понял, что ничего не выйдет. Но все равно спс за дискуссию :heart:

Зато научился выделять статистику в карточке другим цветом. Мне так удобнее. Тут задается

Цвет свой, конечно, можно подставить.
URL
19.04.2020 в 18:32

Гость
Прошу прощения, если где-то было, но я не нашла. На ао3 можно сделать прицельную кликабельную ссылку на какую-то другую работу на этом же ао3?
URL
19.04.2020 в 18:46

Гость
Прошу прощения, если где-то было, но я не нашла. На ао3 можно сделать прицельную кликабельную ссылку на какую-то другую работу на этом же ао3?
Эм... да? Через тот же код, что и на дайри. Они работают в примечаниях к работе, в поле самой работы и в комментариях. Если я правильно понимаю твой вопрос.
URL
19.04.2020 в 19:30

Гость
Через тот же код, что и на дайри. Они работают
У меня ничего не получается. Видимо, не то делаю. Вот это надо?

URL
19.04.2020 в 19:32

Гость
О, его и тут не видно.
URL
19.04.2020 в 20:20

Гость

Все работает
URL
19.04.2020 в 22:11

Гость
Все работает
спасибо, анон! :heart: Теперь все в порядке.
URL
31.05.2020 в 22:32

Гость
Народ, нужен совет по ао3 верстке.
Дано: есть блок див который очерчивает пространство рамкой. Есть хэддер, который помещен в рамку. В скине задана и максимальная, и минимальная широта хэддера в численном значении + указано width 100%
Проблема: в экранной версии между границей рамки и хэддером есть небольшое расстояние с правой и левой стороны. В мобильной хэддер соприкасается с рамкой.
Что надо: чтобы и в экранной версии не было расстояния между рамкой и хэддером
URL
01.06.2020 в 21:47

Гость
Анончики, я немного с мороза, но внезапно верстаю свою команду.
Посмотрел на старые свои верстки, посмотрел на теги аоза и хочу спросить такую вещь. Ну не нашел пока сам, вдруг вы подскажете.
Был волшебные тег textarea, который я юзал вместо встроенного дайревского CODE. Как с ним обойтись на аозе? В тегах, разрешенных на аозе, я его не вижу.
URL
01.06.2020 в 22:09

Гость
Как с ним обойтись на аозе?
Анон, если тут тебе не ответят, попробуй еще спросить в дискорде ФБ, там тоже отдельная тема для этого есть (или отправь кого-то из команды пойти и спросить).
URL
02.06.2020 в 01:05

Гость
Был волшебные тег textarea, который я юзал вместо встроенного дайревского CODE.
Мне кажется, что на ао3 он не поддерживается. Но можно самому прописать такой класс и применять его к тегам

,

и так далее. Вот тут примеры как сделать текстовые боксы. Только рамку еще прописать к ним. Может пригодится

archiveofourown.org/works/15685086/chapters/476...


URL
02.06.2020 в 01:06

Гость
Применять к тегам < p>, < div>
URL
02.06.2020 в 01:23

Гость
Вот тут примеры как сделать текстовые боксы. Только рамку еще прописать к ним. Может пригодится
не подходит, если анону надо именно коды. правда, я не ебу, зачем анону коды на ао3, но допустим. содержимое textarea/CODE можно легко скопировать, а тут придется ручками.
URL
02.06.2020 в 01:33

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

Аааа, тогда не подходит. Не знаю зачем анону команда кода на ао3. Есть предположение, что хочет оформить строку с названием работы для голосования. Типа, вот просто скопируйте.
URL
02.06.2020 в 12:52

Гость
правда, я не ебу, зачем анону коды на ао3
Анон хочет по старинке закидывать в выкладки красивый баннер, чтоб утаскивали ><
URL
02.06.2020 в 14:54

Гость
анон, если тебя для того, чтобы положить код баннера, то и используй тег code, в угловых скобках ессно, а не в квадратных, как здесь. он создан для того, чтобы в него можно было писать любой код и он бы выглядел как текст, а не исполнялся браузером. а уж оформить его внешне можно как угодно. рамочка там, тенюшки, фончик и прочая ебала.
URL
02.06.2020 в 15:07

Гость
если тебя для того, чтобы положить код баннера, то и используй тег code, в угловых скобках ессно, а не в квадратных
Кто-то в дискорде так уже пробовал, в угловых, писал что ничего не вышло.
URL
02.06.2020 в 15:14

Гость
пичаааалька.
URL
02.06.2020 в 16:34

Гость
Очень ужна помощь!
Дано: читатели/зрители на ао3 по желанию могут отключать авторские скины, старожилы ао3 утверждают, что так делают 99% зрителей/читателей. То есть задача верстальщика предусмотреть, чтобы все сверстанное в пост оставалось доступным для нормального просмотра и в случае отключения скинов.
Дано 2: видео с ютуб, встроенное на ао3, при подключенных авторских скинах адаптивное, при отключении авторских скинов таковым ессно быть перестаёт и с мобильника отражается так, что часть выходит за пределы зоны видимости. Если уменьшить width="__" height="___", тогда с компа видео становится слишком мелким, что тоже не есть хорошо.

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

Что делать с видео ума не приложу. Может кто то знает возможно ли вообще только средствами html, причем средствами разрешенными на ао3, сделать видео хотя бы условно адаптивным?

все обнаруженные мною на ао3 видео, без подключенных скинов , с экранов мобильников выглядят обрезанными, из чего я делаю вывод, что скорее всего решения нет, но я должна спросить, а вдруг
URL
02.06.2020 в 16:43

Гость
Что делать с видео ума не приложу. Может кто то знает возможно ли вообще только средствами html, причем средствами разрешенными на ао3, сделать видео хотя бы условно адаптивным?
Анон, все просто: напиши в примечаниях, что авторский скин используется для адаптивного отображения видео, и тот, кто его отключит, сам себе злобный буратина. И не еби себе мозг :gigi:
URL
02.06.2020 в 16:51

Гость
width="__" height="___"
нельзя вот это делать в %?
URL
02.06.2020 в 16:52

Гость
Что делать с видео ума не приложу. Может кто то знает возможно ли вообще только средствами html, причем средствами разрешенными на ао3, сделать видео хотя бы условно адаптивным?
А что мешает зрителю смотреть на ютубчике? Ссылку присобачьте + напиши в примечаниях, что авторский скин используется для адаптивного отображения видео, и тот, кто его отключит, сам себе злобный буратина
URL
02.06.2020 в 17:26

Гость
напиши в примечаниях, что авторский скин используется для адаптивного отображения видео, и тот, кто его отключит, сам себе злобный буратина. И не еби себе мозг
Ссылку присобачьте +
По видимому так и сделаю, спасибо ).

width="__" height="___"
нельзя вот это делать в %?
Увы нет, у height так не работает, для этого элемент нужно абсолютным сделать, а это уже css, то есть тот самый отключенный скин(
URL
02.06.2020 в 17:27

Гость
Увы нет, у фрейма height так не работает
В комменте выше пропустила фрейм
URL
02.06.2020 в 19:14

Гость
старожилы ао3 утверждают, что так делают 99% зрителей/читателей
а пруфы у них есть?
скины отключают тогда, когда они мешают. если у тебя в скине ничего нет, кроме адаптивности картинок-видео, то его не отключат. если у тебя есть еще куча раздражающих свистоперделок, то читатели при отключении и так будут ожидать, что не все может работать идеально.
URL
02.06.2020 в 19:15

Гость
Да уж, я тоже об это накололся, сделал фрейм в процентах - на мобильнике видео нормально, на компе сплющено в высоту. Правда когда проигрываешь, оно нормальным становится.
URL
02.06.2020 в 19:23

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

Аноны, я тут чо подумал. А что за свистоперделки вы делаете? Я вот осознаю, что я в визу положу то, что работает без особых хлопот (кроме размерчиков): клип, кое-какие картинки и все. А что у вас сложного в коде?
URL
02.06.2020 в 19:25

Гость
А что у вас сложного в коде?
ничего. у нас в принципе не будет ничего, кроме подгонки размеров визуала и высплывашек в тексте.
URL
02.06.2020 в 19:35

Гость
скины отключают тогда, когда они мешают.

А потом не включают.
Насколько помню, галка смотреть или не смотреть в скинах автора ставится одна на всех, никто не будет лазить её включать-выключать ради каждого отдельного автора.
URL

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

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

Подписаться на новые комментарии