Ешь, молись, собирай ссылки.
Тред для обмена опытом и идеями (а также кодами) верстальщиков на АО3
1. туториал по всплывашкам и сноскам, на АОЗ (англ)
2. Как добавить ссылку, используя разметку HTML? (англ)
3. Как сделать море (рус)
4. Варианты стандартной верстки подложка/тени/рамки (англ)
5. Макет визитки анона с котиками
6. Пример всплывашки на css (рус)
7. Моря с ограничением (рус)
8. Рабочий пример с левым и правым углами (рус)
9. Теги, разрешенные на АОЗ (англ)
10. css свойства, разрешенные на АОЗ (англ)
11. Минигайд анона с котиками
12. сайты, с которых АОЗ поддерживает вставку медиа
13. Как сделать изображения подходящими для мобильных браузеров (англ)
1. туториал по всплывашкам и сноскам, на АОЗ (англ)
2. Как добавить ссылку, используя разметку HTML? (англ)
3. Как сделать море (рус)
4. Варианты стандартной верстки подложка/тени/рамки (англ)
5. Макет визитки анона с котиками
6. Пример всплывашки на css (рус)
7. Моря с ограничением (рус)
8. Рабочий пример с левым и правым углами (рус)
9. Теги, разрешенные на АОЗ (англ)
10. css свойства, разрешенные на АОЗ (англ)
11. Минигайд анона с котиками
12. сайты, с которых АОЗ поддерживает вставку медиа
13. Как сделать изображения подходящими для мобильных браузеров (англ)
-
-
03.03.2020 в 22:08-
-
03.03.2020 в 22:11вчера пытался сделать всплывашки на ао3 через content: attr (как, например, по ссылке того анона -- tproger.ru/digest/modern-css/)
но ао3 не принимает такой атрибут
кто-нибудь уже пытался сделать так, как реализовано в классах дайри?
-
-
03.03.2020 в 22:15попробуй через htmlbook.ru/html/abbr
стандартная штука.
-
-
03.03.2020 в 22:18стандартная штука.
но аббр и тайтл не работают с тапков, в этом проблема
-
-
03.03.2020 в 22:20-
-
03.03.2020 в 22:23Note: this does not work for mobile users.
-
-
03.03.2020 в 22:29и работают ли там якоря?
-
-
03.03.2020 в 22:37но оно вроде и на дайри только на картинках работало?
-
-
03.03.2020 в 22:39оно по умолчанию сделано для пунктов меню текстом, это юзеры приспособили под картинки, так что не может быть такого анон
-
-
03.03.2020 в 22:40а можно откуда-нибудь пример того, как оно работало с текстами? у меня не получается сделать
-
-
03.03.2020 в 22:48Так, проверил.
Итого, высплывашки АО3:
• работает htmlbook.ru/html/abbr
• работает дайрераздел static.diary.ru/style/journal.css /* Popups */
• дайрераздел работает и на тексты и на картинки
-
-
03.03.2020 в 22:51я забывал подключить скин к работе
-
-
03.03.2020 в 23:10у меня работали, но только при разбитии на главы. Как только текст превращался в полотно, якоря превращались в тыкву
потому что юрл менялся-
-
03.03.2020 в 23:13выше внесли тексты как раз про якоря
archiveofourown.org/works/20192773
-
-
03.03.2020 в 23:18-
-
03.03.2020 в 23:21www.archiveofourown.org/faq/formatting-content-...
-
-
03.03.2020 в 23:24Поэтому мой совет: задавай вопросы по факту (и чем ближе будет битва, тем больше вероятность, что скорее всего ответ будет уже у кого-то, но если задашь раньше, то есть вариант, что его начнут искать): мне нужны всплывашки, мне нужны резинки, мне нужны /вставить что-то/, помогите, мне пожалуйста - и тогда мы придем и поможем.
если не сможешь - забей, на визитках спиздишь лучшие идеи у других команд, а потом применишь через битву или на деаноне (лол, как правда деанон там делать, там вообще такое нахуя? :lol
-
-
03.03.2020 в 23:30this
-
-
03.03.2020 в 23:30-
-
03.03.2020 в 23:31-
-
03.03.2020 в 23:31-
-
03.03.2020 в 23:32у зимнего треда в шапке был ссылка кажется
-
-
03.03.2020 в 23:37ссылка href="#море" читать дальше /ссылка
див id="море"
текст, который нужно развернуть
/див
/див
цсс:
#море {display: none}
#море:target {display: block}
-
-
03.03.2020 в 23:41как им задать ширину с учетом содержимого?
в дайрикоде по умолчанию ширина 300 и прозрачный фон, но если делать белый фон (чтобы было нормально видно на тексте), то это палевно
если просто ставить в процентах, то он опирается на ширину текста, к которому подсказка, а не на самую подсказку
-
-
04.03.2020 в 00:02завтра буду пробовать
-
-
04.03.2020 в 14:38а че мешает в пикселях указать?
-
-
04.03.2020 в 14:57пока так и сделал, но это выглядит некрасиво при слишком коротких (остается большое пустое поле) или длинных (получается колбаса) примечаниях
в принципе и так сойдет, но в идеале хотелось бы автоматическое масштабирование этого
+ если всплывашка попадает на последнее слово в строке, то она отображается не поверх полей, а режется, и примечание не видно
что можно сделать? там уже и абсолютное позиционирование, и z-индекс 9999..., но не робит
-
-
04.03.2020 в 15:18попробуй с родительским элементом че-то сделать. указать ему абизательно позишн релейтив и з-индекс тоже.
-
-
04.03.2020 в 15:25это все тоже уже есть
-
-
04.03.2020 в 16:02Ставлю код, примерно такой:
А эта тварь мне его сохраняет так:
Вставляет ДВА ебучих лишних пустых абзаца! Удаляю - опять вставляет! Удаляю абзацы совсем, до состояния "всё в одну строчку кучей" - всё равно вставляет!
ЗА-Е-БА-ЛО!