Данная запись, возможно, покажется нужной как и старичкам, так и новичкам на Юви.
Бывает, что посты просто нереально читать из за хреновой верстки или из-за того, что блогер хочет всем и каждому показать, как он владеет HTML и CSS.
Здесь вы узнаете:
- Как сделать так, чтобы фотки были в тексте, а не под или над ним;
- Как красиво вставить цитату или маленький блок текста в запись;
- Как НЕ надо верстать посты;
- Как повысить читабельность своего блога, чтобы не надо было в ужасе закрывать глаза руками от вашей неебически-феерической фантазии в оформлении поста.
Заголовки и подзаголовки
Периодически я натыкаюсь на посты, которые озаглавлены Вот такими вот, блеать заголовками.
Так писать, естественно нельзя. Это неуважение к читателю и выглядит некрасиво.
Вообще хорошим тоном считается придерживаться того стиля, который по дефолту стоит на платформе. Если хотите озаглавить какой-нибудь абзац, то нужно просто выделить его полужирным. Дешево и сердито.
Хотя есть разные варианты:
1)
<strong>
<span style="text-decoration: underline;">
Заголовок
</span>
</strong>
Заголовок
2)
<p style="text-align: center;">
<span style="text-align: center; padding: 0 50px 0 50px; background: #dcdcdc; color: #000;">
<strong>
Заголовок
</strong>
</span>
</p>
Заголовок
3)
<span style="font-size: 30px; line-height: 1;">
Заголовок
</span>
<hr />
Заголовок
Шрифт
Применяемый Agora Sans (Название шрифта) вполне себе читабелен. И не надо выебываться, меняя шрифт на что-нибудь типа Times New Roman. C недавнего времени я ненавижу шрифты с засечками.
Вполне себе нормально и читабельно будет текст делить на абзацы через каждые пять-десять строк. Помните, что абзац - это одна мысль. И что, абзац состоящий из тонны текста абсолютно, категорически нечитаем. Это жопа, а не текст получается.
Я практически смирился с тем, что местные обитатели любят применять огромное количество знаков препинания по поводу и без. Типичный представитель - я. Люблю, знаете ли, смайлики ставить после каждого предложения. Не знаю, мания ли, привычка ли))))) Но, бля, ставить по 3-10 восклицательных или вопросительных знаков после предложения - это та еще неистребимая хрень. Следите за пальцами, что ли.
Расположение картинок
Некоторое время назад я не знал, как нужно располагать картинки, чтобы они были внутри текста.
Теперь знаю.
Странно, но это не работает, если текст заключен в цитату. И это печально.
Раньше я делал это с помощью таблиц. Но потом понял, что это маразм и решил делать как нормальные верстальщики - без вских костылей. Таблицы все-таки предназначены для структурированного показа информации, а не для выравнивания рисунка по центру.
Вот код для вставки:
<img style="padding: 10px;" src="http://storage.yvision.kz/images/user/robin_hood/324/Z420bZJN6J7Px2i5uF8dAK91uaw2hl-origin.jpg" alt="" width="200" align="left" />
Разумеется, что вместо "http://storage.yvision.kz/images/user/robin_hood/324/Z420bZJN6J7Px2i5uF8dAK91uaw2hl-origin.jpg" нужно вставить адрес вашей картинки.
А вместо align="left" можно поставить align="right" и рисунок будет справа от текста.
Цитаты в тексте
Цитата Основной причиной взаимной ненависти орков и эльфов является их любовь к различным видам спорта: эльфы больше всего любят игру «догони-орка-стрела», орки же в свою очередь любят игру «догони-эльфа-топор». Вот эти фундаментальные расхождения в мировоззрении и являются причинами орко-эльфийской вражды. Сергей Ветров |
Если вы хотите вставить какую-нибудь цитату или интересный факт слева от текста или справа, то здесь применяется такой же принцип, что и при вставке картинки.
К сожалению, div'ами здесь верстать не получается. И к сожалению приходится прибегать к помощи моих любимых таблиц.
Применение такого способа выделения цитат - очень интересное занятие. Вроде как текст, но в то же время можно выделить какую-либо умную мысль в процессе повествования или повторить, то что написано в основном тексте. Так сказать, для закрепления. Такое часто встречается во всяких зарубежных книжках.
Правильно говорят, что повторение мать учения.
Или можно тупо вставить какой-нибудь небольшой анекдот в тему повествования.
В общем, пространство для фантазии есть.
Вот код:
<table width="200" align="left">
<tbody>
<tr>
<td style="padding: 5px; font-size: 12px; line-height: 1.2;"><strong>Цитата</strong>Основной причиной взаимной ненависти орков и эльфов является их любовь к различным видам спорта: эльфы больше всего любят игру «догони-орка-стрела», орки же в свою очередь любят игру «догони-эльфа-топор».
Вот эти фундаментальные расхождения в мировоззрении и являются причинами орко-эльфийской вражды.
<em>Сергей Ветров</em></td>
</tr>
</tbody>
</table>
И последнее: Люди, вы прежде всего пишете не только для себя или своей эмо-подруги, которая любит розовый текст на черном фоне, но и для простых людей, у которых подобная цветовая гамма вызывает не только раздражение, но и нервный тик у некоторых, в частности, у меня.
Логика проста: Чем ебанутее сверстан пост, тем меньше в следующий раз будут к вам заходить люди. Меньше людей - ЧСВ падает. А там и до ожирения недалеко))
Шутка, конечно, но задумайтесь.
Спасибо, что прочли. Чмоке