?

Log in

No account? Create an account

НЕ РАЗ ОЧАРОВАННЫЙ СТРАННИК

Блог из Ростова-на-Дону

Previous Entry Share Next Entry
Как оформлять блог. Маленькие хитрости
я
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] - закрываем таблицу



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

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



Recent Posts from This Journal


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

  • 1
Давно и подробно всё описано здесь : http://htmlka.com/



нет бы спасибо сказать.. во народ! :-)

ВО-во, и я про то же! :)

Очень сложно всё там. Яков написал лучше и гараздо понятнее.

Там проще некуда, копируешь нужное, вставляешь в свою запись, и где написано "текст" вставляешь, как не удивительно, текст, а где написано "картинка" вставляшь...неожиданно картинку))

Очень кстати нужный, и нисколько нескучный пост. Спасибо, что сразу оговорились насчёт реального имени, а то сразу стало интересно. :) Потому что я обычно писал раньше реальное имя, и после этого сразу профиль данного человека. В общем поделюсь, пригодится. Да и у себя сохранится. И, как говорится, большое русское Мерси! :)

Edited at 2016-07-08 06:07 pm (UTC)

Рад, что пригодилось :)

Спасибо, сохранила себе в избранное.

А что за избранное? Я с таким не сталкивался? Я нашёл эту ссылку, добавить в избранное, но если я на неё нажму, чего будет?

Сохранится у вас под рукой.) Там ещё надо выбрать уровень публичности - видно всем, друзьям, или только вам.
Когда понадобиться перечитать, достаточно зайти к себе в избранное, и всё сохранённые интересные записи будут доступны одним кликом.

Спасибо большое. Сейчас попробую.

Во благо.) Сердечко вверху понравившегося поста нажимайте.

чёт не получается. :)

Сердечко видите сразу над названием поста "Как оформлять блог. Маленькие хитрости"?
Левой клавишей мышки кликайте на него, появится меню, в котором выбирайте "Всем, друзьям, Только себе" и помечайте галочкой выбранное (например, Друзьям). С этим всё.
Потом в своём журнале в верхней строке (где Архив, Личная информация, свежие записи) находите слово Мемориз и наступаете на него. В открывшемся окне будут Избранные записи (посты).

СЛожность в том, что я мышой не пользуюсь, и сердечки не вижу. С компьютером работаю исключительно на слух.

Это сложно, я только слышала о таком. Завтра постараюсь написать вам.
Всего доброго, Иван.

И Вам всего доброго. Спасибо большое.

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

Как-то вот не привык им пользоваться. :)

Хотя только написал - визуальный редактор заглючил :)
В итоге воспользовался готовыми тэгами из этого поста.

Спасибо. Опробовала пункт один на последнем посте, получилось.

Спасибо,полезный пост!

Это очень полезно, спасибо! Но для меня все равно сложно))))))) Я тут только осваиваю публикацию постов с телефона и никак не получается убрать основную часть текста под кат(((

Ну, так используйте готовые примеры :)

Спасибо большое! Для меня, как начинающего блогера, очень полезно.

Вот и здорово! :)

(Deleted comment)
  • 1