Яков Осканов (oskanov) wrote,
Яков Осканов
oskanov

Как оформлять блог. Маленькие хитрости

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

Сразу оговорюсь, что все html-тэги я буду писать в квадратных скобках – [], чтобы они работали, вы должны заменить [] в моих примерах на <>. И ещё одно важное условие: в окне записи я выбираю вкладку "HTML" вместо "Визуальный редактор", т.к. тэги работают именно в нём.



-----------------------------------------------------------------------------------------------------------

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

[p align="justify" style="margin-bottom: 0cm; text-indent: 0.97cm"]ВОТ СЮДА ВСТАВЛЯЕТСЯ ТЕКСТ[/p]

Кроме красной строки этот код растягивает текст по всей ширине, равномерно заполняя всё окно поста.



-----------------------------------------------------------------------------------------------------------

В начале поста вы заметили, что я упомянул блогера, назвав его не ником, а реальным именем. Это делается вот таким кодом:

[lj user="ТУТ ПИШЕТСЯ НИК БЛОГЕРА" title="ТУТ ПИШЕТСЯ ИМЯ" /]

Многие пользуются тегом lj-cut, но не все знают о нюансе, что закрывающий тэг [/lj-cut] можно не ставить, если вы хотите, чтобы весь текст остался под катом. Однако если вы хотите сделать чтобы начало текста и конец текста были видны, а середина текста невидна, то вам нужно выстроить пост по схеме НАЧАЛО ТЕКСТА - [lj-cut] - СЕРЕДИНА ТЕКСТА - [/lj-cut] - КОНЕЦ ТЕКСТА. Если вас удивляет, как у людей вместо слов "Читать дальше..." появляется первое предложение спрятанного под как текста, то это делается так: [lj-cut text="СЮДА ВСТАВЛЯЕТСЯ ЛЮБОЙ ТЕКСТ"]



-----------------------------------------------------------------------------------------------------------

Иногда читатели обращают внимание на то, как оформлен мой верхний пост. И фото, и подпись, и рубрикатор свёрстаны в с помощью таблицы. Общая структура и код таблицы выглядит так:

[table cellspacing="0" cellpadding="0" width="ЗДЕСЬ ШИРИНА ТАБЛИЦЫ ЦИФРАМИ В ПИКСЕЛЯХ" border="ЗДЕСЬ ШИРИНА ОТСТУПОВ ВНУТРИ ЯЧЕЕК ЦИФРАМИ В ПИКСЕЛЯХ"]
[tbody] - тело таблицы
[tr] - создаёт новый ряд
[td width="ШИРИНА ЯЧЕЙКИ" style="margin: 0;padding: ОТСТУПЫ В ПИКСЕЛЯХpx"] - делит ряд на столбцы в верхнем посту у меня один ряд поделенный на два столбца, в одном из которых фото, в другом текст.

[img height="ВЫСОТА ФОТО В ПИКСЕЛЯХ" width="ШИРИНА ФОТО В ПИКСЕЛЯХ" src="http://ССЫЛКА НА ФОТО" /]

[/td>] - закрывающий тэг столбца.

[td width="ШИРИНА ЯЧЕЙКИ" style="margin: 0;padding: 20px"> ЗДЕСЬ ПИШЕМ ЛЮБОЙ ТЕКСТ [/td]

[/tr] - закрываем ряд
[/tbody] - закрываем тело
[/table] - закрываем таблицу



-----------------------------------------------------------------------------------------------------------

Вот такой получился скучный, но надеюсь для кого-то полезный пост. :) Если есть ещё какие-то вопросы – пишите, с удовольствием поделюсь с вами опытом.


Tags: полезное
Subscribe

Recent Posts from This Journal

promo oskanov august 6, 2018 14:50 43
Buy for 20 tokens
Ответ на загадку. "Странные какие-то грибы", - сказала жена и добавила: – "Доешь, пожалуйста, за меня". А у меня новость. Я давно хотел создать нечто подобное, но не решался. В том смысле, что вести весь блог так не хотелось, а отдельный блог вести – не было подходящей платформы. В общем, я решил…
  • Post a new comment

    Error

    Anonymous comments are disabled in this journal

    default userpic

    Your reply will be screened

    Your IP address will be recorded 

  • 28 comments