Данный пост не несёт смысловой нагрузки, это тест.
Дело в том, что я привык, что фотографии у меня имеют отступ сверху и снизу в 4 пикселя, по бокам – по 10 пикселей, а рамка воспроизводится чёрными точками и толщиной в 1 пиксель. Всё это требовало внесения в тэг <img … /> дополнительно аттрибута style="border: 1px dotted black; margin: 4px 10px". Кроме этого описание использованой техники привычно выводилось шрифтом размером 7 пунктов и серым цветом, что требовало опять же отдельного аттрибута style="font-size: 7pt; color: gray" в теге <span …>, которым выделялся данный текст.
В какой-то момент глупого бледнолицого задолбало набирать это пальчиками для каждого поста и он вспомнил, что в оформлении большинства стилей ЖЖ присутствует раздел Custom CSS (у меня Журнал – Настроить стиль журнала – Custom CSS), куда можно вписать ряд "правил" оформления отдельных элементов. Дабы не похерить уже имеющиеся элементы дизайна и уменьшить количество кода для втайпывания, были добавлены два класса для элементов IMG и SPAN соответственно:
img.myimage { border: 1px dotted black; margin: 4px 10px; }
span.TTX { font-size: 7pt; color: gray; }
Что повлекло за собой несколько более простое написание кода для кастомного оформления картинок – теперь в IMG надо добавить лишь class="myimage", а в SPAN – class="TTX". То-есть, экономия получилась в размере на 38 знаков меньше для каждого тега картинки и на 25 – для тэга SPAN.
Разумеется, туда можно впихнуть куда больше прибамбахов – ведь поддерживается по сути весь инструментарий, предлагаемый CSS, но мне даже упомянутого выше оказалось достаточно. Дальнейшее усовершенствование – прописать стили так, чтобы определение элемента бралось из его контейнера, но пока что мне очень и очень лень, т.к. надо разбираться в IDшках элементов стилей ЖЖ.
Попробуем с картинкой в 900 пикселей. Если уж будет совсем много – не серчайте. Мне всё равно более или менее пофигу гыгыгы =) шютка!
ТТХ: EOS 3, Tokina AF 280 AT-X Pro, Fomapan 100 classic, Fomadon R09