Пилим псот

В процессе копипасты с Тупичка решил заодно запилить пост о том, как я это делаю. Может кому пригодится как базовое руководство по созданию постов.

Итак, первым делом я подготавливаю материал для копипасты, то есть сохраняю необходимые аудио/видео/фото объекты к себе на жёсткий диск:

После этого нажимаю на "Написать" и переключаюсь в визуальный режим редактирования:



Все основные действия происходят в окне редактирования текста. Блоки, обозначенные тегом "P" можно рассматривать как абзацы, над которыми можно производить независимые от других блоков оформительские фантазии, как например выравнивание текста:

 Номер 4

Как видите, каждый такой "абзац" имеет своё выравнивание. Это, пожалуй, главная особенность. Если весь текст предполагает единое выравнивание (я всегда выравниваю по ширине), то разбивать каждый абзац нет смысла:

Разделение на блоки делается клавишей Enter. Каждое нажатие создаёт новый блок, который можно использовать для текста, картинок или других объектов (флеш-объекты помещаются вне блоков P, но об этом как-нить в другой раз). Если нужно внутри блока просто перейти на следующую строку, то используется сочетание клавиш Shift+Enter.

Лично я разделяю блоками только текстовые и графические объекты, ибо первые я выравниваю по ширине, а последние - по середине.

Далее загружаем картинки для переноса их в пост:

Проверяем загруженные картинки, нажав кнопку "Открыть окно с картинками":

Внимание! В процессе загрузки картинок есть вероятность, что картинка не загрузится и, соответственно, не отобразится в окне! В этом случае её нужно снова загрузить.

Такая же ситуация может произойти и при вставке картинке в пост. Её так же следует снова загрузить и вставить.

На моей памяти процидурку загрузки картинки мне приходилось делать до 5-6 раз подряд - не хотела грузиться и всё. Кстати, по поводу вставки картинки в пост. Делается это просто: устанавливаете курсор в окне редактирования в то место, куда нужно вставить картинку и нажимаете на соответствующее изображение в окне загруженных картинок.

Далее идёт рутинная работа копипасты текста / вставки изображений, оформление поста (выравнивание, жирный шрифт, отступы абзацев и прочее).

После этого пишите "Заголовок", расставляете правильно теги (как это сделать - тут) и ставите кат. Тег "cut" отделяет то, что будет показываться на главной странице магспейсика от всего остального поста (вы ведь не хотите пролистывать 50 килобайт текста на главной странице?).

Как это делаю я. Для начала, я выбираю место, где будет стоять кат. В данном посте кат будет между двумя этими абзацами:

Потом я переключаюсь в режим простого редактирования кода и нахожу место между двумя этими блоками, в которое и втыкаю кат:

Да, руками. Как видите, я использую тег кат вместе с закрывающим и располагаются они прямиком между окончанием одного блока и началом другого.

После этого выбираете нужный блог и жмёте "Опубликовать".

  • avatar
  • .
  • +156

39 комментариев

avatar
Потом я переключаюсь в режим простого редактирования кода и нахожу место между двумя этими блоками, в которое и втыкаю кат:
Есть же кнопка "Разделитель". Или при его вставке (полосы), теряется некий шарж от задуманного поста?
А вообще давно идея гуляет по поводу не текстовой нагрузки мозга постирующего, а блок видеоуроков — и наглядно и offтайм поэтапно доходчиво.
  • Toff
  • +2
avatar
Есть же кнопка «Разделитель». Или при его вставке (полосы), теряется некий шарж от задуманного поста?

Смотри. Делаем два абзаца:



После установки «Разделителя» и нескольких переключений между визуальным и текстовым режимом (а я это делаю очень часто) получил такую хрень:



Мне проще руками воткнуть, чем потом лишние нагромождения редактировать.
avatar
О, я с этим тоже сталкивался, но — я редактировал лишние нагромождения.
avatar
Я очень чутко отношусь даже к лишним пустым строкам.

К примеру, если не поставить закрывающий кат, то движок его автоматически воткнёт. Только в конец поста. После чего засунет его в теги P и в результате визуально появляется пустая строка в конце поста. Бесит.

Или разделения между видеороликами. Ролики засовываются внутрь контейнера «див», который нихера нормально не обрабатывается. В результате, если засунуть ролик между двумя текстовыми блоками, то сверху всё буде нормально, а снизу текст будет практически прилипать к видео. Приходится в текстовом режиме отделять его тегом br.

В общем, тонкостей много.
avatar
Ошибка, его вставит в конце только визуальный редактор. Он не любит незакрытые и колбасит их. Если его не включать, не чего страшного. Можно рвать катом любые тэги, там дописана «защита от дурака», при выводе главной, все порванные закроются. Это не тонкости, это возможности оформлять как считаешь нужным. В текстовом режиме, после ролика, достаточно ткнуть перевод строки энтером все "\r\n" подменяться тегом br. Исходя из такой политики, «див» и не обрабатывается. (пример, фото с мелкой подпиью, отжатое к левой стороне страницы)
avatar
Визуальный режим? Не, не слышал!

avatar
Вот поэтому я все твои посты с играми раньше переделывал — слетало оформление.
avatar
Нj сейчас-то посты шикарны

avatar
Спасибо
avatar
Да, кстати, тебе и делал этот пост. Я ж, вроде как, обещал :)
avatar
Как сделать кат с любой надписью, вместо «Читать дальше»?
avatar
<cut name="Как сделать кат с любой надписью, вместо «Читать дальше»? ">
avatar
Вот эта тема!) Давно хотел узнать:)
avatar

Profit!!!
avatar
Визуальный режим? Не, не слышал!
:)
avatar
Копипаст 80 левела!!! Мастер класс.

Скачать
avatar
че то не показывает, а когда скачал, качество видео не але:)
avatar
Сейчас, когда все скачают (файл занят сотней скачек и попыток прочесть) я его подменю. Качество не алё, даже в оригинале. Не знаю чем скринкаст нормально сделать.
avatar
УФ. Видео работает…
avatar
Да Вы, сударь, хитрожоп! Ща распространится способ и все начнут топорно копипастить.
avatar
Я уже 7 лет хитрожоп. Это было написано с самого начала, ещё с невса. А Вы сударь, многостаночник. Я, не одобряю.
avatar
Какой есть, с тем и живём… живу. :)
avatar
Система сделана, не для тупого копипастинга, а для удобства обмена самым интересным,с минимальными усилиями (копипаст).
avatar
BSR Screen Recorder вот ею попробую!
avatar
CamStudio Рулез.
Смотри на полный экран.

Скачать

avatar
Через визуальный режим можно картинки тупо скопировать и вставить? О_о
avatar
Не больше 15-20. Иначе, как рассказано в посте. Подбирается методом проб и ошибок. Иногда может не вывезти.
avatar
а что за опрос о доме-2 фигурировал на 01:23?
avatar
Он не работает. Ну то есть работает, но как то странно.
avatar
итс э мирэкэл!!!
avatar
Мускул, ты чо тупишь?
avatar
У меня было парочка таких вот статеек, которые тупо лень было форматировать и приводить в божеский вид.
avatar
Дык копипастом же.
avatar
тык не получилась так четко и красиво
avatar
Тренируйся, в черновике.
avatar
Я бы еще добавил про точки в графе «тэги» и «заголовок».
Мне доказывали, что в тэгах точка необходима -_-
avatar
Про это есть этот пост.
avatar
Ребят, подскажите пожалуйста, не разобрался: как закрепить изображение за видеофайлом, чтобы получилось следующее:

avatar
<div class="video_big" align="center"><embed width="640" height="480" src="/3rdparty/cint/player.swf" name="sonetticFLVPlayer" type="application/x-shockwave-flash" bgcolor="#ffffff" allowfullscreen="true" allowscriptaccess="sameDomain" flashvars="content=/uploads/2014/05/08/gentoo/magspace.ru_Germaniya.flv&poster=/uploads/2014/05/08/gentoo/magspace.ru_Germaniya.flv.jpg&resazible=false&allowurlparsing=true&allowcopylink=true&languagepath=/3rdparty/cint/&language=ru&link=http://magspace.ru//uploads/2014/05/08/gentoo/magspace.ru_Germaniya.flv"></embed></embed><p><a class="video_download btn btn-mini" href="/uploads/2014/05/08/gentoo/magspace.ru_Germaniya.flv">Скачать</a></p></div>


Смотри код, там есть такая часть:
&poster=/uploads/2014/05/08/gentoo/magspace.ru_Germaniya.flv.jpg

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