Как оформлять блог. Маленькие хитрости
Приятно, когда по моей просьбе человек находит время и пишет пост! Спасибо за пояснение и помощь! ПРигодится!
Оригинал взят у oskanov в Как оформлять блог. Маленькие хитрости
Периодически меня спрашивают о том, как я делал оформление своего блога. В общем и целом ничего сложного тут нет. Но я обещал ivan_kolobov написать как реализовано оформление в блоге, а потому своё обещание сдерживаю. То, что я напишу, для многих не секрет, но может быть кому-то это будет полезно и поможет сделать свой блог лучше.
Сразу оговорюсь, что все 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] - закрываем таблицу
-----------------------------------------------------------------------------------------------------------
Вот такой получился скучный, но надеюсь для кого-то полезный пост. :) Если есть ещё какие-то вопросы - пишите, с удовольствием поделюсь с вами опытом.
Оригинал взят у oskanov в Как оформлять блог. Маленькие хитрости
Периодически меня спрашивают о том, как я делал оформление своего блога. В общем и целом ничего сложного тут нет. Но я обещал ivan_kolobov написать как реализовано оформление в блоге, а потому своё обещание сдерживаю. То, что я напишу, для многих не секрет, но может быть кому-то это будет полезно и поможет сделать свой блог лучше.
Сразу оговорюсь, что все 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] - закрываем таблицу
-----------------------------------------------------------------------------------------------------------
Вот такой получился скучный, но надеюсь для кого-то полезный пост. :) Если есть ещё какие-то вопросы - пишите, с удовольствием поделюсь с вами опытом.