место в рейтинге
  • 415009
  • 11143
  • 405
Нравится блог?
Подписывайтесь!

Человеческая верстка постов

Данная запись, возможно, покажется нужной как и старичкам, так и новичкам на Юви.

Бывает, что посты просто нереально читать из за хреновой верстки или из-за того, что блогер хочет всем и каждому показать, как он владеет 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://im8.asset.yvimg.kz/userimages/robin_hood/324/Z420bZJN6J7Px2i5uF8dAK91uaw2hl-origin.jpg" alt="" width="200" align="left" />

Разумеется, что вместо "http://im8.asset.yvimg.kz/userimages/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>

И последнее: Люди, вы прежде всего пишете не только для себя или своей эмо-подруги, которая любит розовый текст на черном фоне, но и для простых людей, у которых подобная цветовая гамма вызывает не только раздражение, но и нервный тик у некоторых, в частности, у меня.

Логика проста: Чем ебанутее сверстан пост, тем меньше в следующий раз будут к вам заходить люди. Меньше людей - ЧСВ падает. А там и до ожирения недалеко))

Шутка, конечно, но задумайтесь.

Спасибо, что прочли. Чмоке

18 октября 2011, 22:11
1080

Загрузка...
Loading...

Комментарии

SiM
0
0
Зачетно, то,что надо,а то я плохо не умею пользовать этой хтмл,а это наверно научит, твой пост хорошо.)))))
Да там все легко.
Бери и пользуйся))
SiM
0
0
дык, ща твой пост у мя в кладке, время будет почитаю и...буду пользоватся)))))
izzya
0
0
напишите ещё про то как заполнять качественным содержанием
Абсурдопедия :-)
izzya
0
0
то-то я смотрю здешние посты такие знакомые
А тут уже от травы зависит))
У тебя ведь есть интересное содержание.
Если б ты не прятал бы весь текст под катом, вашпе было бы замечательно))
для меня очень тяжело по НТМЛ. не секу.:(
ХТМЛ простой, а вот CSS, который тут местами, он посложнее.
спасибо! постараюсь освоить. но в некоторых вопросах я ужасный чайник и непроходимая тупица. стыдно. :(
Да там просто, Ди.
Если что обращайся - подсоблю
О, за цитаты в тексте спасибо.
Уау.. круто.. у меня тоже мания ставить многоточие ну ни каак не могу с ним справиться.. =) Много чего полезного прочитала и узналаа... Спасибо =)
Бывает))
Пожалуйста
спасибо. я и половины не знал из того что тут написано... буду пробовать...
Эти моноблоки жуть как не люблю. Текст постоянно теряется. Такое, даже с интересным названием, кидаю в топку...
Вот-вот.
С абзацами реально легче читать
limass
0
0
во класс.. пойду повыебываюсь перед киргизскими блогерами ))
limass
0
0
вот скажи что за фигня со вставкой видео с ютуба? html код видео с ютуба после вставки на юви меняется на квадратик с высотой и шириной в 100 на 100px, приходится переключатся и менять размер уже вручную. Не для киргизов прошу, для себя) Пользуюсь chrome)
Ты знаешь, как-то давно не вставлял видео.
Щас попробовал и нормально. Тоже chrome.
Я не знаю, почему именно у тебя так.
Попробуй обновить до версии stable - возможно ты юзаешь бету
в моцилле та же..х) код с ютуба все ровно, 390 на 640px. Магические свойства вставки видео аудио на юви.. изменяют на 100 - 100px меняя местами height and width..
Спасибо за тесты) бум пробовать че нить как нить)
Для тех, кому ваще лень, есть вот такая херота - htmlka.com
Спасибо, кэп! :-))) Шутка, хороший пост!
Пасаны должны заценить))
Наконец-то смогу нормально вставлять картинки. А то они столько места жрут и текст разрывают. Спасибо, мистер Робин.
отличный, полезный пост!
Akiro
0
0
говорил же я, что тот кто напишет пост как верстать получит реальную благодарность!
ВОТ ОНА РЕАЛЬНАЯ БЛАГОДАРНОСТЬ. =)
от меня.
в избранное.
Я наоборот, думал, что будет много комментов вида: "спасибо, кэп".
Очень приятно, спасибо))
Akiro
0
0
много каментов "спасибо кэп" это в моем последнем посте. =)
а это реально полезная штука. =)
Все для пользователей)
Mult
0
0
теперь все посты будут отшаманенными :)
В избранное!
юзай на здоровье)
я, в общем, в избранное как всегда добавила.
ну и, как обычно, зимой под НГ прочту.
и, может быть, ДАЖЕ буду следовать советам.
а ПОКА - МУЧАЙТЕСЬ И СТРАДАЙТЕ НЕСЧАСТНЫЕ ОТ МОЕЙ ХРЕНОВОЙ ВЕРСТКИ)))
лайк! керек ақпарат! Спасибо
спасибо,Робин..что нибудь из этого думаю применю)
а теперь попробуйте в ювижене выложить образец кода даже без семантической подсветки) попробовали? и не надо)))
В смысле?
Просто код в посте?
с пробелами нужной длины
Как всегда рада твоим поучалкам. Робин, ты няка! ^__^
няка... почти как кака))

Нет проблем, бро, юзай))
блин, когда читаю любую Вашу публикацию - улыбка не сходит с лица))) спасибо за юмор и полезные советы)
Гыгыг))
Приятно, пасиба)
Оо возьму на заметку!
А то я как-то не очень в редакторе шарю=)
Ой, забыла поцеловать в ответ.
Целую жарко.
Ежели сильно растаешь, дай знать-остужу.=)

Оставьте свой комментарий

Спасибо за открытие блога в Yvision.kz! Чтобы убедиться в отсутствии спама, все комментарии новых пользователей проходят премодерацию. Соблюдение правил нашей блог-платформы ускорит ваш переход в категорию надежных пользователей, не нуждающихся в премодерации. Обязательно прочтите наши правила по указанной ссылке: Правила

Также можно нажать Ctrl+Enter

Популярные посты

Юрист, пришедший в школу учителем по зову души, о главной проблеме системы образования

Юрист, пришедший в школу учителем по зову души, о главной проблеме системы образования

Алматинский учитель поставил диагноз системе, частью которой является образование. Будучи успешным юристом, имевший степень МВА, он вдруг развернул траекторию своей карьеры, став обычным учителем.
Zhumanova
22 сент. 2017 / 16:26
  • 10499
  • 33
«Это будут твои большие похороны». Гуф высказался о Скриптоните и Басте

«Это будут твои большие похороны». Гуф высказался о Скриптоните и Басте

Досталось и Скриптониту, который ранее опубликовал запись, о том, что больше не будет сниматься в клипе Гуфа и Тимати. "Я тебя ни о чем больше не попрошу, казах ты мой дорогой" - высказался рэпер.
tala03
21 сент. 2017 / 15:48
  • 4483
  • 12
«Честный взгляд» госслужащего: «Знала бы, что ты такой гнилой, я бы тебя не брала»

«Честный взгляд» госслужащего: «Знала бы, что ты такой гнилой, я бы тебя не брала»

Мы не такие блатные. Да, нас унижают руководители, возомнившие себя ханами, часто наши права не реализуются в должной мере. И я всегда задавался, почему на самом деле нет нормальных условий и льгот...
WriterKz
23 сент. 2017 / 0:41
Почему депутат Божко хочет ограничить приток сельской молодёжи в города?

Почему депутат Божко хочет ограничить приток сельской молодёжи в города?

Вице-спикер Мажилиса Владимир Божко остановился на некоторых деталях известного конфликта в Астане возле строящегося «Абу Даби Плаза», затронув проблему «многочисленной сельской молодёжи»...
openqazaqstan
19 сент. 2017 / 13:16
  • 3010
  • 72
Астана перестает быть городом-музеем, или Почему я хотел бы жить в столице

Астана перестает быть городом-музеем, или Почему я хотел бы жить в столице

Наш главный город страны стал избавляться от уже вполне неуместных моветонных клише, которые громоздились над ней, как черное облако над Мордором.
tentser
22 сент. 2017 / 21:04
  • 2122
  • 74
Дагестанские «миротворцы» борются за справедливость в Мьянме на улицах Москвы

Дагестанские «миротворцы» борются за справедливость в Мьянме на улицах Москвы

Парней начали осуждать за поступок в социальных сетях. Популярные группы Кавказа назвали выходку парней дикой, и пояснили, что они позорят нацию и религию.
tala03
20 сент. 2017 / 16:42
  • 1699
  • 53
Время забыть безумные траты молодости: навыки, которыми ты должен овладеть к 30 годам

Время забыть безумные траты молодости: навыки, которыми ты должен овладеть к 30 годам

Смысл бюджета в том, чтобы знать, куда ты, блин, потратил бабки. В том, чтобы в конце месяца, ты сел, почитал свои записи и понял, какой ты придурок. И принял уже наконец здравое решение, что куда идет.
Lesch
24 сент. 2017 / 21:03
  • 1400
  • 45
Как КНДР «уничтожила» американские самолеты и авианосец

Как КНДР «уничтожила» американские самолеты и авианосец

Серию коллажей, показывающую как ракеты КНДР нанесли поражения американским самолетам, продемонстрировали в северокорейских СМИ.
tala03
24 сент. 2017 / 17:58
  • 1400
  • 10
Заметка №16. «Burger shop». Съесть и не обляпаться практически невозможно

Заметка №16. «Burger shop». Съесть и не обляпаться практически невозможно

Если честно, для нас формат заведения был в диковинку - раньше нам доводилось есть бургеры в сетевых ресторанах фаст-фуда или же в заведениях, где кроме бургеров подают еще много разных блюд.
zhanuska_checkedboe
19 сент. 2017 / 15:12
  • 1451
  • 16