Как быстро сделать свою собственную схему для дневника? Сборка лиры для сыра


Здравствуйте...

Как я уже писала, иногда темы для уроков подсказываете мне вы, мои дорогие. И вот очередная ваша подсказка...)))

Поэтому тема сегодняшнего урока

Как сделать схему для Дневника и
правильно её установить.

Фон для Дневника можно сделать бесшовным, т.е. повторяющий рисунок. А также целой картинкой, чтобы картинка стояла слева, а всё остальное поле заполнялось просто цветом.

Бесшовные фоны можно выбрать на замечательном сайте -

Там ещё много чего есть...)))

Как вставлять такие фоны смотрим скрин ниже.

Как вставлять другие фоны - Панель навигация, Дополнительные блоки, Сообщения - вы выбираете сами. Там есть 4 вида для выбора -
- Всё пространство,
- По горизонтали,
- По вертикали,
- Не заполнять.

Если выберите 1, то фон заполнит полностью то место, куда вы вставите фон. Если 2, то будет узкая полоска только сверху, 3 - фон расположится вертикально, а если 4, то будет заполнение по размерам файла фона.

Последнее, что можно там вставить, это Название Дневника. Это своего рода просто картинка, размером 872х300 пикселей. Формат можно любой - PNG, JPEG, GIF.

Теперь расскажу, как я вставляю фон с картинкой слева. Мне такие фоны нравятся больше, чем бесшовные.
В фотошопе делаю нужную картинку. Обычно 550х800 пикселей. Для урока, я буду делать фон вот с такой картинкой.

Вставляю и выбираю позицию - Не заполнять.

Если поставить галочку на Фиксировать фон страницы, то тогда фон не будет двигаться, при прокрутке страницы вниз.

И выглядеть это будет так.

Остальные фоны вставляю также, как описала выше.
Теперь разберём, как корректировать следующие опции.

У меня фон картинки чёрный, поэтому я выбираю фон Странички чёрным. Дальше поля выбираете также по усмотрению - с цветным фоном или прозрачным. Я оставила прозрачный, стоит галочка.

Подбирать фон по цвету можно в фотошопе или при помощи генераторов цвета, например таких...

Брать нужно 6-ти знаковый код и вставлять в Настройки оформления фонов.

При изменении настроек оформления внизу на превью вы увидите изменения.

Теперь, когда вы всё сделали и вам понравилась схема, нужно её загрузить в Дневник. Для этого переходим на Выбор схем.

Схема сохранилась, переходим снова на Выбор схем.

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

Вот и всё...

А теперь отвечу на вопрос, который мне задала пользователь - Почему у неё не получается вставить фон картинки и пишут что файл не выбран?
Значит файл картинки или фона был выше того лимита, который обозначен - Максимальный вес: 80 Кбайт. Нужно обязательно придерживаться этого веса. Но бывает так, что картнка или фон больше по весу, чем нужно. Как быть в таком случае? Просто нужно уменьшить вес картинки...)))

Раньше я пользовалась онлайн сервисом, по уменьшению веса картинки.

Учебник Лиру

15 самых популярных уроков, не вошедших в оглавление

Вначале - кратко о спецкодах и HTML-кодах. Спецкоды - слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают много полезных вещей. Спецкоды в угловых скобках <> называются HTML- кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом (как в Word). Если всё же хотите использовать и в расширенном - нажимайте кнопку Источник в левом верхнем углу.

Коды заключенные в квадратные скобки - не являются универсальными, они называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не "подчеркнул" ее, а у простого редактора убрать внизу галочку "Автоматическое распознавание ссылок", иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спец-кодов.

Теги, применяемые на ЛиРу
Тег - это элемент языка разметки гипертекста (например в HTML), применяется в основном для задания того, как будет отображаться текст.
* Дополнительные спецсимволы HTML (редко используемые буквы и знаки)
1. Как выделить текст?

ВАШ ТЕКСТ Полужирный текст
ВАШ ТЕКСТ Выделение текста курсивом
ВАШ ТЕКСТ Подчёркнутый текст
ВАШ ТЕКСТ Зачёркнутый текст
ВАШ ТЕКСТ Текст, имитирующий стиль печатной машинки
ВАШ ТЕКСТ Выделение цитат курсивом

ВАШ ТЕКСТ

Создание нового параграфа

Горизонтальная разделительная линия (половинка) _________________________

Горизонтальная разделительная линия (полная) _________________________________________________________________________________________

Перенос строки (если двойная - абзац)

Ваш Заголовок

Заголовок

(h1 .. h6 - возможные заголовки. Чем больше число, тем меньше заголовок)

2. Как изменить размер текста?

маленький текст ВАШ ТЕКСТ маленький текст
Уменьшить текст текст текст - 2
Увеличить текст+1: текст текст + 1
Увеличить текст+2: текст текст + 2
Увеличить текст+3: текст текст + 3

3. Как разместить текст (картинку) на странице и делать отступы?

Ваш текст

Текст с выравниванием с левого края

Ваш текст

Текст с выравниванием с правого края

Ваш текст

Текст с правого краю
в две строчки с выравниванием слева



Ваш текст

Равномерное выравнивание текста по всей ширине поста

Ваш текст

Текст будет по центру

Выравнивание картинки к одной из сторон документа. Вместо "name" - адрес картинки, вместо "?" - значения: left, right, center, bottom, top, middle.

Текст для цитат - отделен пустой строкой и отступ слева в 8 пробелов

Ваш текст

Предложение с отступом в абзаце . Как в книжках.

Как сделать, чтобы текст «обтекал» картинку?
Например, картинка слева, текст справа: добавляем в код картинки: align=left hspace=20
Код картинки примет вид:
Помни: align=left - картинка слева, текст справа
align=right - картинка справа, текст слева
hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
Код картинки с плавным обтеканием текстом справа и снизу (или сверху):

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



- три пустые строки.

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

4. Как окрасить текст в разные цвета?

КРАСНЫЙ: текст красный текст
Ало-КРАСНЫЙ: текст ало-красный текст
ЖЕЛТЫЙ: текст желтый текст
ФИОЛЕТОВЫЙ: текст фиолетовый текст
ЗЕЛЕНЫЙ: текст зеленый текст
Светло-ЗЕЛЕНЫЙ: текст светло-зеленый текст
КОРИЧНЕВЫЙ: текст коричневый текст
Ярко-КОРИЧНЕВЫЙ: текст ярко-коричневый текст
ГОЛУБОЙ: текст голубой текст
Светло-ГОЛУБОЙ: текст светло-голубой текст
СИНИЙ: текст синий текст
ФУКСИЯ: текст фуксия текст
ОРАНЖЕВЫЙ: текст оранжевый текст

Также: black,white,rose,violet,vinous,gold,silver,bronze,platinum и т.д. (черный, белый, розовый, фиолетовый, бордовый, золотой, серебряный, бронзовый, платиновый).

Вид шрифта:

Ваш текст
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста "Monotype Corsiva"
код этого текста:
Ваш текст

5. Как сделать бегущую строку?

Бегущая влево строка ВАШ ТЕКСТ

Бегущая влево

Бегущая вправо строка ВАШ ТЕКСТ

Бегущая вправо
Бегущая от края к краю строка ВАШ ТЕКСТ бегущая от края к краю

6. Как сделать бегущую картинку?


- Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)

7. Как сделать скользящий (со скроллом) текст?

Скользящий вверх текст
ВАШ ТЕКСТ

Скролящийся вверх
текст с полезной
информацией,
картинкой или ещё с чем-нибудь

Скользящий вниз текст
ВАШ ТЕКСТ

Картинкой или ещё чем-нибудь
информацией,
текст с полезной
Скролящийся вниз

8. Как сделать списки и сноски?

Список c жирная точка спереди


  • Ваш текст
  • Ваш текст

Список сформируется автоматически, если добавить

  1. первый пункт Вашего ТЕКСТА
  2. второй пункт Вашего ТЕКСТА

  1. Первый пункт текста
  2. Второй пункт текста

Сноска сверху
ТЕКСТсноска ТЕКСТ сноска
Сноска снизу
ТЕКСТсноска ТЕКСТ сноска

"Закрепитель": текст остается таким, каким вы его пишете

ВАШ ТЕКСТ

Однажды в студеную зимнюю пору я из лесу вышел...

10. Как сделать всплывающую подсказку?

Текст со всплывающей подсказкой ВАШ ТЕКСТ
Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет

Если хотите дать ссылку на свой дневник (например, на наше сообщество), то пишете:
ВАШ ТЕКСТ например, Только для женщин и получится так:Только для женщин

Точно также можно дать ссылку на фото, картинку или видео.
Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15):

12. Как скрыть часть текста (убрать под кат) ?

А вот так надо обозначать окончание скрываемой части страницы и продолжить текст.

13. Как сделать простые рамки?

Ваш текст в рамке

Текст в такой рамке

Ваш текст в рамке (во всю ширину страницы)

Текст в такой рамке

Если хотите цветную рамку , добавьте в код картинки:
style="border:5px solid red;" - задана красная рамка толщиной 5 пикселей.


Здравствуйте...

Как я уже писала, иногда темы для уроков подсказываете мне вы, мои дорогие. И вот очередная ваша подсказка...)))

Поэтому тема сегодняшнего урока

Как сделать схему для Дневника и
правильно её установить.

Фон для Дневника можно сделать бесшовным, т.е. повторяющий рисунок. А также целой картинкой, чтобы картинка стояла слева, а всё остальное поле заполнялось просто цветом.

Бесшовные фоны можно выбрать на замечательном сайте -

Там ещё много чего есть...)))

Как вставлять такие фоны смотрим скрин ниже.

Как вставлять другие фоны - Панель навигация, Дополнительные блоки, Сообщения - вы выбираете сами. Там есть 4 вида для выбора -
- Всё пространство,
- По горизонтали,
- По вертикали,
- Не заполнять.

Если выберите 1, то фон заполнит полностью то место, куда вы вставите фон. Если 2, то будет узкая полоска только сверху, 3 - фон расположится вертикально, а если 4, то будет заполнение по размерам файла фона.

Последнее, что можно там вставить, это Название Дневника. Это своего рода просто картинка, размером 872х300 пикселей. Формат можно любой - PNG, JPEG, GIF.

Теперь расскажу, как я вставляю фон с картинкой слева. Мне такие фоны нравятся больше, чем бесшовные.
В фотошопе делаю нужную картинку. Обычно 550х800 пикселей. Для урока, я буду делать фон вот с такой картинкой.

Вставляю и выбираю позицию - Не заполнять.

Если поставить галочку на Фиксировать фон страницы, то тогда фон не будет двигаться, при прокрутке страницы вниз.

И выглядеть это будет так.

Остальные фоны вставляю также, как описала выше.
Теперь разберём, как корректировать следующие опции.

У меня фон картинки чёрный, поэтому я выбираю фон Странички чёрным. Дальше поля выбираете также по усмотрению - с цветным фоном или прозрачным. Я оставила прозрачный, стоит галочка.

Подбирать фон по цвету можно в фотошопе или при помощи генераторов цвета, например таких...

Брать нужно 6-ти знаковый код и вставлять в Настройки оформления фонов.

При изменении настроек оформления внизу на превью вы увидите изменения.

Теперь, когда вы всё сделали и вам понравилась схема, нужно её загрузить в Дневник. Для этого переходим на Выбор схем.

Схема сохранилась, переходим снова на Выбор схем.

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

Вот и всё...

А теперь отвечу на вопрос, который мне задала пользователь - Почему у неё не получается вставить фон картинки и пишут что файл не выбран?
Значит файл картинки или фона был выше того лимита, который обозначен - Максимальный вес: 80 Кбайт. Нужно обязательно придерживаться этого веса. Но бывает так, что картнка или фон больше по весу, чем нужно. Как быть в таком случае? Просто нужно уменьшить вес картинки...)))

Раньше я пользовалась онлайн сервисом, по уменьшению веса картинки.


Здравствуйте...

Как я уже писала, иногда темы для уроков подсказываете мне вы, мои дорогие. И вот очередная ваша подсказка...)))

Поэтому тема сегодняшнего урока

Как сделать схему для Дневника и
правильно её установить.

Фон для Дневника можно сделать бесшовным, т.е. повторяющий рисунок. А также целой картинкой, чтобы картинка стояла слева, а всё остальное поле заполнялось просто цветом.

Бесшовные фоны можно выбрать на замечательном сайте -

Там ещё много чего есть...)))

Как вставлять такие фоны смотрим скрин ниже.

Как вставлять другие фоны - Панель навигация, Дополнительные блоки, Сообщения - вы выбираете сами. Там есть 4 вида для выбора -
- Всё пространство,
- По горизонтали,
- По вертикали,
- Не заполнять.

Если выберите 1, то фон заполнит полностью то место, куда вы вставите фон. Если 2, то будет узкая полоска только сверху, 3 - фон расположится вертикально, а если 4, то будет заполнение по размерам файла фона.

Последнее, что можно там вставить, это Название Дневника. Это своего рода просто картинка, размером 872х300 пикселей. Формат можно любой - PNG, JPEG, GIF.

Теперь расскажу, как я вставляю фон с картинкой слева. Мне такие фоны нравятся больше, чем бесшовные.
В фотошопе делаю нужную картинку. Обычно 550х800 пикселей. Для урока, я буду делать фон вот с такой картинкой.

Вставляю и выбираю позицию - Не заполнять.

Если поставить галочку на Фиксировать фон страницы, то тогда фон не будет двигаться, при прокрутке страницы вниз.

И выглядеть это будет так.

Остальные фоны вставляю также, как описала выше.
Теперь разберём, как корректировать следующие опции.

У меня фон картинки чёрный, поэтому я выбираю фон Странички чёрным. Дальше поля выбираете также по усмотрению - с цветным фоном или прозрачным. Я оставила прозрачный, стоит галочка.

Подбирать фон по цвету можно в фотошопе или при помощи генераторов цвета, например таких...

Брать нужно 6-ти знаковый код и вставлять в Настройки оформления фонов.

При изменении настроек оформления внизу на превью вы увидите изменения.

Теперь, когда вы всё сделали и вам понравилась схема, нужно её загрузить в Дневник. Для этого переходим на Выбор схем.

Схема сохранилась, переходим снова на Выбор схем.

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

Вот и всё...

А теперь отвечу на вопрос, который мне задала пользователь - Почему у неё не получается вставить фон картинки и пишут что файл не выбран?
Значит файл картинки или фона был выше того лимита, который обозначен - Максимальный вес: 80 Кбайт. Нужно обязательно придерживаться этого веса. Но бывает так, что картнка или фон больше по весу, чем нужно. Как быть в таком случае? Просто нужно уменьшить вес картинки...)))

Раньше я пользовалась онлайн сервисом, по уменьшению веса картинки.

Итак, Вы создали дневник на Ли.ру и решили добавить в него сообщение, (ещё это называют пост)

А как это сделать? Очень просто. Давайте по порядку разберем.

1. Откройте свой дневник (ПРОФИЛЬ), нажмите "Добавить" или "Написать".

Или если вы видите "Новая запись" тоже подойдет, нажимаете.

У вас открылся простой редактор. А мы будем учиться работать с CKEditor (2-й редактор), потому что работа в нем похожа с работой в редакторе Word. Нажимаем на него.

Откроется сообщение, жмите ОК.

Вот так выглядит редактор CKEditor:

Тому, кто работает с редактором Word, многие кнопочки тут знакомы.

Мы начнем с простого.

Напишем ЗАГОЛОВОК. Он необходим для того, чтобы вам было легче ориентироваться в вашем дневнике.

Напишем текст. Например такой:

Уронили мишку на пол,
Оторвали мишке лапу.
Все равно его не брошу -
Потому что он хороший.

Затем добавим картинку со своего компьютера. Нажимаем кнопочку с картинкой.

У нас откроется вот такое окно:

Снова открывается новое окно. В нем нажимаем "Выберите файл"

Это может выглядеть например вот так:

Затем вы видите вот такую картинку:

А вот и загруженная картинка выравненная по правому краю:

Как это сделать смотрим:

А можно оставить картинку, просто так как загрузили и нечего не менять, никак не выравнивать.

Копируем адрес сайта из адресной строки.

В данном случае Агния Барто.

Далее можно проверить ошибки в тексте и написать ТЕГИ, они необходимы, чтобы другие пользователи могли по этим ключевым словам найти ваше сообщение. Так же по тегам пользователи интернета смогут найти ваш пост через поисковые системы типа Googl.

После написания поста его следует занести в рубрику. Рубрики необходимо завести заранее.

А если вы сомневаетесь, что сделали идеально и хотели бы сначала просмотреть своё сообщение, то следует выполнить "Предварительный просмотр". В этом случае ваше сообщение сохраниться в черновике.

И будет выглядеть вот так:

А если вы выбрали редактировать, то снова откроется редактор CKEditor.

Olia2010 : Хочу дать ещё пару подсказок, по написанию поста.