Иван (ivan_kolobov) wrote,
Иван
ivan_kolobov

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

Приятно, когда по моей просьбе человек находит время и пишет пост! Спасибо за пояснение и помощь! ПРигодится!
Оригинал взят у 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: livejournal, Ведение блога
Subscribe
promo ivan_kolobov april 16, 11:05 63
Buy for 20 tokens
В моей жизни было много разного, но вот интервью для сообщества в ЖЖ я писал впервые. Я очень благодарен Татьяне: tanya_karenina за это интервью, а так же сообществу goodpeople за тёплый приём. Так же хочется сказать спасибо Лене: playmother Которая подсказала…
  • Post a new comment

    Error

    default userpic
    When you submit the form an invisible reCAPTCHA check will be performed.
    You must follow the Privacy Policy and Google Terms of use.
  • 3 comments